/* Branca Boutique — página de produto (carregado só em produtos). */

/*
 * Nada se mexe enquanto a página carrega:
 * - botões de cor/tamanho e o nome da cor já vêm prontos do servidor (ProductPage::append_swatches);
 * - a coluna de miniaturas fica invisível até ser limitada a 5 fotos, uma vez só (classe posta no <head>);
 * - a linha de estoque da variação padrão já vem do servidor (cópia que some quando o WooCommerce preenche a dele).
 */
html.branca-gallery-pending body.single-product .woocommerce-product-gallery .flex-control-thumbs,
html.branca-gallery-pending body.single-product .branca-thumbs-nav { visibility: hidden; }
.single-product .branca-variation-preview:has(+ .single_variation:not(:empty)) { display: none; }

/* Variações e swatches */
.single-product .variations { width: 100%; margin: 0 0 16px !important; background: #fff !important; }
.single-product .variations tbody, .single-product .variations tr, .single-product .variations th, .single-product .variations td { background: #fff !important; }
.single-product .variations tr { display: block; margin-bottom: 20px; }
.single-product .variations th, .single-product .variations td { display: block !important; width: 100% !important; padding: 0 !important; text-align: left; }
.single-product .variations th label { display: block; margin: 0 0 10px; font-size: 11px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; }
.single-product .variations select.branca-native-variation { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.single-product .branca-swatches { display: flex !important; width: auto !important; flex-wrap: wrap !important; align-items: center; gap: 9px !important; background: #fff !important; }
.single-product form.variations_form button.branca-swatch { position: relative; display: inline-grid !important; place-items: center; width: 52px !important; min-width: 52px !important; max-width: 52px !important; height: 46px !important; min-height: 46px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #d5d3cf !important; border-radius: 0 !important; background: #fff !important; color: #111 !important; box-shadow: none !important; font: 500 13px/1 "Red Hat Display", sans-serif !important; cursor: pointer; transition: .2s; }
.single-product form.variations_form .branca-swatches--size button.branca-swatch.branca-swatch--wide { width: auto !important; min-width: 116px !important; max-width: none !important; padding: 0 16px !important; white-space: nowrap !important; }
.single-product form.variations_form button.branca-swatch:hover, .single-product form.variations_form button.branca-swatch:focus-visible { border-color: #111 !important; background: #fff !important; outline: 0; }
.single-product form.variations_form button.branca-swatch:disabled, .single-product form.variations_form button.branca-swatch.is-disabled { opacity: .42; cursor: not-allowed; background: linear-gradient(to bottom right, #fff 49%, #a9a9a9 50%, #fff 51%) !important; color: #777 !important; }
.single-product form.variations_form .branca-swatches--color button.branca-swatch { width: 42px !important; min-width: 42px !important; max-width: 42px !important; height: 42px !important; min-height: 42px !important; padding: 4px !important; background: #fff !important; border-color: #aaa !important; }
.branca-swatches--color .branca-swatch:before { content: ""; display: block; width: 28px; height: 28px; background: var(--swatch-color, #ddd); }
.single-product form.variations_form .branca-swatches--color button.branca-swatch.is-selected { outline: 1px solid #111 !important; outline-offset: 3px; background: #fff !important; }
html body.single-product form.variations_form .branca-swatches--size button.branca-swatch.is-selected { border-color: #111 !important; background: #111 !important; color: #fff !important; }
html body.single-product form.variations_form .branca-swatches button.branca-swatch.branca-stock-unavailable:disabled { position: relative; opacity: .58 !important; cursor: not-allowed !important; background: #f8f7f4 !important; color: #888 !important; }
html body.single-product form.variations_form button.branca-swatch.branca-stock-unavailable:after { content: "×"; position: absolute; top: 2px; right: 5px; color: #a64040; font: 600 15px/1 Arial, sans-serif; }
.branca-color-name { display: block; margin: 0 0 9px; color: #5f6269; font-size: 13px; background: #fff !important; }
/* O link entra por JS ao lado do rótulo: mesma margem do rótulo e altura não maior que ele, para a linha não mudar de tamanho. */
.branca-size-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin: 0 0 10px; background: #fff !important; }
.branca-size-heading label { margin: 0 !important; }
.branca-size-heading .elementor-button { width: auto !important; min-height: auto !important; padding: 0 !important; line-height: 1.2 !important; background: transparent !important; color: #606672 !important; border: 0 !important; font-size: 10px !important; letter-spacing: .12em; }
.single-product .reset_variations { display: block; margin-top: 10px; color: #777; font-size: 11px; }

/* Preço promocional "De: / Por:" (ProductPage::sale_price_html): na fonte do preço, sem caixa alta;
   "De:" riscado em cinza e "Por:" no vermelho do site, em negrito, na mesma linha (referência Animale). */
.single-product .price .branca-price-from, .single-product .price .branca-price-to { display: inline-block; margin-right: 10px; text-transform: none !important; letter-spacing: 1px !important; line-height: 1.4; font-weight: 400 !important; }
.single-product .price .branca-price-from { color: #9a9a9a !important; font-size: 13px !important; }
.single-product .price .branca-price-to { color: #c8102e !important; font-size: 16px !important; font-weight: 700 !important; }
.single-product .price .branca-price-from *, .single-product .price .branca-price-to * { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; letter-spacing: inherit !important; opacity: 1 !important; }
.single-product .price .branca-price-from del { display: inline !important; text-decoration: line-through; }
.single-product .price .branca-price-to ins { text-decoration: none; }
/* Selo de oferta da galeria: preto, texto centralizado (antes ficava preso no topo de uma caixa alta). */
.single-product .elementor-widget-woocommerce-product-images > .onsale, .single-product div.product > .onsale { display: inline-flex !important; align-items: center; justify-content: center; min-width: 0 !important; min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 7px 11px !important; border-radius: 0 !important; background: #111 !important; color: #fff !important; font: 600 11px/1 "Red Hat Display", sans-serif !important; letter-spacing: .14em !important; text-transform: uppercase !important; }
/* Mesma tipografia do preço (Red Hat Display, espaçada), menor e em cinza; o valor na cor do preço. */
.branca-payment-info { margin: 4px 0 0; font-family: "Red Hat Display", sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 1px; line-height: 1.7; color: #7a7a7a; }
.branca-payment-info p { margin: 0 !important; padding: 0; font: inherit; letter-spacing: inherit; color: inherit; }
.branca-payment-info span { color: #222; }
/* Parcela em destaque; o total (com juros) menor, mas legível. */
.branca-payment-info strong { color: #111; font-size: 16px; font-weight: 500; letter-spacing: .5px; }
.branca-payment-info .branca-payment-total { font-size: 11px; color: #7a7a7a; letter-spacing: 1px; white-space: nowrap; }
/* Barra de compra (mobile): mantém o visual dela. */
.single-product .branca-mobile-buybar__amount .branca-price-from, .single-product .branca-mobile-buybar__amount .branca-price-to { color: inherit !important; font-size: inherit !important; line-height: inherit; }
.single-product .branca-mobile-buybar__amount .branca-price-from del { display: block !important; color: #8a8a8a !important; font-size: 10px !important; }
.branca-mobile-buybar__amount .branca-price-label { display: none; }

/* Selo "Esgotado" na galeria (Modules/SoldOutBadge) */
/* Fica na foto principal (área do slider), não no canto da galeria, onde podem estar as miniaturas. */
.single-product .woocommerce-product-gallery.branca-soldout { position: relative; }
.single-product .woocommerce-product-gallery.branca-soldout .flex-viewport { position: relative; }
.single-product .woocommerce-product-gallery.branca-soldout .flex-viewport::before,
.single-product .woocommerce-product-gallery.branca-soldout:not(:has(.flex-viewport))::before { content: "Esgotado"; position: absolute; z-index: 9; top: 12px; left: 12px; padding: 7px 11px; background: #c8102e; color: #fff; font: 600 11px/1 "Red Hat Display", sans-serif; letter-spacing: .14em; text-transform: uppercase; pointer-events: none; }

/* Galeria: coluna de miniaturas com no máximo 5 visíveis, rolagem e setas (product.js, initThumbs) */
.single-product .woocommerce-product-gallery.branca-thumbs-ready { position: relative; }
.single-product .branca-thumbs-ready .flex-control-thumbs { overflow-y: auto !important; overscroll-behavior: contain; scroll-behavior: smooth; scrollbar-width: none; }
.single-product .branca-thumbs-ready .flex-control-thumbs::-webkit-scrollbar { display: none; }
.single-product .branca-thumbs-ready .flex-control-thumbs img { -webkit-user-drag: none; user-select: none; }
html.branca-gallery-click .single-product .woocommerce-product-gallery__image:not(.branca-gallery-video) { cursor: zoom-in; }
.single-product .branca-thumbs-nav { position: absolute; z-index: 10; display: grid; place-items: center; height: 28px; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: rgba(255,255,255,.9) !important; color: #111 !important; box-shadow: none !important; cursor: pointer; }
.single-product .branca-thumbs-nav[hidden] { display: none !important; }
.single-product .branca-thumbs-nav::before { content: ""; width: 8px; height: 8px; border: solid currentColor; border-width: 0 0 1.5px 1.5px; }
.single-product .branca-thumbs-nav--prev::before { margin-top: 5px; transform: rotate(135deg); }
.single-product .branca-thumbs-nav--next::before { margin-bottom: 5px; transform: rotate(-45deg); }

/* Calcular frete (ShippingSimulator) */
.branca-shipping { margin: 18px 0 8px; font-family: "Red Hat Display", sans-serif; color: #111; }
.branca-shipping label { display: block; margin: 0 0 8px; font-size: 10px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.single-product .branca-shipping-form { margin: 0; }
.branca-shipping-row { display: flex; }
.single-product .branca-shipping input { flex: 1; min-width: 0; height: 46px; margin: 0; padding: 0 14px; border: 1px solid #cfccc6; border-right: 0; border-radius: 0; background: #fff; box-shadow: none; color: #111; font: 400 14px/1 "Red Hat Display", sans-serif; letter-spacing: .06em; }
.single-product .branca-shipping input:focus { border-color: #111; outline: 0; }
.single-product .branca-shipping button { flex: none; height: 46px; margin: 0; padding: 0 22px; border: 1px solid #111; border-radius: 0; background: #111; color: #fff; font: 600 10px/1 "Red Hat Display", sans-serif; letter-spacing: .16em; text-transform: uppercase; cursor: pointer; }
.branca-shipping.is-loading button { opacity: .55; cursor: wait; }
.single-product .branca-shipping-help { display: inline-block; margin-top: 8px; color: #7a7a7a; font-size: 11px; text-decoration: underline; }
.branca-shipping-rates { margin: 12px 0 0 !important; padding: 0 !important; list-style: none !important; border-top: 1px solid var(--branca-line); }
.branca-shipping-rates li { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 !important; padding: 11px 0; border-bottom: 1px solid var(--branca-line); font-size: 13px; line-height: 1.4; }
.branca-shipping-rates strong { font-weight: 500; }
.branca-shipping-rates small { display: block; color: #7a7a7a; font-size: 11px; }
.branca-shipping-rates b { font-weight: 500; white-space: nowrap; }
.branca-shipping-error { margin: 10px 0 0 !important; color: #b3261e; font-size: 12px; }

/* Informações do modelo e acordeões */
.branca-model-info { margin: 18px 0 8px; padding: 16px 18px; background: #f7f6f3; color: #5f6269; font-size: 13px; line-height: 1.6; }
.branca-product-accordions { margin-top: 8px; border-top: 1px solid var(--branca-line); }
.branca-product-accordion { border-bottom: 1px solid var(--branca-line); }
.single-product .branca-product-accordion > button { display: flex !important; align-items: center !important; justify-content: space-between !important; width: 100% !important; min-height: 56px !important; margin: 0 !important; padding: 13px 0 !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; color: #111 !important; box-shadow: none !important; font: 500 11px/1.3 "Red Hat Display", sans-serif !important; letter-spacing: .17em !important; text-align: left !important; text-transform: uppercase !important; cursor: pointer; }
.single-product .branca-product-accordion > button:hover, .single-product .branca-product-accordion > button:focus-visible { background: #faf9f7 !important; outline: 0; }
.branca-product-accordion > button i { font-style: normal; font-size: 15px; font-weight: 400; }
.branca-accordion-panel { padding: 2px 0 18px; color: #646872; font-size: 13px; line-height: 1.65; }
.branca-accordion-panel[hidden] { display: none; }
.branca-accordion-panel h3 { margin: 7px 0 8px; color: #111; font-size: 10px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.branca-accordion-panel p { margin: 0 0 12px; }
.branca-accordion-panel a { display: inline-block; color: #111; border-bottom: 1px solid #111; font-size: 10px; font-weight: 600; letter-spacing: .14em; text-decoration: none; text-transform: uppercase; }
.branca-accordion-panel dl, .branca-accordion-panel dd { margin: 0; }
.branca-accordion-panel dl > div { display: grid; grid-template-columns: 130px 1fr; gap: 15px; padding: 6px 0; border-bottom: 1px solid #eee; }
.branca-accordion-panel dt { color: #111; font-weight: 600; }
.branca-accordion-cta { margin-top: 16px !important; color: #111; }

/* Avaliações */
.branca-editorial-reviews { width: min(1240px, calc(100% - 56px)); margin: 100px auto; padding: 0; font-family: "Red Hat Display", sans-serif; color: #111; }
.branca-reviews-header { padding-bottom: 34px; border-bottom: 1px solid var(--branca-line); }
.branca-reviews-header h2 { margin: 0; font-size: 42px; font-weight: 500; line-height: 1.1; }
.branca-reviews-layout { display: grid; grid-template-columns: 320px minmax(0,1fr); gap: 82px; padding-top: 42px; }
.branca-reviews-layout.is-empty { grid-template-columns: minmax(0,1fr); }
/* Sem avaliação: uma frase nossa no lugar das duas do WooCommerce. */
.branca-reviews-layout.is-empty .woocommerce-noreviews, .branca-reviews-layout.is-empty .woocommerce-verification-required { display: none; }
.branca-reviews-empty { margin: 0 0 28px; padding: 28px; border: 1px solid var(--branca-line); color: #686d77; font-size: 14px; line-height: 1.6; }
.branca-reviews-summary { position: sticky; top: 120px; align-self: start; }
.branca-reviews-average { display: block; font-size: 68px; font-weight: 400; line-height: 1; }
.branca-reviews-stars { margin: 16px 0 14px; }
.branca-reviews-stars span { --percent: calc(var(--rating) / 5 * 100%); display: inline-block; font-size: 18px; line-height: 1; letter-spacing: 3px; }
.branca-reviews-stars span:before { content: "★★★★★"; background: linear-gradient(90deg, #111 var(--percent), #d7d4cf var(--percent)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.branca-reviews-summary > p { max-width: 260px; margin: 0 0 28px; color: #717783; font-size: 13px; line-height: 1.6; }
.branca-rating-bars { display: grid; gap: 12px; }
.branca-rating-row { display: grid; grid-template-columns: 26px 1fr 24px; align-items: center; gap: 8px; color: #737987; font-size: 11px; }
.branca-rating-row i { display: block; height: 4px; background: #e6e4df; }
.branca-rating-row b { display: block; height: 100%; background: #111; }
.branca-rating-row em { font-style: normal; text-align: right; }
.branca-review-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; margin-top: 30px; padding: 0 22px; border: 1px solid #111; color: #111; font-size: 10px; font-weight: 600; letter-spacing: .16em; text-decoration: none; text-transform: uppercase; }
.branca-editorial-reviews:not(:has(#review_form)) .branca-review-cta { display: none; }
.branca-reviews-native #reviews, .branca-reviews-native #comments { margin: 0; }
.branca-reviews-native .woocommerce-Reviews-title { display: none; }
.branca-reviews-native .commentlist { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.branca-reviews-native .commentlist > li { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid var(--branca-line); }
.branca-reviews-native .comment_container { position: relative; padding: 0 0 34px !important; margin: 0 0 34px !important; }
.branca-reviews-native .comment_container img.avatar { width: 46px !important; height: 46px !important; margin: 0 !important; border: 0 !important; border-radius: 50%; background: #eee; object-fit: cover; }
.branca-reviews-native .comment-text { min-height: 46px; margin: 0 0 0 66px !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; }
.branca-reviews-native .meta { margin: 0 0 16px !important; }
.branca-reviews-native .woocommerce-review__author { display: block; color: #111; font-size: 14px; }
.branca-reviews-native .woocommerce-review__dash { display: none; }
.branca-reviews-native .woocommerce-review__published-date { display: block; margin-top: 3px; color: #7a8290; font-size: 11px; }
.branca-reviews-native .woocommerce-review__verified { display: inline-block; margin: 4px 0 0; color: #596b5d; font-size: 10px; font-style: normal; letter-spacing: .08em; text-transform: uppercase; }
.branca-reviews-native .star-rating { position: absolute !important; top: 3px; right: 0; float: none !important; color: #111; }
.branca-reviews-native .description { color: #3f4248; font-size: 14px; line-height: 1.75; }
.branca-reviews-native .description p { margin: 0; }
.branca-reviews-native .woocommerce-noreviews { margin: 0 0 28px; padding: 28px; border: 1px solid var(--branca-line); color: #686d77; font-size: 14px; }
.branca-reviews-native #review_form_wrapper { margin-top: 42px; padding: 34px; border: 1px solid var(--branca-line); }
.branca-reviews-native .comment-reply-title { display: block; margin: 0 0 10px; color: #111; font-size: 24px; font-weight: 500; }
.branca-review-form-intro, .branca-reviews-native .comment-notes { color: #707580; font-size: 13px; line-height: 1.6; }
.branca-reviews-native #review_form label { display: block; margin: 0 0 8px; color: #111; font-size: 10px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.branca-reviews-native #review_form textarea, .branca-reviews-native #review_form input[type=text], .branca-reviews-native #review_form input[type=email] { width: 100%; min-height: 48px; padding: 13px; border: 1px solid #cfccc6; border-radius: 0; background: #fff; box-sizing: border-box; }
.branca-reviews-native #review_form textarea { min-height: 130px; resize: vertical; }
.branca-reviews-native #review_form .form-submit input { min-height: 48px; padding: 0 25px; border: 1px solid #111; border-radius: 0; background: #111; color: #fff; font-size: 10px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.branca-reviews-native .comment-form-rating .stars a { color: #111; }
.branca-reviews-native .woocommerce-verification-required { padding: 24px; border: 1px solid var(--branca-line); color: #686d77; }

/* Barra de compra fixa (só aparece no mobile) */
.branca-mobile-buybar { display: none; }

@media (min-width: 768px) {
	.single-product form.cart { position: relative; }
	.single-product form.cart > .branca-favorite-toggle,
	.single-product .branca-favorite-toggle:has(+ form.cart) { position: absolute; z-index: 8; top: 0; right: 0; margin: 0 !important; }
	.single-product :has(> .branca-favorite-toggle + form.cart) { position: relative; }
	.single-product form.variations_form .variations { margin-bottom: 8px !important; }
	.single-product form.variations_form .variations tr:last-child { margin-bottom: 0; }
	.single-product form.variations_form .variations tr:first-child th label { padding-right: 54px; }
}

@media (max-width: 767px) {
	body.single-product.branca-buybar-active { padding-bottom: calc(82px + env(safe-area-inset-bottom)); }
	.branca-mobile-buybar { position: fixed; z-index: 9990; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: minmax(82px, auto) minmax(180px, 1fr); align-items: center; gap: 15px; min-height: 76px; padding: 10px 20px calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid #e1dfdb; background: #fff; font-family: "Red Hat Display", sans-serif; box-sizing: border-box; transform: translateY(110%); opacity: 0; visibility: hidden; transition: transform .25s ease, opacity .2s ease, visibility .25s; }
	.branca-mobile-buybar.is-active { transform: translateY(0); opacity: 1; visibility: visible; }
	.branca-mobile-buybar__price { min-width: 0; color: #111; line-height: 1.2; }
	.branca-mobile-buybar__amount { display: block; font-size: 17px; white-space: nowrap; }
	.branca-mobile-buybar__amount .price { margin: 0 !important; }
	.branca-mobile-buybar__amount del { display: block !important; color: #8a8a8a; font-size: 10px; line-height: 1.1; }
	.branca-mobile-buybar__amount ins { display: block; text-decoration: none; }
	.branca-mobile-buybar__button { width: 100%; min-height: 56px !important; margin: 0 !important; padding: 12px 18px !important; border: 1px solid #121212 !important; border-radius: 0 !important; background: #121212 !important; color: #fff !important; font: 600 12px/1.2 "Red Hat Display", sans-serif !important; letter-spacing: .18em !important; text-transform: uppercase !important; box-shadow: none !important; }
	.branca-mobile-buybar__button:disabled { border-color: #d1cfca !important; background: #d1cfca !important; color: #666 !important; cursor: not-allowed; }
	.single-product .variations.branca-needs-selection { outline: 1px solid #a78853; outline-offset: 9px; transition: outline-color .4s; }
	.single-product.branca-buybar-active .joinchat { bottom: calc(96px + env(safe-area-inset-bottom)) !important; transition: bottom .25s ease; }
	.single-product:not(.branca-buybar-active) .joinchat { transition: bottom .25s ease; }

	.branca-editorial-reviews { width: calc(100% - 36px); margin: 70px auto; }
	.branca-reviews-header { padding-bottom: 24px; }
	.branca-reviews-header h2 { font-size: 34px; }
	.branca-reviews-layout { grid-template-columns: 1fr; gap: 44px; padding-top: 28px; }
	.branca-reviews-summary { position: static; display: grid; grid-template-columns: 100px 1fr; gap: 0 18px; }
	.branca-reviews-average { grid-column: 1; grid-row: 1 / span 2; font-size: 54px; }
	.branca-reviews-stars { grid-column: 2; margin: 5px 0 8px; }
	.branca-reviews-summary > p { grid-column: 2; margin: 0 0 20px; font-size: 12px; }
	.branca-rating-bars { grid-column: 1 / -1; margin-top: 8px; }
	.branca-review-cta { grid-column: 1 / -1; width: 100%; box-sizing: border-box; }
	.branca-reviews-native .comment_container { padding-bottom: 26px !important; margin-bottom: 26px !important; }
	.branca-reviews-native .comment-text { margin-left: 58px !important; }
	.branca-reviews-native .star-rating { position: relative !important; top: auto; right: auto; margin: 10px 0 12px !important; }
	.branca-reviews-native #review_form_wrapper { margin-top: 30px; padding: 24px 18px; }
	.branca-reviews-native .comment-reply-title { font-size: 21px; }
	.branca-reviews-native .form-submit input { width: 100%; }
}

@media (max-width: 600px) {
	.branca-swatch { min-width: 52px; height: 50px; padding: 0 13px; }
	.branca-accordion-panel dl > div { grid-template-columns: 110px 1fr; }
}

/* Vídeo na galeria do produto */
.branca-gallery-video { position: relative; }
.branca-gallery-video__poster { display: none !important; }
.branca-gallery-video video { display: block; width: 100%; height: auto; object-fit: cover; background: var(--branca-soft); }
.branca-has-video .flex-control-thumbs li:nth-child(2) { position: relative; }
.branca-has-video .flex-control-thumbs li:nth-child(2)::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-40%, -50%); border-style: solid; border-width: 8px 0 8px 13px; border-color: transparent transparent transparent #fff; filter: drop-shadow(0 0 3px rgba(0,0,0,.55)); pointer-events: none; }