/** Shopify CDN: Minification failed

Line 388:0 Unexpected "}"
Line 984:66 Unexpected "/"
Line 1399:14 Expected identifier but found "700"

**/


/* ---- TOKENS -------------------------------------------------------------- */
:root{
  --lumora-ink:#0a0a0a;--lumora-white:#fff;--lumora-cream:#fffbf2;--lumora-paper:#f2f2f2;--lumora-gray-900:#1a1a1a;
  --lumora-gray-700:#494949;--lumora-gray-500:#767677;--lumora-gray-300:#cfcfcf;--lumora-hairline:#e3e3e3;
  --lumora-sale:#d0021b;--lumora-success:#007d48;--lumora-gold:#a8873f;--lumora-accent:var(--lumora-gold);
  --lumora-font-display:"Playfair Display","Times New Roman",Georgia,serif;
  --lumora-font-ui:"Jost","Helvetica Neue",Helvetica,Arial,sans-serif;
  --lumora-fs-display:clamp(2.75rem,6vw,6rem);--lumora-fs-h1:clamp(1.8rem,3.5vw,2.75rem);
  --lumora-fs-h2:clamp(1.35rem,2vw,1.75rem);--lumora-fs-body:1rem;--lumora-fs-sm:.875rem;--lumora-fs-xs:.75rem;
  --lumora-lh-tight:.95;--lumora-lh-heading:1.12;--lumora-lh-body:1.5;--lumora-tracking:.04em;
  --lumora-s1:4px;--lumora-s2:8px;--lumora-s3:12px;--lumora-s4:16px;--lumora-s5:24px;--lumora-s6:32px;--lumora-s7:48px;--lumora-s8:64px;--lumora-s9:96px;
  --lumora-container:1720px;--lumora-gutter:clamp(16px,4vw,48px);
  --lumora-header-h:64px;--lumora-ann-h:36px;
  --lumora-ease:cubic-bezier(.4,0,.2,1);--lumora-dur:220ms;--lumora-dur-fast:120ms;
  --lumora-z-header:1000;--lumora-z-drawer:1100;--lumora-z-modal:1200;
}

/* ---- RESET --------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--lumora-font-ui);font-size:var(--lumora-fs-body);line-height:var(--lumora-lh-body);color:var(--lumora-ink);background:var(--lumora-white);-webkit-font-smoothing:antialiased}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4{margin:0;font-weight:900;line-height:var(--lumora-lh-heading);letter-spacing:-.01em}
p{margin:0 0 var(--lumora-s4)}
:focus-visible{outline:2px solid var(--lumora-ink);outline-offset:2px}
.lumora-skip-link{position:absolute;left:-9999px}
.lumora-skip-link:focus{left:var(--lumora-s4);top:var(--lumora-s4);z-index:var(--lumora-z-modal);background:var(--lumora-ink);color:#fff;padding:var(--lumora-s2) var(--lumora-s4)}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ---- HELPERS ------------------------------------------------------------- */
.lumora-container{max-width:var(--lumora-container);margin-inline:auto;padding-inline:var(--lumora-gutter)}
.lumora-section{padding-block:clamp(40px,7vw,96px)}
.lumora-hairline{border:0;border-top:1px solid var(--lumora-hairline);margin:0}
.lumora-display{font-family:var(--lumora-font-display);font-weight:900;font-size:var(--lumora-fs-display);line-height:var(--lumora-lh-tight);letter-spacing:-.01em;text-transform:uppercase}
.lumora-eyebrow{font-size:var(--lumora-fs-xs);font-weight:700;letter-spacing:var(--lumora-tracking);text-transform:uppercase;color:var(--lumora-gray-500)}
.lumora-h2{font-family:var(--lumora-font-display);font-weight:800;font-size:var(--lumora-fs-h2);text-transform:uppercase;letter-spacing:-.01em;line-height:1.1}
.lumora-section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--lumora-s4);margin-bottom:var(--lumora-s6)}
.lumora-link-arrow{font-weight:700;font-size:var(--lumora-fs-sm);text-transform:uppercase;letter-spacing:var(--lumora-tracking);border-bottom:2px solid var(--lumora-ink);padding-bottom:2px}


.lumora-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--lumora-s2);min-height:48px;padding:0 var(--lumora-s5);border:2px solid var(--lumora-ink);background:var(--lumora-ink);color:var(--lumora-white);font-size:var(--lumora-fs-sm);font-weight:700;letter-spacing:var(--lumora-tracking);text-transform:uppercase;transition:background var(--lumora-dur) var(--lumora-ease),color var(--lumora-dur) var(--lumora-ease)}
.lumora-btn::after{content:"→";transition:transform var(--lumora-dur) var(--lumora-ease)}
.lumora-btn:hover{background:var(--lumora-white);color:var(--lumora-ink)}
.lumora-btn:hover::after{transform:translateX(4px)}
.lumora-btn--ghost{background:transparent;color:var(--lumora-ink)}
.lumora-btn--ghost:hover{background:var(--lumora-ink);color:var(--lumora-white)}
.lumora-btn--light{background:var(--lumora-white);color:var(--lumora-ink);border-color:var(--lumora-white)}
.lumora-btn--light:hover{background:transparent;color:var(--lumora-white);border-color:var(--lumora-white)}
.lumora-btn--block{width:100%}
.lumora-btn--lg{min-height:50px;padding:0 var(--lumora-s5)}

/* ---- ANNOUNCEMENT -------------------------------------------------------- */
.lumora-ann{position:relative;background:var(--lumora-ink);color:var(--lumora-white);height:var(--lumora-ann-h);display:flex;align-items:center;justify-content:center}
.lumora-ann__viewport{position:relative;flex:1;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.lumora-ann__msg{position:absolute;left:0;right:0;text-align:center;padding-inline:44px;font-size:var(--lumora-fs-xs);font-weight:700;letter-spacing:var(--lumora-tracking);text-transform:uppercase;opacity:0;transition:opacity .45s var(--lumora-ease);pointer-events:none}
.lumora-ann__msg.is-active{opacity:1}
.lumora-ann__nav{position:absolute;top:0;width:44px;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.55;font-size:1.2rem;z-index:2}
.lumora-ann__nav:hover{opacity:1}
.lumora-ann__prev{left:0}
.lumora-ann__next{right:0}
@media (max-width:760px){.lumora-ann__msg{font-size:10px;padding-inline:38px}}

/* ---- HEADER -------------------------------------------------------------- */
.lumora-header{position:sticky;top:0;z-index:var(--lumora-z-header);background:var(--lumora-white);border-bottom:1px solid var(--lumora-hairline)}
.lumora-header__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--lumora-s5);height:var(--lumora-header-h)}
.lumora-header .lumora-container{max-width:none}
.lumora-main{display:block;padding-top:var(--lumora-s5)}
.lumora-header__logo{grid-column:1;justify-self:start}
.lumora-nav{grid-column:2;justify-self:center}
.lumora-header__actions{grid-column:3;justify-self:end}
.lumora-header__logo{display:inline-flex;align-items:center;gap:7px;font-family:var(--lumora-font-ui);font-weight:500;font-size:1.05rem;text-transform:uppercase;letter-spacing:.2em;white-space:nowrap;color:var(--lumora-ink)}
.lumora-header__logo img{max-height:34px;width:auto}
.lumora-logo-v{height:30px;width:auto;display:block}
.lumora-logo-word{height:24px;width:auto;display:block}
@media (max-width:600px){.lumora-logo-word{height:19px}}
.lumora-logo-word{font-weight:500;letter-spacing:.2em}
.lumora-nav{display:flex;gap:var(--lumora-s5)}
.lumora-nav__link{font-size:var(--lumora-fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:var(--lumora-tracking);padding:var(--lumora-s2) 0;border-bottom:2px solid transparent}
.lumora-nav__link:hover{border-bottom-color:var(--lumora-ink)}
.lumora-header__actions{display:flex;align-items:center;gap:var(--lumora-s4);margin-left:auto}
.lumora-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px}
.lumora-iconbtn svg{width:auto;height:19px;max-width:24px}
.lumora-cart-count{position:absolute;transform:translate(10px,-12px);background:var(--lumora-ink);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}
.lumora-cart-count[hidden]{display:none}
.lumora-burger{display:none}
.lumora-search-m{display:none}
@media (max-width:1140px){
  .lumora-nav{display:none}
  .lumora-burger{display:inline-flex}
  .lumora-search-m{display:inline-flex}
  .lumora-header__actions{gap:var(--lumora-s2)}
}

/* ---- HERO ---------------------------------------------------------------- */
.lumora-hero{position:relative;min-height:clamp(460px,72vh,760px);background:var(--lumora-gray-900);color:var(--lumora-white);overflow:hidden}
.lumora-hero__media{position:absolute;inset:0}
.lumora-hero__media img,.lumora-hero__media video{width:100%;height:100%;object-fit:cover}
.lumora-hero__media picture,.lumora-editorial__media picture{display:block;width:100%;height:100%}
.lumora-hero__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#141414,#141414 20px,#1c1c1c 20px,#1c1c1c 40px);color:var(--lumora-gray-500);font-size:var(--lumora-fs-sm);text-align:center;padding:var(--lumora-s5)}
.lumora-hero__inner{position:absolute;left:0;right:0;bottom:0;padding-block:clamp(28px,4vw,56px)}
.lumora-hero__content{max-width:440px}
.lumora-hero__title{font-family:var(--lumora-font-display);font-weight:900;font-size:clamp(1.9rem,3.4vw,3.25rem);line-height:1;text-transform:uppercase;margin-bottom:var(--lumora-s3)}
.lumora-hero__sub{font-size:var(--lumora-fs-sm);max-width:38ch;margin-bottom:var(--lumora-s4);color:#e9e9e9}
.lumora-hero__cta{display:flex;gap:var(--lumora-s3);flex-wrap:wrap;align-items:center}
.lumora-hero__watch{display:inline-flex;align-items:center;gap:10px;padding:10px 20px 10px 12px;background:#fff;color:var(--lumora-ink);border:none;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.lumora-hero__watch:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.25)}
.lumora-hero__watch-ic{width:26px;height:26px;border-radius:50%;background:var(--lumora-ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.lumora-hero__watch-ic svg{width:12px;height:12px;margin-left:1px}
.lumora-videolb{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;padding:clamp(12px,4vw,48px);opacity:0;transition:opacity .25s ease}
.lumora-videolb.is-open{opacity:1}
.lumora-videolb__video{max-width:100%;max-height:100%;width:auto;height:auto;background:#000;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lumora-videolb__close{position:absolute;top:16px;right:20px;width:44px;height:44px;border:none;background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}
.lumora-videolb__close:hover{background:rgba(255,255,255,.28)}
.lumora-hero__controls{position:absolute;right:clamp(16px,3vw,32px);bottom:clamp(16px,3vw,32px);display:flex;gap:10px;z-index:3}
.lumora-hero__ctrl{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.35);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(4px);transition:background .2s ease,border-color .2s ease}
.lumora-hero__ctrl:hover{background:rgba(0,0,0,.6);border-color:#fff}
.lumora-hero__ctrl svg{width:18px;height:18px}
@media (max-width:600px){.lumora-hero__ctrl{width:38px;height:38px}.lumora-hero__ctrl svg{width:16px;height:16px}}

/* ---- COLLECTION CARDS (editorial tiles) ---------------------------------- */
.lumora-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--lumora-s2)}
@media (max-width:900px){.lumora-tiles{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.lumora-tiles .lumora-tile__body{padding:var(--lumora-s3)}.lumora-tiles .lumora-tile__title{font-size:1.1rem}.lumora-tiles .lumora-tile--text .lumora-tile__title{font-size:.95rem;line-height:1.15;letter-spacing:.01em;word-break:normal;overflow-wrap:break-word}}
.lumora-tile{position:relative;aspect-ratio:3/4;background:var(--lumora-paper);overflow:hidden;display:flex;align-items:flex-end}
.lumora-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 500ms var(--lumora-ease)}
.lumora-tile:hover img{transform:scale(1.04)}
.lumora-tile__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#e7e7e7;color:var(--lumora-gray-500);font-size:var(--lumora-fs-sm);text-align:center;padding:var(--lumora-s4)}
.lumora-tile__body{position:relative;padding:var(--lumora-s5);color:var(--lumora-white);width:100%;background:linear-gradient(to top,rgba(0,0,0,.65),transparent)}
.lumora-tile__title{font-family:var(--lumora-font-display);font-weight:900;font-size:clamp(1.1rem,2.6vw,1.6rem);text-transform:uppercase;margin-bottom:var(--lumora-s2);letter-spacing:-.01em;line-height:1;overflow-wrap:break-word}
.lumora-tile--text{background:var(--lumora-paper);color:var(--lumora-ink);transition:background var(--lumora-dur) var(--lumora-ease),color var(--lumora-dur) var(--lumora-ease)}
.lumora-tile--text:hover{background:var(--lumora-ink);color:#fff}
.lumora-tile--text .lumora-tile__body{background:none;color:inherit}
.lumora-tile--text .lumora-tile__title{font-size:clamp(1.25rem,3.4vw,2rem);color:inherit}
.lumora-tile--text .lumora-link-arrow{color:inherit;border-color:currentColor}

/* ---- PRODUCT GRID / CARD ------------------------------------------------- */
.lumora-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--lumora-s5) var(--lumora-s4)}
@media (max-width:1100px){.lumora-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.lumora-grid{grid-template-columns:repeat(2,1fr);gap:var(--lumora-s4) var(--lumora-s2)}}
.lumora-card{position:relative;background:var(--lumora-white)}
.lumora-card__media{position:relative;aspect-ratio:1/1;background:#fff;overflow:hidden}
.lumora-card__link{position:absolute;inset:0;display:block}
.lumora-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity var(--lumora-dur) var(--lumora-ease)}
.lumora-card__img--back{opacity:0}
.lumora-card:hover .lumora-card__img--back{opacity:1}
.lumora-badge{position:absolute;top:var(--lumora-s3);left:var(--lumora-s3);z-index:2;display:inline-block;padding:3px 8px;background:var(--lumora-ink);color:var(--lumora-white);font-size:var(--lumora-fs-xs);font-weight:700;letter-spacing:var(--lumora-tracking);text-transform:uppercase}
.lumora-card__quick{position:absolute;left:0;right:0;bottom:0;z-index:3;transform:translateY(100%);transition:transform var(--lumora-dur) var(--lumora-ease)}
.lumora-card:hover .lumora-card__quick{transform:translateY(0)}
.lumora-card__quick .lumora-btn{width:100%;min-height:46px;border:0}
.lumora-card__body{padding-top:var(--lumora-s3);display:flex;flex-direction:column;gap:3px}
.lumora-card__title{font-size:var(--lumora-fs-body);font-weight:700;line-height:1.25}
.lumora-card__brand{font-size:11px;font-weight:500;color:#767677;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;margin-bottom:2px}
.lumora-card__name{font-size:var(--lumora-fs-sm);font-weight:600;color:var(--lumora-ink);line-height:1.3}
.lumora-card__name:hover{text-decoration:underline}
.lumora-card__meta{font-size:var(--lumora-fs-sm);color:var(--lumora-gray-500);line-height:1.2}
.lumora-price{font-weight:700;color:var(--lumora-ink);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.lumora-price--now{color:var(--lumora-ink)}
.lumora-price--was{color:var(--lumora-gray-500);text-decoration:line-through;font-weight:400;font-size:var(--lumora-fs-sm)}
.lumora-price--off{color:var(--lumora-sale);font-weight:700;font-size:var(--lumora-fs-sm)}
.lumora-price--sale{color:var(--lumora-ink)}
.lumora-badge--sale{background:var(--lumora-sale)}
.lumora-wish{background:transparent}
.lumora-swatches{display:flex;gap:6px;margin-top:var(--lumora-s2)}
.lumora-swatch{width:12px;height:12px;border-radius:999px;border:1px solid var(--lumora-hairline)}

/* ---- COLLECTION / PLP ---------------------------------------------------- */
.lumora-plp-wrap{padding-block:var(--lumora-s4) var(--lumora-s9)}
.lumora-plp__hero{margin-bottom:var(--lumora-s5)}
.lumora-plp__title{font-family:var(--lumora-font-display);font-weight:900;font-size:clamp(2rem,4vw,2.75rem);text-transform:uppercase;letter-spacing:-.01em;line-height:1}
.lumora-plp__desc{max-width:70ch;color:var(--lumora-gray-700);font-size:var(--lumora-fs-sm);margin-top:var(--lumora-s3)}
.lumora-plp__desc p{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lumora-plp__desc.is-open p{-webkit-line-clamp:unset}
.lumora-plp__more{font-weight:700;text-decoration:underline;font-size:var(--lumora-fs-sm);margin-top:4px}
.lumora-chips{display:flex;gap:var(--lumora-s2);overflow-x:auto;padding-bottom:var(--lumora-s3);border-bottom:1px solid var(--lumora-hairline);margin-bottom:var(--lumora-s4);scrollbar-width:none}
.lumora-chips::-webkit-scrollbar{display:none}
.lumora-chip{white-space:nowrap;font-size:var(--lumora-fs-sm);font-weight:600;color:var(--lumora-gray-700);padding:6px 2px;border-bottom:2px solid transparent}
.lumora-chip:hover{color:var(--lumora-ink)}
.lumora-chip.is-active{color:var(--lumora-ink);border-bottom-color:var(--lumora-ink);font-weight:700}
.lumora-plp__bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--lumora-s5)}
.lumora-plp__count{font-size:var(--lumora-fs-sm);font-weight:600;color:var(--lumora-gray-700)}
.lumora-filterbtn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--lumora-ink);padding:9px 16px;font-size:var(--lumora-fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.02em}
.lumora-filterbtn:hover{background:var(--lumora-ink);color:#fff}
.lumora-filterbtn svg{width:18px;height:18px}
.lumora-grid--plp{grid-template-columns:repeat(4,1fr)}
@media (max-width:1100px){.lumora-grid--plp{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.lumora-grid--plp{grid-template-columns:repeat(2,1fr)}}
.lumora-pagination{display:flex;gap:16px;justify-content:center;align-items:center;margin-top:48px}
.lumora-drawer--filter{inset:0 0 0 auto;width:min(380px,100%)}
.lumora-filter-group{border-top:1px solid var(--lumora-hairline);padding:var(--lumora-s4) 0}
.lumora-filter-group summary{font-weight:700;text-transform:uppercase;font-size:var(--lumora-fs-sm);letter-spacing:var(--lumora-tracking);cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.lumora-filter-group summary::-webkit-details-marker{display:none}
.lumora-filter-group summary::after{content:"–"}
.lumora-filter-group:not([open]) summary::after{content:"+"}
.lumora-filter-group ul{margin-top:var(--lumora-s3);display:flex;flex-direction:column;gap:var(--lumora-s2)}
.lumora-filter-group a{font-size:var(--lumora-fs-sm);color:var(--lumora-gray-700);display:flex;justify-content:space-between;gap:8px}
.lumora-filter-group a:hover{color:var(--lumora-ink)}
.lumora-filter-group a.is-active{color:var(--lumora-ink);font-weight:700}
.lumora-filter-group a span{color:var(--lumora-gray-300)}

/* ---- PDP ----------------------------------------------------------------- */
.lumora-breadcrumb{display:flex;gap:8px;align-items:center;font-size:var(--lumora-fs-sm);color:var(--lumora-gray-500);padding-block:var(--lumora-s4)}
.lumora-breadcrumb a:hover{color:var(--lumora-ink);text-decoration:underline}
.lumora-breadcrumb span{color:var(--lumora-gray-300)}
.lumora-breadcrumb__current{color:var(--lumora-ink);font-weight:600}
.lumora-pdp{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--lumora-s7);align-items:start}
@media (max-width:900px){.lumora-pdp{grid-template-columns:1fr;gap:var(--lumora-s5)}.lumora-pdp>*{min-width:0}}
.lumora-gallery{display:flex;gap:12px;align-items:flex-start}
.lumora-gallery__thumbs{display:flex;flex-direction:column;gap:9px;flex:0 0 72px}
.lumora-gallery__thumb{padding:0;border:1px solid transparent;background:var(--lumora-paper);cursor:pointer;aspect-ratio:1/1;overflow:hidden;border-radius:4px;transition:border-color .15s ease}
.lumora-gallery__thumb img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}
.lumora-gallery__thumb.is-active{border-color:var(--lumora-ink)}
.lumora-gallery__stage{position:relative;flex:1;min-width:0;aspect-ratio:1/1;background:#fff;overflow:hidden;border-radius:6px}
.lumora-gallery__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .25s ease;pointer-events:none}
.lumora-gallery__img.is-active{opacity:1;pointer-events:auto}
.lumora-gallery__arrow{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.92);border:1px solid var(--lumora-hairline);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background .2s ease}
.lumora-gallery__arrow:hover{background:#fff}
.lumora-gallery__arrow svg{width:20px;height:20px;color:var(--lumora-ink)}
.lumora-gallery__arrow--prev{left:14px}
.lumora-gallery__arrow--prev svg{transform:rotate(180deg)}
.lumora-gallery__arrow--next{right:14px}
@media (max-width:768px){
  .lumora-gallery{flex-direction:column-reverse;gap:10px;align-items:stretch}
  .lumora-gallery__stage{flex:none;width:100%}
  .lumora-gallery__thumbs{flex-direction:row;flex:none;overflow-x:auto;scrollbar-width:none;gap:8px}
  .lumora-gallery__thumbs::-webkit-scrollbar{display:none}
  .lumora-gallery__thumb{flex:0 0 60px}
  .lumora-gallery__arrow{width:38px;height:38px}
}

/* customizer */
.lumora-custom{border:1px solid var(--lumora-hairline);margin-bottom:var(--lumora-s4)}
.lumora-custom__toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:12px 14px;font-weight:700;text-transform:uppercase;font-size:var(--lumora-fs-sm);letter-spacing:.02em}
.lumora-custom__ttl em{font-style:normal;font-weight:400;color:var(--lumora-gray-500);text-transform:none;letter-spacing:0}
.lumora-custom__plus{font-size:1.3rem;line-height:1;color:var(--lumora-gray-500);transition:transform var(--lumora-dur-fast)}
.lumora-custom[data-open] .lumora-custom__plus{transform:rotate(45deg)}
.lumora-custom__fields{padding:0 14px 14px}
.lumora-custom__row{display:flex;gap:var(--lumora-s2)}
.lumora-custom__row label{flex:1;display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--lumora-gray-500)}
.lumora-custom__num{max-width:72px;flex:0 0 auto}
.lumora-custom__row input{height:42px;border:1px solid var(--lumora-gray-300);padding:0 12px;font-size:var(--lumora-fs-sm);font-weight:600;text-transform:uppercase}
.lumora-custom__row input:focus{border-color:var(--lumora-ink);outline:none}
.lumora-custom__hint{font-size:10px;color:var(--lumora-gray-500);margin:8px 0 0}

.lumora-pdp__info{align-self:start}
@media (min-width:901px){.lumora-pdp .lumora-gallery{position:sticky;top:calc(var(--lumora-header-h) + var(--lumora-s4))}}
.lumora-mlook{margin-top:var(--lumora-s6);margin-bottom:var(--lumora-s6);padding-top:var(--lumora-s5);border-top:1px solid var(--lumora-hairline)}
.lumora-mlook__ttl{font-weight:700;font-size:1rem;letter-spacing:.01em;margin:0 0 16px}
/* 5 produtos numa coluna estreita nao cabem em grade: vira trilho rolavel em
   qualquer largura, com 3 cards visiveis e os outros 2 a um arrasto */
.lumora-mlook__grid{display:flex;overflow-x:auto;scroll-snap-type:x proximity;
  scrollbar-width:none;gap:16px}
.lumora-mlook__grid::-webkit-scrollbar{display:none}
.lumora-mlook__card{flex:0 0 calc(33.333% - 11px);scroll-snap-align:start}
@media (max-width:900px){
  .lumora-mlook__grid{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;gap:14px}
  .lumora-mlook__grid::-webkit-scrollbar{display:none}
  .lumora-mlook__card{flex:0 0 calc(50% - 7px);scroll-snap-align:start}
}
.lumora-mlook__card{display:block;color:inherit;text-decoration:none}
.lumora-mlook__img{aspect-ratio:1/1;overflow:hidden;margin-bottom:10px}
.lumora-mlook__img img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}
.lumora-mlook__card:hover .lumora-mlook__img img{transform:scale(1.04)}
/* ---- legenda curta sob o titulo de secao (Shop by league, Off the pitch) ---- */
.lumora-section__sub{margin:6px 0 0;font-size:.9rem;line-height:1.4;color:var(--lumora-gray-500)}
.lumora-section__head:has(.lumora-section__sub){align-items:flex-end}
@media (max-width:600px){.lumora-section__sub{font-size:.82rem}}

.lumora-mlook__cat{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--lumora-gray-500);margin-bottom:3px}
.lumora-mlook__name{font-size:.85rem;font-weight:500;line-height:1.3;color:var(--lumora-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}
.lumora-mlook__price{display:flex;gap:6px;align-items:baseline;font-size:.85rem}
.lumora-mlook__now{font-weight:600;color:var(--lumora-ink)}
.lumora-mlook__was{color:var(--lumora-gray-500);text-decoration:line-through;font-size:.78rem}
.lumora-pdp__title{font-family:var(--lumora-font-display);font-size:1.35rem;font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:1.2;margin:2px 0 var(--lumora-s3)}
.lumora-pdp__price{font-size:1.25rem;font-weight:700;margin-bottom:var(--lumora-s5);display:flex;align-items:center;gap:8px}
.lumora-pdp__save{font-size:var(--lumora-fs-xs);font-weight:700;color:var(--lumora-sale);border:1px solid var(--lumora-sale);padding:2px 6px}
.lumora-opt{margin-bottom:var(--lumora-s5)}
.lumora-opt__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--lumora-s3)}
.lumora-opt__label{font-size:var(--lumora-fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:var(--lumora-tracking)}
.lumora-opt__guide{font-size:var(--lumora-fs-sm);color:var(--lumora-gray-700);text-decoration:underline}
.lumora-opt__guide:hover{color:var(--lumora-ink)}
.lumora-pdp__buy{display:flex;gap:var(--lumora-s2);margin-top:var(--lumora-s3)}
.lumora-pdp__buy .lumora-btn{flex:1;white-space:nowrap;padding-inline:var(--lumora-s3)}
.lumora-wishbtn{width:50px;height:50px;flex:0 0 auto;border:1px solid var(--lumora-gray-300);border-radius:3px;
  background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
  transition:border-color var(--lumora-dur-fast)}
.lumora-wishbtn:hover{border-color:var(--lumora-ink)}
.lumora-wishbtn svg{width:20px;height:17px;display:block;fill:currentColor;color:var(--lumora-ink);stroke:none}
.lumora-acc{border-top:1px solid var(--lumora-hairline)}
.lumora-acc summary{display:flex;justify-content:space-between;align-items:center;padding:var(--lumora-s4) 0;font-weight:700;text-transform:uppercase;font-size:var(--lumora-fs-sm);letter-spacing:.02em;cursor:pointer;list-style:none}
.lumora-acc summary::-webkit-details-marker{display:none}
.lumora-acc summary::after{content:"+";font-size:1.3rem;font-weight:400}
.lumora-acc[open] summary::after{content:"–"}
.lumora-acc .lumora-rte{padding-bottom:var(--lumora-s4);color:var(--lumora-gray-700);font-size:var(--lumora-fs-sm);line-height:1.6}
.lumora-brand{font-family:var(--lumora-font-ui);font-size:12px;font-weight:500;color:#767677;letter-spacing:.09em;text-transform:uppercase;margin-bottom:5px}
.lumora-rating{display:inline-flex;align-items:center;gap:8px;font-size:var(--lumora-fs-sm);margin:6px 0 var(--lumora-s4);color:var(--lumora-gray-700)}
.lumora-rating strong{color:var(--lumora-ink)}
.lumora-rating:hover .lumora-rating__txt{text-decoration:underline}
.lumora-stars{color:#00b67a;letter-spacing:1px;font-size:1rem}
.lumora-rating__txt{color:var(--lumora-gray-500)}
.lumora-truesize{display:flex;gap:8px;align-items:center;background:var(--lumora-paper);border:1px solid var(--lumora-hairline);padding:9px 12px;font-size:.75rem;margin-bottom:var(--lumora-s4);white-space:nowrap;overflow:hidden}
.lumora-truesize span{overflow:hidden;text-overflow:ellipsis}
.lumora-truesize svg{width:16px;height:16px;flex:0 0 auto}

/* ---- REVIEWS (Trustpilot + video) --------------------------------------- */
.lumora-stars--lg{font-size:1.35rem}
.lumora-tp{display:flex;align-items:center;gap:var(--lumora-s5);border:1px solid var(--lumora-hairline);padding:var(--lumora-s4) var(--lumora-s5);flex-wrap:wrap}
.lumora-tp__score{display:flex;flex-direction:column;align-items:center;padding-right:var(--lumora-s5);border-right:1px solid var(--lumora-hairline)}
.lumora-tp__num{font-family:var(--lumora-font-display);font-weight:900;font-size:2.4rem;line-height:1}
.lumora-tp__out{font-size:var(--lumora-fs-xs);color:var(--lumora-gray-500);text-transform:uppercase;letter-spacing:.04em}
.lumora-tp__body p{margin:6px 0 4px;font-size:var(--lumora-fs-sm)}
@media (max-width:560px){.lumora-tp__score{border-right:0;padding-right:0}.lumora-tp{gap:var(--lumora-s3)}}
.lumora-vreviews{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:var(--lumora-s4);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--lumora-s3);scrollbar-width:none;justify-content:center}
.lumora-vreviews::-webkit-scrollbar{display:none}
@media (min-width:1101px){.lumora-vreviews{grid-template-columns:none;grid-auto-columns:minmax(210px,230px);justify-content:center}}
@media (max-width:760px){.lumora-vreviews{grid-auto-columns:minmax(62vw,62vw)}}
.lumora-vreview{margin:0;scroll-snap-align:start}
.lumora-vreview__media{position:relative;aspect-ratio:9/16;background:var(--lumora-ink);overflow:hidden}
.lumora-vreview__media img,.lumora-vreview__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lumora-vreview__ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:repeating-linear-gradient(45deg,#141414,#141414 20px,#1c1c1c 20px,#1c1c1c 40px);color:#888;font-size:var(--lumora-fs-xs);text-transform:uppercase;letter-spacing:.04em}
.lumora-vreview__play{width:52px;height:52px;border-radius:999px;background:rgba(255,255,255,.92);display:inline-flex;align-items:center;justify-content:center}
.lumora-vreview__play svg{width:22px;height:22px;color:var(--lumora-ink);margin-left:3px}
.lumora-vreview__cap{padding-top:var(--lumora-s3)}
.lumora-vreview__txt{font-size:var(--lumora-fs-sm);line-height:1.35;margin:4px 0 6px}
.lumora-vreview__name{font-size:var(--lumora-fs-xs);color:var(--lumora-gray-500);text-transform:uppercase;letter-spacing:.03em}
.lumora-vreview__name em{font-style:normal;color:var(--lumora-success);font-weight:700}
.lumora-qtybox{display:flex;align-items:center;border:1px solid var(--lumora-gray-300);height:50px;flex:0 0 auto}
.lumora-qtybox button{width:34px;height:100%;font-size:1.15rem}
.lumora-qtybox input{width:30px;text-align:center;border:0;background:transparent;font-weight:700;font-size:var(--lumora-fs-sm)}
.lumora-delivery{display:flex;gap:9px;align-items:center;justify-content:center;text-align:center;background:var(--lumora-paper);padding:9px 12px;font-size:.8rem;margin-top:var(--lumora-s3)}
.lumora-delivery svg{width:18px;height:18px;flex:0 0 auto}
.lumora-delivery__note{display:block;font-size:.72rem;color:var(--lumora-gray-500);font-weight:400;margin-top:2px}
.lumora-checks{display:flex;justify-content:center;gap:var(--lumora-s4);flex-wrap:wrap;margin-top:var(--lumora-s3);margin-bottom:var(--lumora-s5);font-size:11px;color:var(--lumora-gray-700)}
.lumora-checks span{display:inline-flex;align-items:center;gap:5px}
.lumora-checks svg{width:14px;height:14px}

/* ---- Bundle & save (PDP): single purchase + both offers, always visible -- */
.lumora-bundle{margin:0 0 var(--lumora-s4)}
.lumora-bundle__eyebrow{margin:0 0 8px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lumora-gold)}
.lumora-bundle__offers{display:flex;flex-direction:column;gap:8px}
.lumora-boffer{border:1px solid var(--lumora-hairline);background:var(--lumora-white);
  transition:border-color var(--lumora-dur-fast) var(--lumora-ease),background var(--lumora-dur-fast) var(--lumora-ease)}
.lumora-boffer:hover{border-color:var(--lumora-gray-500)}
.lumora-boffer.is-active{border-color:var(--lumora-ink);background:var(--lumora-cream)}
.lumora-boffer__head{display:flex;align-items:center;gap:11px;width:100%;text-align:left;
  padding:12px 14px;border:0;background:none;cursor:pointer;font:inherit}
.lumora-boffer__mark{flex:0 0 auto;width:17px;height:17px;border-radius:50%;border:1.5px solid var(--lumora-gray-300);position:relative}
.lumora-boffer__mark::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--lumora-ink);transform:scale(0);transition:transform var(--lumora-dur-fast) var(--lumora-ease)}
.lumora-boffer.is-active .lumora-boffer__mark{border-color:var(--lumora-ink)}
.lumora-boffer.is-active .lumora-boffer__mark::after{transform:scale(1)}
.lumora-boffer__txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.lumora-boffer__txt b{font-size:.92rem;font-weight:700;letter-spacing:.01em;color:var(--lumora-ink)}
.lumora-boffer__txt small{font-size:.74rem;color:var(--lumora-gray-500)}
.lumora-boffer__price{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.lumora-boffer__price b{font-size:.98rem;font-weight:700;color:var(--lumora-ink);white-space:nowrap}
.lumora-boffer__price s{font-size:.78rem;color:var(--lumora-gray-500);white-space:nowrap}
.lumora-boffer__slots[hidden]{display:none}
.lumora-boffer__slots{display:flex;flex-direction:column;gap:7px;padding:0 14px 13px;
  border-top:1px dashed var(--lumora-gray-300);margin-top:2px;padding-top:12px;animation:lumoraFade .2s var(--lumora-ease)}
.lumora-bslot{display:flex;align-items:center;gap:9px}
.lumora-bslot__n{flex:0 0 auto;width:20px;font-size:.76rem;font-weight:700;color:var(--lumora-gray-500)}
.lumora-bslot__sel{flex:1;min-width:0;height:40px;padding:0 11px;border:1px solid var(--lumora-gray-300);
  border-radius:0;background:var(--lumora-white);font:inherit;font-size:.84rem;color:var(--lumora-ink);cursor:pointer}
.lumora-bslot__sel:focus{outline:none;border-color:var(--lumora-ink)}
.lumora-bundle__notice{margin:10px 0 0;padding:11px 13px;font-size:.86rem;line-height:1.45;color:var(--lumora-gray-700);
  background:var(--lumora-paper);border-left:3px solid var(--lumora-gold)}
.lumora-bundle__notice strong{color:var(--lumora-ink);font-weight:700}
.lumora-bundle__notice.is-unlocked{background:rgba(0,125,72,.08);border-left-color:var(--lumora-success);color:var(--lumora-ink)}
.lumora-bundle__fine{margin:8px 0 0;font-size:.7rem;color:var(--lumora-gray-500)}
.lumora-qtybox[hidden]{display:none}
@media (max-width:420px){
  .lumora-boffer__head{gap:9px;padding:11px 12px}
  .lumora-boffer__txt b{font-size:.86rem}
  .lumora-boffer__price b{font-size:.9rem}
}
}
.lumora-pdp__promo{display:flex;gap:9px;align-items:center;border:1px dashed var(--lumora-gray-300);padding:9px 12px;font-size:.8rem;margin-top:var(--lumora-s4)}
.lumora-pdp__promo svg{width:18px;height:18px;flex:0 0 auto}
.lumora-sizes{display:flex;flex-wrap:wrap;gap:6px}
/* so o esqueleto: aparencia fica no bloco de variantes mais abaixo */
.lumora-size{display:inline-flex;align-items:center;justify-content:center}
.lumora-fitnote{font-size:.78rem;color:var(--lumora-gray-500);margin:10px 0 0}
.lumora-size--soldout{opacity:.35;text-decoration:line-through;pointer-events:none}
.lumora-pdp__trust{display:flex;flex-direction:column;gap:var(--lumora-s2);margin-top:var(--lumora-s5);border-top:1px solid var(--lumora-hairline);padding-top:var(--lumora-s5)}
.lumora-trust{display:flex;gap:var(--lumora-s3);align-items:center;font-size:var(--lumora-fs-sm)}
.lumora-trust svg{width:20px;height:20px;flex:0 0 auto}
.lumora-sticky-atc{position:fixed;left:0;right:0;bottom:0;z-index:var(--lumora-z-header);background:#fff;border-top:1px solid var(--lumora-hairline);padding:var(--lumora-s3) var(--lumora-gutter);display:none;gap:var(--lumora-s3);align-items:center}
@media (max-width:900px){.lumora-sticky-atc{display:flex}}

/* ---- CART DRAWER --------------------------------------------------------- */
.lumora-drawer{position:fixed;inset:0 0 0 auto;width:min(420px,100%);background:#fff;z-index:var(--lumora-z-drawer);transform:translateX(100%);transition:transform var(--lumora-dur) var(--lumora-ease);display:flex;flex-direction:column}
.lumora-drawer.is-open{transform:translateX(0)}
.lumora-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:opacity var(--lumora-dur);z-index:var(--lumora-z-drawer)}
.lumora-overlay.is-open{opacity:1;visibility:visible}
.lumora-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:var(--lumora-s4) var(--lumora-s5);border-bottom:1px solid var(--lumora-hairline)}
.lumora-drawer__body{flex:1;overflow:auto;padding:var(--lumora-s5)}
.lumora-drawer__foot{border-top:1px solid var(--lumora-hairline);padding:var(--lumora-s5)}
.lumora-shipbar{height:6px;background:var(--lumora-paper);margin:var(--lumora-s3) 0}
.lumora-shipbar__fill{height:100%;background:var(--lumora-ink)}

/* ---- FOOTER -------------------------------------------------------------- */
.lumora-footer{background:#0a0a0a;color:var(--lumora-white);padding-block:var(--lumora-s8) var(--lumora-s5)}
.lumora-footer a{color:#c9c9c9}
.lumora-footer a:hover{color:#fff}
.lumora-footer__top{display:grid;grid-template-columns:1.3fr 2fr;gap:var(--lumora-s8)}
@media (max-width:820px){.lumora-footer__top{grid-template-columns:1fr;gap:var(--lumora-s7)}}
.lumora-footer__cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--lumora-s6)}
@media (max-width:560px){.lumora-footer__cols{grid-template-columns:1fr 1fr}}
.lumora-footer__title{font-size:var(--lumora-fs-xs);font-weight:700;letter-spacing:var(--lumora-tracking);text-transform:uppercase;color:var(--lumora-gray-500);margin-bottom:var(--lumora-s4)}
.lumora-footer__links{display:flex;flex-direction:column;gap:var(--lumora-s2);font-size:var(--lumora-fs-sm)}
.lumora-footer__brand{margin-bottom:var(--lumora-s3);line-height:0}
.lumora-footer__brand img{height:23px;width:auto}
.lumora-footer__logo-img{filter:brightness(0) invert(1);height:23px;width:auto}
.lumora-footer__tag{color:#9e9e9e;max-width:32ch}
.lumora-social{display:flex;gap:var(--lumora-s3);margin-top:var(--lumora-s5)}
.lumora-social a{width:40px;height:40px;border:1px solid #333;display:inline-flex;align-items:center;justify-content:center;transition:background var(--lumora-dur-fast),border-color var(--lumora-dur-fast)}
.lumora-social a:hover{background:#fff;border-color:#fff;color:var(--lumora-ink)}
.lumora-social svg{width:20px;height:20px}
.lumora-footer__bottom{display:flex;flex-direction:column;gap:var(--lumora-s3);margin-top:var(--lumora-s7);padding-top:var(--lumora-s5);border-top:1px solid #2a2a2a;font-size:var(--lumora-fs-xs);color:#9e9e9e}
.lumora-footer__botrow{display:flex;justify-content:space-between;align-items:center;gap:var(--lumora-s4);flex-wrap:wrap}
.lumora-footer__country{display:inline-flex;align-items:center;gap:8px;color:#e6e6e6}
.lumora-footer__copy{color:#9e9e9e}
.lumora-footer__legal{display:flex;gap:var(--lumora-s5);flex-wrap:wrap}
.lumora-footer__legal a{color:#c9c9c9;font-size:var(--lumora-fs-xs)}
.lumora-footer__pay{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.lumora-footer__pay .lumora-pay-ic,.lumora-footer__pay svg{height:24px;width:auto;border-radius:3px}
@media (max-width:600px){.lumora-footer__botrow{flex-direction:column;align-items:flex-start;gap:var(--lumora-s3)}}
.lumora-news{display:flex;gap:var(--lumora-s2);margin-top:var(--lumora-s3);max-width:420px}
.lumora-news input{flex:1;height:48px;padding:0 var(--lumora-s4);border:1px solid #444;background:transparent;color:#fff}
.lumora-news input::placeholder{color:#888}

/* ---- EMPTY / MISC -------------------------------------------------------- */
.lumora-empty{text-align:center;padding-block:var(--lumora-s9)}
.lumora-marquee-band{background:var(--lumora-ink);color:#fff;overflow:hidden;padding-block:var(--lumora-s4)}
.lumora-marquee-band .lumora-ann__track{animation-duration:22s;font-size:clamp(1.5rem,4vw,3rem);font-family:var(--lumora-font-display)}

/* ---- TABS (shop by league) ---------------------------------------------- */
.lumora-tabs__nav{display:flex;gap:10px;flex-wrap:nowrap;overflow-x:auto;margin-bottom:var(--lumora-s5);scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:2px}
.lumora-tabs__nav::-webkit-scrollbar{display:none}
.lumora-tab{flex:0 0 auto;scroll-snap-align:start;padding:10px 20px;border:1px solid var(--lumora-gray-300);background:var(--lumora-white);border-radius:3px;font-size:var(--lumora-fs-sm);font-weight:600;color:var(--lumora-ink);transition:all var(--lumora-dur-fast) var(--lumora-ease);white-space:nowrap;cursor:pointer}
.lumora-tab:hover{border-color:var(--lumora-ink)}
.lumora-tab.is-active{background:var(--lumora-ink);color:var(--lumora-white);border-color:var(--lumora-ink)}
.lumora-tab-panel[hidden]{display:none}
.lumora-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:var(--lumora-s4);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--lumora-s3);scrollbar-width:thin}
.lumora-carousel__item{scroll-snap-align:start;min-width:0}
@media (min-width:1101px){.lumora-carousel{grid-auto-columns:minmax(0,1fr);grid-template-columns:repeat(5,1fr);overflow:visible}.lumora-carousel__item:nth-child(n+6){display:none}}
@media (max-width:760px){.lumora-carousel{grid-auto-columns:minmax(62vw,62vw)}}

/* ---- SHOP BY CLUB -------------------------------------------------------- */
.lumora-clubs{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--lumora-s2)}
@media (max-width:900px){.lumora-clubs{grid-template-columns:repeat(4,1fr)}}
@media (max-width:520px){.lumora-clubs{grid-template-columns:repeat(3,1fr)}}
.lumora-club{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--lumora-s2);aspect-ratio:1/1;background:var(--lumora-paper);border:1px solid transparent;text-align:center;padding:var(--lumora-s3);overflow:hidden;transition:background var(--lumora-dur) var(--lumora-ease),color var(--lumora-dur) var(--lumora-ease)}
.lumora-club:hover{background:var(--lumora-ink);color:#fff}
.lumora-club__logo{width:52px;height:52px;object-fit:contain;mix-blend-mode:multiply}
.lumora-club__name{font-size:var(--lumora-fs-sm);font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:1.1}

/* ---- BENEFITS BAR -------------------------------------------------------- */
.lumora-benefits{background:var(--lumora-paper);border-block:1px solid var(--lumora-hairline)}
.lumora-benefits__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--lumora-s5);padding-block:var(--lumora-s3)}
.lumora-benefit{display:flex;gap:10px;align-items:center;justify-content:center}
.lumora-benefit svg{width:19px;height:19px;flex:0 0 auto;opacity:.85}
.lumora-benefit strong{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;line-height:1.2}
.lumora-benefit span{font-size:.68rem;color:var(--lumora-gray-500);line-height:1.2}
@media (max-width:760px){
  .lumora-benefits{padding-block:var(--lumora-s3)}
  .lumora-benefits__grid{grid-template-columns:none;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:var(--lumora-s6);padding-block:0;scrollbar-width:none;scroll-snap-type:x proximity;cursor:grab}
  .lumora-benefits__grid::-webkit-scrollbar{display:none}
  .lumora-benefit{flex:0 0 auto;scroll-snap-align:start;gap:8px}
  .lumora-benefit svg{width:18px;height:18px}
  .lumora-benefit strong{font-size:11px;white-space:nowrap}
  .lumora-benefit span{font-size:10px;white-space:nowrap}
}

/* ---- BRAND STRIP --------------------------------------------------------- */
.lumora-brands{border-bottom:1px solid var(--lumora-hairline);padding-block:var(--lumora-s4);overflow:hidden}
.lumora-brands__head{text-align:center;font-size:10px;font-weight:600;letter-spacing:var(--lumora-tracking);text-transform:uppercase;color:var(--lumora-gray-500);margin-bottom:var(--lumora-s3)}
.lumora-brands__track{display:flex;align-items:center;justify-content:space-between;gap:var(--lumora-s6)}
.lumora-brand-logo{display:inline-flex;align-items:center;justify-content:center;opacity:1;filter:none;transition:transform var(--lumora-dur)}
.lumora-brand-logo:hover{transform:translateY(-1px)}
.lumora-brand-logo img{height:30px;width:auto;object-fit:contain}
.lumora-brand-logo__txt{font-family:var(--lumora-font-display);font-weight:900;font-size:1.3rem;text-transform:uppercase;letter-spacing:.02em;color:var(--lumora-ink)}
/* Esteira de marcas: rola sempre, em todas as larguras. A faixa tem DUAS copias
   da lista lado a lado e a animacao anda exatamente meia faixa — quando termina,
   a segunda copia esta na posicao exata em que a primeira comecou, entao o
   reinicio e invisivel. Antes havia uma copia so e o -50% dava o salto. */
.lumora-brands .lumora-container{max-width:none;padding-inline:0}
.lumora-brands__viewport{overflow:hidden}
.lumora-brands__track{display:flex;width:max-content;flex-wrap:nowrap;justify-content:flex-start;
  gap:0;animation:lumora-brands-scroll 42s linear infinite;will-change:transform}
/* cada copia ocupa no MINIMO a largura da tela: sem isso, 7 logos somam 628px
   num viewport de 1440 e sobraria vazio rolando junto. Quando o conteudo e mais
   largo que a tela (celular), o min-width nao atrapalha — a copia cresce com o
   conteudo e as duas continuam identicas, que e o que o -50% exige. */
.lumora-brands__seq{display:flex;align-items:center;gap:var(--lumora-s7);flex:0 0 auto;
  min-width:100vw;justify-content:space-around;padding-inline:var(--lumora-s6)}
.lumora-brand-logo{flex:0 0 auto}
.lumora-brands__viewport:hover .lumora-brands__track{animation-play-state:paused}
@keyframes lumora-brands-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:760px){.lumora-brands__track{animation-duration:26s}}
@media (prefers-reduced-motion:reduce){.lumora-brands__track{animation:none}}

/* ---- EDITORIAL BANNER ---------------------------------------------------- */
.lumora-editorial{position:relative;min-height:clamp(380px,52vw,620px);display:flex;align-items:center;overflow:hidden;color:var(--lumora-white)}
.lumora-editorial--light{color:var(--lumora-ink)}
.lumora-editorial__media{position:absolute;inset:0}
.lumora-editorial__media img{width:100%;height:100%;object-fit:cover}
.lumora-editorial__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#141414,#141414 22px,#1c1c1c 22px,#1c1c1c 44px);color:#888;text-align:center;padding:var(--lumora-s5)}
.lumora-editorial--light .lumora-editorial__ph{background:repeating-linear-gradient(45deg,#eee,#eee 22px,#e2e2e2 22px,#e2e2e2 44px);color:#999}
.lumora-editorial__wrap{position:relative;width:100%;display:flex}
.lumora-editorial--center .lumora-editorial__wrap{justify-content:center;text-align:center}
.lumora-editorial--right .lumora-editorial__wrap{justify-content:flex-end}
.lumora-editorial__content{max-width:520px}
.lumora-editorial__title{font-family:var(--lumora-font-display);font-weight:900;font-size:clamp(2rem,4.5vw,4rem);line-height:.95;text-transform:uppercase;margin:var(--lumora-s2) 0 var(--lumora-s3)}
.lumora-editorial__text{margin-bottom:var(--lumora-s5);max-width:44ch}

/* ---- RELATED RESOURCES --------------------------------------------------- */
.lumora-resources{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--lumora-s5)}
@media (max-width:820px){.lumora-resources{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.lumora-resources{grid-template-columns:1fr}}
.lumora-resource__media{position:relative;aspect-ratio:7/5;background:var(--lumora-paper);overflow:hidden}
.lumora-resource__media img{width:100%;height:100%;object-fit:cover;transition:transform 500ms var(--lumora-ease)}
.lumora-resource:hover .lumora-resource__media img{transform:scale(1.04)}
.lumora-resource__body{padding-top:var(--lumora-s3)}
.lumora-resource__title{font-size:1.15rem;font-weight:800;text-transform:none;margin:4px 0 var(--lumora-s3);line-height:1.2}

/* ---- STORY (info page) --------------------------------------------------- */
.lumora-story__hero{position:relative;min-height:clamp(320px,44vw,520px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#141414}
.lumora-story__hero-media{position:absolute;inset:0}
.lumora-story__hero-media img{width:100%;height:100%;object-fit:cover}
.lumora-story__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#141414,#141414 22px,#1c1c1c 22px,#1c1c1c 44px);color:#888;text-align:center;padding:var(--lumora-s5)}
.lumora-story__hero-inner{position:relative;padding-block:var(--lumora-s6)}
.lumora-story__title{font-family:var(--lumora-font-display);font-weight:900;font-size:clamp(2rem,5vw,4.5rem);line-height:.95;text-transform:uppercase}
.lumora-story__body{max-width:760px;padding-block:var(--lumora-s7)}
.lumora-story__body .lumora-rte{font-size:1.0625rem;line-height:1.7}
.lumora-story__body .lumora-rte h2{font-size:1.4rem;text-transform:uppercase;margin:var(--lumora-s6) 0 var(--lumora-s3)}
.lumora-story__body .lumora-rte p{margin-bottom:var(--lumora-s4)}
.lumora-story__shop{max-width:none;margin-top:var(--lumora-s7)}

/* ---- WISHLIST HEART ------------------------------------------------------ */
.lumora-wish{position:absolute;top:var(--lumora-s3);right:var(--lumora-s3);z-index:3;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.9);border-radius:999px;border:none;cursor:pointer}
.lumora-wish svg{width:auto;height:16px;fill:currentColor;color:var(--lumora-ink)}
.lumora-wish[aria-pressed="true"] svg{color:var(--lumora-ink);fill:var(--lumora-ink)}


.lumora-mmenu{position:fixed;inset:0;z-index:1000;visibility:hidden}
.lumora-mmenu.is-open{visibility:visible}
.lumora-mmenu__scrim{position:absolute;inset:0;background:rgba(0,0,0,.42);opacity:0;transition:opacity .3s ease;z-index:1}
.lumora-mmenu.is-open .lumora-mmenu__scrim{opacity:1}
.lumora-mmenu__panel{position:absolute;top:0;left:0;bottom:0;width:min(88vw,440px);background:#fff;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .32s cubic-bezier(.4,0,.2,1);overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:2}
.lumora-mmenu.is-open .lumora-mmenu__panel{transform:translateX(0)}
.lumora-mmenu__head{position:relative;display:flex;align-items:center;justify-content:center;padding:16px 20px;border-bottom:1px solid #ececec;flex-shrink:0}
.lumora-mmenu__logo .lumora-logo-v{height:26px;width:auto}
.lumora-mmenu__close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#111}
.lumora-mmenu__close svg{width:22px;height:22px}
.lumora-mmenu__primary{display:flex;flex-direction:column;padding:0}
.lumora-mmenu__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;font-family:var(--lumora-font-display);font-weight:700;font-size:.95rem;text-transform:uppercase;letter-spacing:.03em;color:#111;border-bottom:1px solid #f0f0f0}
.lumora-mmenu__item svg{width:16px;height:16px;color:#999;flex-shrink:0}
.lumora-mmenu__item:active{background:#f5f5f5}
.lumora-mmenu__item--sale{color:var(--lumora-sale)}
.lumora-mmenu__item--sale svg{color:var(--lumora-sale)}
.lumora-mmenu__item--parent{width:100%;background:none;border:none;cursor:pointer;text-align:left;font:inherit}
.lumora-mmenu__item--parent svg{transition:transform .25s ease}
.lumora-mmenu__group.is-open>.lumora-mmenu__item--parent svg{transform:rotate(90deg)}
.lumora-mmenu__sub{overflow:hidden;max-height:0;transition:max-height .45s cubic-bezier(.4,0,.2,1);background:#fbfbfb;border-top:1px solid #efefef}
.lumora-mmenu__group.is-open>.lumora-mmenu__sub{max-height:2800px}
.lumora-mmenu__sub a{display:block;padding:9px 20px 9px 32px;font-size:.875rem;font-weight:400;text-transform:none;letter-spacing:0;color:#444;transition:color .15s ease,background .15s ease}
.lumora-mmenu__sub a:active,.lumora-mmenu__sub a:hover{background:#f2f2f2;color:#000}
.lumora-mmenu__divider{height:1px;background:#ececec;margin:8px 0}
.lumora-mmenu__sec{display:flex;flex-direction:column;padding:6px 0 12px}
.lumora-mmenu__sec a{padding:11px 22px;font-size:.95rem;color:#333}
.lumora-mmenu__sec a:active{background:#f5f5f5}
.lumora-mmenu__foot{margin-top:auto;border-top:1px solid #ececec;padding:18px 22px;display:flex;align-items:center;gap:10px;font-size:.95rem;color:#111;flex-shrink:0}
.lumora-mmenu__flag{font-size:1.15rem}
body.lumora-mmenu-open{overflow:hidden}
@media (min-width:961px){.lumora-mmenu{display:none}}

/* ---- RTE ----------------------------------------------------------------- */
.lumora-rte a{text-decoration:underline}
.lumora-rte ul{list-style:disc;padding-left:1.2em;margin-bottom:var(--lumora-s4)}
.lumora-rte img{margin:var(--lumora-s4) 0}

/* ---- HEADER v2: utility + search + mega-menu ----------------------------- */
.lumora-utility{background:var(--lumora-ink);color:#fff;font-size:11px;letter-spacing:.03em;text-transform:uppercase}
.lumora-utility__inner{display:flex;justify-content:flex-start;gap:var(--lumora-s5);height:34px;align-items:center}
.lumora-utility__links{display:flex;gap:var(--lumora-s5)}
.lumora-utility a{color:#bdbdbd}
.lumora-utility a:hover{color:#fff}
@media (max-width:760px){.lumora-utility{display:none}}
.lumora-iconbtn--wish{display:inline-flex}
@media (max-width:1140px){.lumora-iconbtn--wish{display:none}}

.lumora-nav{gap:var(--lumora-s4)}
.lumora-nav__link{font-size:var(--lumora-fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding:22px 0;display:inline-flex;align-items:center;border-bottom:0;position:relative}
.lumora-nav__link::after{content:"";position:absolute;left:0;right:0;bottom:16px;height:2px;background:var(--lumora-ink);transform:scaleX(0);transition:transform var(--lumora-dur-fast) var(--lumora-ease)}
.lumora-nav__link:hover::after{transform:scaleX(1)}
.lumora-nav__link--sale{color:var(--lumora-sale)}
.lumora-nav__link--sale::after{background:var(--lumora-sale)}

.lumora-has-mega{position:static;display:inline-flex;align-items:center}
.lumora-mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--lumora-hairline);box-shadow:0 20px 40px rgba(0,0,0,.08);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--lumora-dur-fast) var(--lumora-ease);z-index:5}
.lumora-has-mega:hover .lumora-mega,.lumora-has-mega:focus-within .lumora-mega{opacity:1;visibility:visible;transform:translateY(0)}
.lumora-mega__inner{display:flex;gap:var(--lumora-s8);padding-block:var(--lumora-s6)}
.lumora-mega__col{display:flex;flex-direction:column;gap:var(--lumora-s2);min-width:180px}
.lumora-mega__col--wide{flex:1}
.lumora-mega__title{font-size:var(--lumora-fs-xs);font-weight:700;letter-spacing:var(--lumora-tracking);text-transform:uppercase;color:var(--lumora-gray-500);margin-bottom:var(--lumora-s2)}
.lumora-mega__col a{font-size:var(--lumora-fs-sm);color:var(--lumora-gray-700);padding:3px 0}
.lumora-mega__col a:hover{color:var(--lumora-ink)}
.lumora-mega__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--lumora-s2) var(--lumora-s5)}
.lumora-mega__feature{margin-left:auto;width:260px;aspect-ratio:16/10;background:var(--lumora-ink);color:#fff;display:flex;align-items:flex-end;padding:var(--lumora-s4);position:relative;overflow:hidden}
.lumora-mega__feature-ph{font-family:var(--lumora-font-display);font-weight:900;font-size:1.6rem;line-height:.95;text-transform:uppercase}

.lumora-search{display:flex;align-items:center;background:var(--lumora-paper);border:1px solid transparent;height:40px;transition:border-color var(--lumora-dur-fast)}
.lumora-search:focus-within{border-color:var(--lumora-ink)}
.lumora-search input{border:0;background:transparent;height:100%;padding:0 12px;width:150px;font-size:var(--lumora-fs-sm);color:var(--lumora-ink)}
.lumora-search input::placeholder{color:var(--lumora-gray-500)}
.lumora-search button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}
.lumora-search svg{width:18px;height:18px}
@media (max-width:1200px){.lumora-search input{width:110px}}
@media (max-width:1140px){.lumora-mega{display:none}.lumora-search{display:none}}

/* ===== Overflow guard (no horizontal shift on mobile) ===== */
/* clip em vez de hidden: hidden cria scroll container e MATA todo position:sticky
   da pagina (a galeria/coluna de PDP nunca pregava por causa disto) */
html{overflow-x:clip}
body.lumora-body{overflow-x:clip;max-width:100%}
.lumora-sizes{display:flex;flex-wrap:wrap;gap:8px}

/* ===== (removed: legacy add-on selector) ===== */

/* ===== Cart line properties (drawer) ===== */
.lumora-cartline__prop{font-size:.72rem;color:var(--lumora-gray-600);line-height:1.35;text-transform:uppercase;letter-spacing:.02em}
.lumora-cartline__prop span{color:var(--lumora-gray-500);font-weight:600}


.lumora-cartpage{padding-top:var(--lumora-s6);padding-bottom:var(--lumora-s8)}
.lumora-cartpage__title{font-family:var(--lumora-font-display);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:var(--lumora-s5)}
.lumora-cartpage__grid{display:grid;grid-template-columns:1fr 380px;gap:var(--lumora-s7);align-items:start}
.lumora-cartpage__count{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--lumora-gray-500);padding-bottom:var(--lumora-s3);border-bottom:1px solid var(--lumora-hairline)}
.lumora-cartitem{display:flex;gap:var(--lumora-s4);padding:var(--lumora-s4) 0;border-bottom:1px solid var(--lumora-hairline)}
.lumora-cartitem__media{flex:0 0 120px}
.lumora-cartitem__media img{width:120px;height:120px;object-fit:cover;background:var(--lumora-paper);border-radius:4px}
.lumora-cartitem__body{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.lumora-cartitem__top{display:flex;justify-content:space-between;gap:var(--lumora-s3)}
.lumora-cartitem__name{font-weight:700;font-size:.95rem;line-height:1.2;color:var(--lumora-ink);display:block;text-decoration:none}
.lumora-cartitem__meta{font-size:.8rem;color:var(--lumora-gray-500);margin-top:4px}
.lumora-cartitem__prop{font-size:.74rem;color:var(--lumora-gray-700);margin-top:2px;text-transform:uppercase;letter-spacing:.02em}
.lumora-cartitem__prop span{color:var(--lumora-gray-500);font-weight:600}
.lumora-cartitem__rm{background:none;border:0;color:var(--lumora-gray-500);cursor:pointer;padding:2px;flex:0 0 auto}
.lumora-cartitem__rm svg{width:16px;height:16px}
.lumora-cartitem__rm:hover{color:var(--lumora-ink)}
.lumora-cartitem__bottom{display:flex;justify-content:space-between;align-items:flex-end;margin-top:var(--lumora-s3)}
.lumora-qtybox--sm{display:inline-flex;align-items:center;border:1px solid var(--lumora-hairline);border-radius:999px}
.lumora-qtybox--sm button{width:32px;height:32px;background:none;border:0;font-size:1rem;cursor:pointer;color:var(--lumora-ink)}
.lumora-qtybox--sm span{min-width:26px;text-align:center;font-size:.85rem;font-weight:600}
.lumora-cartitem__price{text-align:right;font-weight:700}
.lumora-cartitem__price .lumora-price--was{display:block;font-size:.78rem;color:var(--lumora-gray-500);text-decoration:line-through;font-weight:400}
.lumora-cartitem__price .lumora-price--now{color:var(--lumora-sale,#c0341d)}
.lumora-cartpage__continue{display:inline-flex;align-items:center;gap:6px;margin-top:var(--lumora-s4);font-size:.85rem;font-weight:600;color:var(--lumora-ink);text-decoration:none}
.lumora-cartpage__continue svg{width:15px;height:15px;transform:rotate(180deg)}
.lumora-cartsum{position:sticky;top:100px;background:var(--lumora-paper);border:1px solid var(--lumora-hairline);border-radius:8px;padding:var(--lumora-s5)}
.lumora-cartsum__title{font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:1rem;margin-bottom:var(--lumora-s4)}
.lumora-cartsum__row{display:flex;justify-content:space-between;font-size:.9rem;padding:6px 0}
.lumora-cartsum__row--muted{color:var(--lumora-gray-500)}
.lumora-cartsum__row--save{color:var(--lumora-sale,#c0341d)}
.lumora-cartsum__total{display:flex;justify-content:space-between;font-weight:800;font-size:1.05rem;border-top:1px solid var(--lumora-hairline);margin-top:var(--lumora-s3);padding-top:var(--lumora-s3)}
.lumora-cartsum__promo{display:flex;gap:8px;align-items:flex-start;background:var(--lumora-white);border:1px dashed var(--lumora-hairline);border-radius:6px;padding:10px 12px;font-size:.78rem;margin:var(--lumora-s4) 0}
.lumora-cartsum__promo svg{width:18px;height:18px;flex:0 0 auto}
.lumora-cartsum__checkout{margin-top:var(--lumora-s2)}
.lumora-cartsum__trust{display:flex;flex-direction:column;gap:6px;margin-top:var(--lumora-s4);font-size:.78rem;color:var(--lumora-gray-600)}
.lumora-cartsum__trust span{display:inline-flex;align-items:center;gap:7px}
.lumora-cartsum__trust svg{width:15px;height:15px}
.lumora-cartsum__pay{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--lumora-s4)}
.lumora-cartsum__pay .lumora-pay-ic{width:34px;height:22px}
.lumora-cartpage__empty{text-align:center;padding:var(--lumora-s8) 0}
.lumora-cartpage__emptytxt{font-size:1.1rem;color:var(--lumora-gray-600);margin-bottom:var(--lumora-s4)}
@media (max-width:900px){
  .lumora-cartpage__grid{grid-template-columns:1fr;gap:var(--lumora-s5)}
  .lumora-cartsum{position:static}
  .lumora-cartitem__media{flex:0 0 92px}
  .lumora-cartitem__media img{width:92px;height:92px}
}
/* Banner sem texto sobreposto: a arte manda na altura (nada de corte lateral). */
.lumora-hero--bare,.lumora-editorial--bare{min-height:0;height:auto;display:block}
.lumora-hero--bare .lumora-hero__media,.lumora-editorial--bare .lumora-editorial__media{position:relative;inset:auto}
.lumora-hero--bare .lumora-hero__media picture,.lumora-editorial--bare .lumora-editorial__media picture{height:auto}
.lumora-hero--bare .lumora-hero__media img,.lumora-editorial--bare .lumora-editorial__media img{height:auto;object-fit:contain}
/* Rotulos de grupo dentro dos submenus do menu mobile (espelha as colunas do mega desktop). */


/* Nivel 2 dentro do submenu */
.lumora-mmenu__group--l2{border-bottom:1px solid #efefef}
.lumora-mmenu__group--l2:last-child{border-bottom:0}
.lumora-mmenu__item--sub{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
  padding:12px 20px 12px 32px;background:none;border:0;cursor:pointer;text-align:left;
  font-family:var(--lumora-font-display);font-weight:600;font-size:.82rem;letter-spacing:.06em;
  text-transform:uppercase;color:#222}
.lumora-mmenu__item--sub svg{width:14px;height:14px;color:#aaa;flex-shrink:0;transition:transform .25s ease}
.lumora-mmenu__group--l2.is-open>.lumora-mmenu__item--sub{color:#000}
.lumora-mmenu__group--l2.is-open>.lumora-mmenu__item--sub svg{transform:rotate(90deg);color:#000}
.lumora-mmenu__item--sub:active{background:#f2f2f2}
/* lista de times (nivel 3 visual) */
.lumora-mmenu__sub--l2{background:#f4f4f4;border-top:1px solid #ececec}
.lumora-mmenu__sub--l2 a{padding:9px 20px 9px 44px;font-size:.85rem;color:#3a3a3a}
.lumora-mmenu__all{font-weight:700 !important;color:#000 !important;letter-spacing:.02em}
/* lista simples (Lifestyle) */
.lumora-mmenu__sub--flat a{display:block;padding:9px 20px 9px 32px;font-size:.875rem;color:#444}
.lumora-mmenu__sub--flat a:active{background:#f2f2f2}


/* Todos os cards da linha tem a mesma altura e o conteudo comeca no mesmo ponto. */
.lumora-grid{align-items:stretch}
.lumora-card{display:flex;flex-direction:column;height:100%}
.lumora-card__media{flex:0 0 auto}
.lumora-card__body{padding-top:12px;display:flex;flex-direction:column;gap:2px;text-align:left;flex:1 1 auto}

.lumora-card__body .lumora-price{order:1;margin:0 0 2px;font-size:.95rem;font-weight:700;color:var(--lumora-ink);
  display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.lumora-card__body .lumora-price--now{font-weight:700;color:var(--lumora-ink)}
.lumora-card__body .lumora-price--was{font-size:.8rem;font-weight:400;color:var(--lumora-gray-500);text-decoration:line-through}
.lumora-card__body .lumora-price--off{font-size:.8rem;font-weight:700;color:var(--lumora-sale)}
/* titulo ate 2 linhas; sem altura minima — a marca fica colada no nome (pedido 2026-08-07) */
.lumora-card__name{order:2;font-size:.875rem;font-weight:400;color:var(--lumora-ink);line-height:1.35;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* marca e meta em cinza, abaixo */
.lumora-card__brand{order:3;font-size:.8rem;font-weight:400;color:var(--lumora-gray-500);
  letter-spacing:0;text-transform:none;margin:0;line-height:1.3}
.lumora-card__meta{order:4;font-size:.8rem;color:var(--lumora-gray-500);line-height:1.3}
@media (max-width:760px){
  .lumora-card__body{padding-top:10px}
  .lumora-card__body .lumora-price{font-size:.9rem}
  .lumora-card__name{font-size:.82rem}
  .lumora-card__brand,.lumora-card__meta{font-size:.75rem}
}

/* ===== Filtros de categoria dentro da colecao (tag nativa do Shopify) ===== */
.lumora-catfilter{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 20px}
.lumora-catfilter__chip{display:inline-flex;align-items:center;padding:7px 16px;border:1px solid var(--lumora-gray-300);
  border-radius:3px;font-size:.8rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;
  color:var(--lumora-ink);background:#fff;text-decoration:none;white-space:nowrap;
  transition:border-color .15s ease,background .15s ease,color .15s ease}
.lumora-catfilter__chip:hover{border-color:var(--lumora-ink)}
.lumora-catfilter__chip.is-active{background:var(--lumora-ink);border-color:var(--lumora-ink);color:#fff}
@media (max-width:760px){
  .lumora-catfilter{gap:6px;margin-bottom:16px;overflow-x:auto;flex-wrap:nowrap;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
  .lumora-catfilter::-webkit-scrollbar{display:none}
  .lumora-catfilter__chip{padding:6px 13px;font-size:.74rem}
}

/* ===== lumora-LOGO-ASPECTO =====
   A regra global `img{max-width:100%}` combinada com a coluna 1fr do grid do header
   espremia o logo na horizontal (aspecto 4.77 renderizando 3.38). Preserva a proporcao. */
.lumora-header__logo{min-width:0}
.lumora-header__logo img,.lumora-logo-word{max-width:none;width:auto;flex-shrink:0}
/* Grid: logo pelo tamanho real, menu ocupa o meio sem invadir as laterais.
   Com `1fr auto 1fr` o menu (9 itens) transbordava e sobrepunha o logo (-9px). */
.lumora-header__bar{grid-template-columns:auto minmax(0,1fr) auto}
.lumora-nav{justify-self:center;min-width:0;flex-wrap:nowrap}
.lumora-nav{gap:clamp(12px,1.5vw,24px)}
.lumora-nav__link{white-space:nowrap}
@media (max-width:1180px){.lumora-nav{gap:11px}.lumora-nav__link{font-size:.82rem}}
.lumora-footer__brand img{max-width:none;width:auto}
.lumora-mmenu__logo img{max-width:none;width:auto}

/* ===== lumora-HEADER-FIX =====
   1) Menu de 9 itens + busca de 150px nao cabiam: "NEW IN" sobrepunha o logo e
      "TRACK ORDER" sobrepunha a busca. Aperta busca e espacamento do menu.
   2) Mobile: burger a esquerda do logo (fora de .lumora-header__actions no HTML). */
.lumora-search input{width:110px}
@media (min-width:961px) and (max-width:1320px){
  .lumora-nav{gap:13px}
  .lumora-nav__link{font-size:.8rem}
  .lumora-search input{width:84px}
  .lumora-header__actions{gap:10px}
}
/* burger: escondido no desktop, primeiro item no mobile */
.lumora-burger{display:none}
@media (max-width:1140px){
  .lumora-header__bar{grid-template-columns:auto 1fr auto;gap:10px}
  .lumora-burger{display:inline-flex;grid-column:1;justify-self:start;order:-1;margin-left:-6px}
  .lumora-header__logo{grid-column:2;justify-self:start}
  .lumora-header__actions{grid-column:3;justify-self:end}
}

/* ===== Size guide (painel lateral) ===== */
.lumora-sizenote{border-left:2px solid var(--lumora-ink);background:var(--lumora-paper);padding:14px 16px;margin-bottom:22px;
  font-size:.85rem;line-height:1.55;color:var(--lumora-gray-700)}
.lumora-sizenote ul{margin:8px 0 0;padding-left:18px}
.lumora-sizenote li{margin-bottom:4px}
.lumora-sizenote strong{color:var(--lumora-ink)}
.lumora-sizenote__foot{margin:10px 0 0;font-size:.8rem;color:var(--lumora-gray-500)}
.lumora-sizetable-wrap{overflow-x:auto;padding-bottom:16px;-webkit-overflow-scrolling:touch}
.lumora-sizetable{border-collapse:collapse;width:100%;min-width:460px;font-size:.8rem}
.lumora-sizetable th,.lumora-sizetable td{border:1px solid var(--lumora-hairline);padding:8px 10px;text-align:center;white-space:nowrap}
.lumora-sizetable thead th{background:var(--lumora-ink);color:#fff;font-weight:700;letter-spacing:.03em}
.lumora-sizetable tbody th{background:var(--lumora-paper);text-align:left;font-weight:700}
.lumora-sizetable__foot{margin:6px 0 0;font-size:.72rem;color:var(--lumora-gray-500)}
.lumora-sizehow{padding:2px 2px 18px;font-size:.85rem;line-height:1.6;color:var(--lumora-gray-700)}
.lumora-sizehow p{margin:0 0 9px}
.lumora-sizehow strong{color:var(--lumora-ink)}

/* ===== lumora-PDP blocks: engraving =====
   Antes: caixas com borda solta, titulo desalinhado e "Athletic fit" longe do Size. */
/* aviso de caimento: nota discreta colada na opcao de tamanho */
.lumora-opt .lumora-truesize{display:flex;gap:7px;align-items:center;background:transparent;border:0;
  padding:10px 0 0;margin:0;font-size:.78rem;color:var(--lumora-gray-700);white-space:normal}
.lumora-opt .lumora-truesize svg{width:15px;height:15px;flex:0 0 auto;color:var(--lumora-gray-500)}
.lumora-opt .lumora-truesize strong{color:var(--lumora-ink)}
.lumora-opt .lumora-truesize strong{font-weight:600}

/* --- Seletores de variante, redesenho 2026-08-08 ---
   O preenchimento preto do tamanho selecionado brigava com o ADD TO BAG (unico
   elemento que deve ser solido na pagina) e o rotulo tinha negrito em cima de
   negrito. Agora: rotulo em cinza discreto + valor em tinta, e a selecao marcada
   por CONTORNO. O preto volta a ser exclusivo do botao principal. */
/* name in ink, supporting text in grey */
.lumora-opt__label{font-size:var(--lumora-fs-sm);font-weight:700;letter-spacing:0;color:var(--lumora-ink);text-transform:none}
.lumora-opt__label em{font-style:normal;font-weight:400;color:var(--lumora-gray-500);
  text-transform:none;letter-spacing:0}
.lumora-opt__label b{font-weight:400}
.lumora-opt__guide{font-size:.78rem;letter-spacing:.01em}

.lumora-sizes{gap:8px}
.lumora-size{min-width:46px;height:40px;padding:0 14px;border:1px solid var(--lumora-hairline);
  background:#fff;color:var(--lumora-ink);font-weight:500;font-size:.875rem;letter-spacing:.01em;
  transition:border-color var(--lumora-dur-fast),box-shadow var(--lumora-dur-fast)}
.lumora-size:hover{border-color:var(--lumora-gray-500)}
/* contorno duplo via inset: marca a selecao sem empurrar o layout 1px */
.lumora-size[aria-pressed="true"]{border-color:var(--lumora-ink);background:#fff;color:var(--lumora-ink);
  box-shadow:inset 0 0 0 1px var(--lumora-ink);font-weight:600}
.lumora-size:focus-visible{outline:2px solid var(--lumora-ink);outline-offset:2px}

/* bloco de personalizacao: cabecalho no mesmo padrao dos rotulos de opcao */
.lumora-custom{border:0;border-top:1px solid var(--lumora-hairline);margin:0 0 var(--lumora-s5);padding-top:var(--lumora-s5);animation:lumoraFade .22s ease}
@keyframes lumoraFade{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
.lumora-custom__head{margin-bottom:var(--lumora-s3)}
.lumora-custom__ttl{font-size:var(--lumora-fs-sm);font-weight:700;letter-spacing:0;color:var(--lumora-ink);text-transform:none}
.lumora-custom__ttl em{font-style:normal;font-weight:700;color:var(--lumora-ink);text-transform:none;letter-spacing:0;margin-left:4px}
.lumora-custom__fields{padding:0}
.lumora-custom__row{display:flex;gap:10px;align-items:flex-end}
.lumora-custom__row label{flex:1;display:flex;flex-direction:column;gap:6px;font-size:10px;font-weight:700;
  text-transform:uppercase;letter-spacing:.08em;color:var(--lumora-gray-500)}
.lumora-custom__num{max-width:88px;flex:0 0 auto}
.lumora-custom__row input{height:46px;border:1px solid var(--lumora-gray-300);border-radius:4px;padding:0 13px;
  font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;transition:border-color .15s ease}
.lumora-custom__row input::placeholder{color:#c2c2c2;font-weight:400;letter-spacing:.02em}
.lumora-custom__row input:focus{border-color:var(--lumora-ink);outline:none;box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.lumora-custom__hint{font-size:.72rem;color:var(--lumora-gray-500);margin:9px 0 0}

/* ===== lumora-BREADCRUMB-DISCRETO: menor, cinza, sem quebrar linha ===== */
.lumora-breadcrumb{gap:6px;font-size:.72rem;letter-spacing:.02em;color:var(--lumora-gray-500);
  padding-block:10px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.lumora-breadcrumb::-webkit-scrollbar{display:none}
.lumora-breadcrumb a{color:var(--lumora-gray-500)}
.lumora-breadcrumb a:hover{color:var(--lumora-ink)}
.lumora-breadcrumb span{color:#d8d8d8}
.lumora-breadcrumb__current{color:var(--lumora-gray-700);font-weight:400;
  max-width:min(46vw,340px);overflow:hidden;text-overflow:ellipsis}
@media (max-width:600px){.lumora-breadcrumb{font-size:.68rem;padding-block:8px}}

/* Coracao da wishlist: preenchido em preto quando ativo (era vermelho). */
/* ativo = coracao preenchido, SEM stroke: o path do icone e um contorno ja
   preenchido, e stroke em cima dele engorda e deforma o desenho */
.lumora-wish[aria-pressed="true"] svg,.lumora-wishbtn[aria-pressed="true"] svg,
.lumora-wish[aria-pressed="true"] svg *,.lumora-wishbtn[aria-pressed="true"] svg *{fill:var(--lumora-ink);stroke:none}

/* ===== lumora-HERO-COLADO =====
   O <main> tem padding-top (respiro das paginas internas), o que abria 24px
   entre o header e o banner na home. Zera so quando a primeira secao e o hero
   full-bleed; nas demais paginas o respiro continua. */
.lumora-main:has(> .shopify-section:first-child .lumora-hero){padding-top:0}

.lumora-tiles .lumora-tile__title{
  font-size:clamp(.95rem,1.5vw,1.25rem);
  font-weight:800;
  line-height:1.1;
  letter-spacing:.005em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;
  margin-bottom:0;
  text-shadow:0 1px 3px rgba(0,0,0,.45);
}
.lumora-tiles .lumora-tile__body{
  padding:var(--lumora-s4);
  background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.45) 45%,transparent 100%);
  min-height:38%;display:flex;align-items:flex-end;
}
/* imagem: enquadramento estavel, sem "pular" entre tiles */
.lumora-tiles .lumora-tile img{object-position:center 32%}
.lumora-tiles .lumora-tile{background:#efefef}
@media (max-width:560px){
  .lumora-tiles .lumora-tile__title{font-size:.9rem}
  .lumora-tiles .lumora-tile__body{padding:var(--lumora-s3)}
}

/* ===== Texto de confianca da colecao (abre no "Show more") ===== */
.lumora-plp__desc.is-open{max-width:1040px}
.lumora-plp__desc .lumora-plp__info{display:none;margin-top:18px}
.lumora-plp__desc.is-open .lumora-plp__info{display:block}
.lumora-plp__info-col{margin:0 0 16px;color:var(--lumora-gray-700)}
.lumora-plp__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 56px;
  border-top:1px solid var(--lumora-hairline);padding-top:20px;max-width:1000px}
.lumora-plp__col h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;
  color:var(--lumora-ink);margin:0 0 9px}
.lumora-plp__col p{margin:0 0 8px;font-size:.86rem;line-height:1.6;color:var(--lumora-gray-700)}
.lumora-plp__col ul{margin:0;padding-left:17px}
.lumora-plp__col li{font-size:.86rem;line-height:1.55;color:var(--lumora-gray-700);margin-bottom:6px}
.lumora-plp__col strong{color:var(--lumora-ink);font-weight:700}
.lumora-plp__col a{color:var(--lumora-ink);text-decoration:underline;text-underline-offset:3px}
@media (max-width:760px){.lumora-plp__cols{grid-template-columns:1fr;gap:18px}}

/* ===== lumora-MARQUEE-GUTTER — recuo lateral nas esteiras da home =====
   Duas armadilhas aqui:
   1) padding no wrapper NAO cria margem: o overflow:hidden recorta no
      padding-box, entao o card continua aparecendo por cima. Tem que ser margin.
   2) cada secao declara .lumora-marquee*{width:100%} num <style> INLINE, que vem
      depois deste arquivo no documento e vence no desempate. Por isso o seletor
      precisa de especificidade maior (0,2,0), senao 100%+margem estoura a
      largura do body e cria rolagem horizontal.
   48px = mesmo gutter do .lumora-container. */
.shopify-section .lumora-marquee-drops,
.shopify-section .lumora-marquee{margin-inline:48px;width:auto}
@media (max-width:760px){
  .shopify-section .lumora-marquee-drops,
  .shopify-section .lumora-marquee{margin-inline:20px}
}

/* ===== lumora-CUSTOM-V2 — personalizacao com abas e previa ===== */
.lumora-custom__head{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}
.lumora-custom__ttl{font-weight:700;font-size:var(--lumora-fs-sm);letter-spacing:0;text-transform:none}
.lumora-custom__price{font-size:.78rem;font-weight:700;color:var(--lumora-ink);background:var(--lumora-paper);
  border:1px solid var(--lumora-hairline);border-radius:3px;padding:2px 8px;letter-spacing:.04em}

.lumora-custom__tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:1px solid var(--lumora-hairline)}
.lumora-custom__tab{appearance:none;background:none;border:0;padding:9px 2px;margin-right:26px;cursor:pointer;
  font:inherit;font-size:.8rem;font-weight:600;letter-spacing:.03em;color:var(--lumora-gray-500);
  border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}
.lumora-custom__tab:hover{color:var(--lumora-ink)}
.lumora-custom__tab.is-active{color:var(--lumora-ink);border-bottom-color:var(--lumora-ink)}

.lumora-custom__panel{display:none}
.lumora-custom__panel.is-active{display:block}
.lumora-custom__row{display:grid;grid-template-columns:1fr 96px;gap:12px}
/* Na estrutura antiga o <label> ERA o rotulo minusculo (font-size:10px) e
   envolvia o input. Aqui o rotulo e um <span> separado, mas a regra antiga
   .lumora-custom__row label continua casando com este <label> — e o font:inherit
   do input herdava os 10px. Reponho o tamanho normal no label. */
.lumora-custom__row label.lumora-custom__field{font-size:1rem;font-weight:400;
  letter-spacing:normal;text-transform:none;color:inherit;gap:0}
.lumora-custom__field{display:block}
.lumora-custom__lbl{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.1em;color:var(--lumora-gray-500);margin-bottom:6px}
.lumora-custom__field input,.lumora-custom__select{width:100%;height:46px;padding:0 13px;font:inherit;
  color:var(--lumora-ink);background:#fff;border:1px solid var(--lumora-hairline);
  border-radius:4px;transition:border-color .15s}

.lumora-custom__field input{font-size:.95rem;font-weight:600;letter-spacing:.06em}
/* o select e controle de interface, nao previa — peso e tamanho normais,
   senao "Select a player" fica maior que o proprio titulo do bloco. */
.lumora-custom__select{font-size:.88rem;font-weight:500;letter-spacing:0;color:var(--lumora-gray-700)}
.lumora-custom__select:valid{color:var(--lumora-ink)}
.lumora-custom__select option{font-size:.9rem;font-weight:500;letter-spacing:0}
.lumora-custom__field input::placeholder{color:#c4c4c4;font-weight:500;letter-spacing:.08em}
.lumora-custom__field input:focus,.lumora-custom__select:focus{outline:none;border-color:var(--lumora-ink)}
.lumora-custom__num input{text-align:center;letter-spacing:.12em}
.lumora-custom__select{cursor:pointer;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:38px}

   vence uma regra de classe com display:flex — sem isto a previa aparecia
   como um retangulo preto vazio antes de digitar qualquer coisa */

.lumora-custom__hint{margin:12px 0 0;font-size:.76rem;color:var(--lumora-gray-500)}
@media (max-width:520px){
  .lumora-custom__row{grid-template-columns:1fr 78px}
  .lumora-custom__tab{margin-right:18px;font-size:.75rem}
}

/* ===== lumora-APPSEC — moldura das secoes de app (feed do Instagram) ===== */
.lumora-appsec{padding:var(--lumora-s7) 48px}
.lumora-appsec--compact{padding-top:var(--lumora-s5);padding-bottom:var(--lumora-s5)}
.lumora-appsec__head{display:flex;align-items:baseline;justify-content:space-between;
  gap:20px;margin-bottom:var(--lumora-s5)}
.lumora-appsec__block{width:100%}
@media (max-width:760px){.lumora-appsec{padding-left:20px;padding-right:20px}}

/* ===== lumora-IG-GRID — grade do Instagram (nativa, sem app) ===== */
.lumora-ig{padding:var(--lumora-s7) 48px;border-top:1px solid var(--lumora-hairline)}
.lumora-ig__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  margin-bottom:var(--lumora-s5);flex-wrap:wrap}
.lumora-ig__title .lumora-eyebrow{margin:0 0 6px}
.lumora-ig__title .lumora-h2{margin:0}
.lumora-ig__follow{display:inline-flex;align-items:center;gap:9px;font-size:.84rem;font-weight:700;
  letter-spacing:.05em;color:var(--lumora-ink);text-decoration:none;padding:9px 16px;
  border:1px solid var(--lumora-ink);border-radius:999px;transition:background .15s,color .15s}
.lumora-ig__follow:hover{background:var(--lumora-ink);color:#fff}
.lumora-ig__glyph{width:17px;height:17px;fill:currentColor;flex:0 0 auto}

.lumora-ig__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.lumora-ig__tile{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-radius:4px;
  background:var(--lumora-paper)}
.lumora-ig__tile img{width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .45s cubic-bezier(.2,.6,.2,1)}
.lumora-ig__tile:hover img{transform:scale(1.06)}
.lumora-ig__ph{position:absolute;inset:0;background:var(--lumora-paper)}
.lumora-ig__hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.42);opacity:0;transition:opacity .25s}
.lumora-ig__tile:hover .lumora-ig__hover,.lumora-ig__tile:focus-visible .lumora-ig__hover{opacity:1}
.lumora-ig__hover svg{width:28px;height:28px;fill:#fff}
.lumora-ig__foot{margin-top:var(--lumora-s5);text-align:center}
.lumora-ig__foot .lumora-btn{display:inline-flex}

@media (max-width:1100px){.lumora-ig__grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:760px){
  .lumora-ig{padding-left:20px;padding-right:20px}
  .lumora-ig__grid{grid-template-columns:repeat(3,1fr);gap:6px}
  .lumora-ig__head{align-items:flex-start}
}

/* ===== carrossel do Instagram ===== */
.lumora-ig__carousel{position:relative}
.lumora-ig__track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
  scroll-padding-left:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}
.lumora-ig__track::-webkit-scrollbar{display:none}
.lumora-ig__track.is-dragging{scroll-behavior:auto;cursor:grabbing;scroll-snap-type:none}
.lumora-ig__track>*{flex:0 0 auto;scroll-snap-align:start}

/* Card do Instagram em 9:16: cabecalho e barra de acoes vem do TEMA, o iframe
   entra so com o video, recortado.
   O iframe e cross-origin — nada la dentro aceita CSS. Para o reel encostar nas
   bordas, ele e dimensionado maior que a janela e o excedente e escondido:
   a area de midia do embed e 4:5 e o reel 9:16 deixa barra preta de ~14,8% da
   largura em cada lado, logo largura do iframe = janela / 0.703.
   O deslocamento vertical centraliza a midia na janela.
   --ig-card largura do card | --ig-topo altura do cabecalho do embed */
.lumora-ig__tile--embed{--ig-card:300px;--ig-topo:54px;
  --ig-iw:calc(var(--ig-card) / 0.703);
  --ig-mh:calc(var(--ig-iw) * 1.25);
  width:var(--ig-card);aspect-ratio:9/16;height:auto;
  display:flex;flex-direction:column;background:#fff;
  border:1px solid var(--lumora-hairline);border-radius:10px;overflow:hidden}

.lumora-ig__card-top{flex:0 0 auto;display:flex;align-items:center;
  justify-content:space-between;gap:10px;padding:9px 11px}
.lumora-ig__conta{display:flex;align-items:center;gap:9px;min-width:0;text-decoration:none}
.lumora-ig__tile .lumora-ig__avatar{width:32px;height:32px;min-width:32px;border-radius:50%;
  object-fit:cover;flex:0 0 auto;border:1px solid var(--lumora-hairline)}
.lumora-ig__tile .lumora-ig__avatar--txt{display:flex;align-items:center;justify-content:center;
  background:var(--lumora-ink);color:#fff;font-weight:700;font-size:.85rem}
.lumora-ig__conta-txt{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.lumora-ig__conta-nome{font-size:.82rem;font-weight:600;color:var(--lumora-ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lumora-ig__conta-audio{font-size:.72rem;color:var(--lumora-gray-500);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lumora-ig__verperfil{flex:0 0 auto;font-size:.74rem;font-weight:700;color:#fff;background:#4f46e5;
  border-radius:6px;padding:6px 11px;text-decoration:none}
.lumora-ig__verperfil:hover{background:#4338ca}

/* janela do video: ocupa a altura que sobra; o reel fica cheio na largura e
   aparado em cima/embaixo, em vez de ganhar barra preta nas laterais */
.lumora-ig__video{flex:1 1 auto;position:relative;width:100%;min-height:0;
  overflow:hidden;background:#000}
.lumora-ig__video iframe{position:absolute;left:50%;transform:translateX(-50%);border:0;
  width:var(--ig-iw);
  height:calc(var(--ig-topo) + var(--ig-mh) + 140px);
  top:calc(50% - var(--ig-topo) - (var(--ig-mh) / 2))}

/* barra de acoes: icones proprios, com traco uniforme. A linha inteira leva ao post. */
.lumora-ig__acoes{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;
  padding:10px 12px 12px;text-decoration:none;color:var(--lumora-ink)}
.lumora-ig__acoes-esq{display:flex;align-items:center;gap:15px}
.lumora-ig__acoes svg{width:23px;height:23px;display:block;fill:none;stroke:currentColor;
  stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.lumora-ig__acoes:hover svg{opacity:.55}
.lumora-ig__salvar{margin-left:auto}
.lumora-ig__track .lumora-ig__tile:not(.lumora-ig__tile--embed){width:240px;aspect-ratio:1/1}

.lumora-ig__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--lumora-hairline);
  display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--lumora-ink);
  box-shadow:0 2px 14px rgba(0,0,0,.12);transition:opacity .2s,background .15s}
.lumora-ig__nav svg{width:19px;height:19px}
.lumora-ig__nav:hover:not(:disabled){background:var(--lumora-ink);color:#fff}
.lumora-ig__nav:disabled{opacity:0;pointer-events:none}
.lumora-ig__nav--prev{left:-18px}
.lumora-ig__nav--next{right:-18px}

@media (max-width:760px){
  .lumora-ig__tile--embed{--ig-card:270px}
  .lumora-ig__nav{display:none}
}
/* selo de reel na versao com imagem */
.lumora-ig__reel{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;
  background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;z-index:2}
.lumora-ig__reel svg{width:13px;height:13px;fill:#fff;margin-left:2px}




.lumora-payterms{margin:18px 0 2px;font-size:.85rem;line-height:1.5;color:var(--lumora-gray-700)}
/* Se a loja nao tiver Installments, o filtro nao imprime nada e o container fica
   vazio de verdade — ai sim o respiro some. NAO testar `shopify-payment-terms:empty`:
   o widget desenha em shadow DOM, entao ele casa com :empty mesmo renderizando,
   e a margem era zerada justamente quando devia existir. */
.lumora-payterms:empty,
.lumora-payterms:not(:has(shopify-payment-terms)){margin:0}
.lumora-payterms shopify-payment-terms{display:block}

/* foto inteira, sem corte (pedido 2026-08-07: "a imagem nao pode ficar cortada") */

/* nome curvado (SVG) — top recalibrado apos tirar o zoom da foto (2026-08-07) */

/* numero */

/* --- variacoes por kit (metafield custom.kit_font) --- */

/* fontes reais: nome e numero na MESMA fonte do kit, sem bold sintetico */

/* grupo por posicao — a separacao que faltava entre sleeve e chest */

/* ============ CUSTOMIZE: bloco emoldurado, abas centralizadas ============ */
.lumora-custom{border:1px solid var(--lumora-hairline);border-top:1px solid var(--lumora-hairline);
  padding:18px 18px 20px;margin:0 0 var(--lumora-s5)}
.lumora-custom__head{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:14px}
.lumora-custom__tabs{justify-content:center;gap:0;margin-bottom:18px}
.lumora-custom__tab{margin:0 18px;padding:10px 2px;font-size:.9rem;font-weight:700;
  letter-spacing:0;color:var(--lumora-gray-500)}
.lumora-custom__tab.is-active{color:var(--lumora-ink);border-bottom-width:2px}
@media (max-width:600px){
  .lumora-custom{padding:15px 14px 17px}
  .lumora-custom__tab{margin:0 10px;font-size:.82rem}
}

/* Titulos da pagina de produto em caixa normal (pedido 2026-08-08). Precisa ser
   explicito: as regras antigas la em cima ainda mandam uppercase, e omitir a
   propriedade nao desfaz o que ja foi declarado. */
.lumora-opt__label,.lumora-custom__ttl{text-transform:none;letter-spacing:0}

/* ---- personalizacao dentro da gaveta (2026-08-08) ----
   A opcao de variante e os campos de nome/numero saem da coluna e passam a
   morar na gaveta. A caixa gigante do preview encolhe: dentro de um painel de
   440px ela nao precisa de 380px de foto nem de moldura propria. */
.lumora-opt[data-opt-custom]{display:none}
/* o titulo da secao ja diz "Name & number": o rotulo da opcao viraria eco */

/* ---- You may also like: grade de 4 colunas descendo (2026-08-08) ----
   Nao e carrossel: e a mesma listagem da pagina de colecao, 4 por linha ate
   completar os 16. Titulo no mesmo padrao do "Real Customer Reviews". */
.lumora-recs__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
  flex-wrap:wrap;margin-bottom:var(--lumora-s5)}
.lumora-recs__ttl{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;margin:0;color:#111;
  letter-spacing:-.02em;text-transform:none}
.lumora-recs__tools{display:flex;align-items:center;gap:18px}
.lumora-recs__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--lumora-s6) var(--lumora-s4)}
@media (max-width:900px){.lumora-recs__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--lumora-s5) var(--lumora-s3)}}

/* campos de nome/numero: o placeholder estava do tamanho de um titulo e a caixa
   alta demais pro painel. Reduz um degrau, sem perder area de toque. */
.lumora-custom__field input,.lumora-custom__select{height:42px;padding:0 12px}
.lumora-custom__field input{font-size:.85rem;letter-spacing:.04em}
.lumora-custom__field input::placeholder{font-size:.8rem;letter-spacing:.05em}
.lumora-custom__num input{letter-spacing:.08em}
.lumora-custom__lbl{font-size:.64rem}
@media (max-width:600px){.lumora-custom__field input,.lumora-custom__select{height:40px}}

.lumora-size__extra{margin-left:auto;font-size:.85rem;font-weight:700;color:var(--lumora-ink)}

/* divisao entre "Type your own" e "Choose a player": um fio vertical no meio do
   vao entre as duas abas — sao dois caminhos diferentes, nao um continuo */
.lumora-custom__tab{position:relative}
.lumora-custom__tab + .lumora-custom__tab::before{content:"";position:absolute;left:-14px;
  top:50%;transform:translateY(-50%);width:1px;height:18px;background:var(--lumora-hairline)}
@media (max-width:600px){.lumora-custom__tab + .lumora-custom__tab::before{left:-10px;height:15px}}

.lumora-pdp__info form{display:flex;flex-direction:column}
.lumora-pdp__info form > *{order:3}
.lumora-pdp__info form > script,
.lumora-pdp__info form > input{order:0}
.lumora-pdp__info form > .lumora-opt[data-opt-group]{order:2}

/* size chart com mais presenca: sai do cinza apagado e ganha peso */
.lumora-opt__guide{font-size:.82rem;font-weight:600;color:var(--lumora-ink);
  text-decoration:none;border-bottom:1px solid var(--lumora-ink);padding-bottom:1px;
  letter-spacing:.01em;transition:opacity .15s}
.lumora-opt__guide:hover{opacity:.6;color:var(--lumora-ink)}
.lumora-opt__guide:focus-visible{outline:2px solid var(--lumora-ink);outline-offset:3px}

/* ---- um so padrao de superficie dentro da gaveta (2026-08-08) ----
   As linhas de opcao tinham moldura forte e os campos logo abaixo nao tinham
   marcacao nenhuma — pareciam de sistemas diferentes. Agora TUDO usa a mesma
   regra: caixa quadrada de 1px hairline; quando esta ativo/selecionado, contorno
   preto duplo (borda + inset). Nada de raio de canto em um e nao no outro. */
.lumora-custom__field input,.lumora-custom__select{border:1px solid var(--lumora-hairline);border-radius:0}
.lumora-custom__field input:focus,.lumora-custom__select:focus{border-color:var(--lumora-ink);
  box-shadow:inset 0 0 0 1px var(--lumora-ink)}

/* ---- Version, Personalize e Size no mesmo sistema (2026-08-08) ----
   A caixa de Version era o ponto fora da curva: cantos arredondados (3px),
   borda de 2px quando selecionada e uma barra preta a esquerda que nenhum
   outro elemento da pagina tem. Passa a usar a MESMA marcacao do resto:
   quadrado, 1px hairline e, quando ativo, contorno preto duplo (borda + inset).
   Assim Version, Personalize, Size e as linhas da gaveta viram um so sistema. */
/* Personalize com a MESMA altura do card de Version: la a altura vem da foto de
   74px + 13px de padding em cima e embaixo = 100px. Fixo isso como min-height em
   vez de repetir o numero solto, pra os dois ficarem colados no mesmo valor. */

/* Texto do Personalize com a MESMA tipografia do card de Version: titulo em
   .95rem/700 (igual .lumora-jtype__name) e a linha de apoio em .84rem no cinza-700
   (igual .lumora-jtype__desc). Antes era um degrau menor nos dois e num cinza mais
   claro, o que fazia a caixa parecer de outra familia. */

/* ---- abas Details e Care + aviso da personalizacao (2026-08-08) ---- */
/* !important porque `.lumora-rte ul{list-style:disc}` vem depois na cascata e
   estava somando a bolinha nativa a minha, virando duas por linha */
.lumora-spec__list,.lumora-care__list{list-style:none!important;padding-left:0!important;margin:0}
.lumora-spec__list{columns:2;column-gap:32px}
.lumora-spec__list li{break-inside:avoid;padding:0 0 9px 14px;position:relative;font-size:.88rem;
  color:var(--lumora-gray-700);line-height:1.45}
.lumora-spec__list li::before{content:"";position:absolute;left:0;top:.62em;width:4px;height:4px;
  border-radius:50%;background:var(--lumora-gray-500)}
.lumora-care{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.lumora-care__ttl{margin:0 0 10px;font-size:.72rem;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--lumora-ink)}
.lumora-care__list{list-style:none;margin:0;padding:0}
.lumora-care__list li{padding:0 0 8px 14px;position:relative;font-size:.88rem;
  color:var(--lumora-gray-700);line-height:1.45}
.lumora-care__list li::before{content:"";position:absolute;left:0;top:.62em;width:4px;height:4px;
  border-radius:50%;background:var(--lumora-gray-500)}
@media (max-width:600px){.lumora-spec__list{columns:1}.lumora-care{grid-template-columns:1fr;gap:20px}}

/* aviso da personalizacao: visivel no topo da gaveta, mas sem alarmar */

/* itens de lavagem com simbolo: o icone substitui a bolinha */
/* `.lumora-care__list li::before` tem especificidade maior que `.lumora-care__item::before`
   (classe + elemento contra classe so), entao a bolinha sobrevivia ao lado do
   simbolo. Preciso casar os dois seletores pra vencer. */
.lumora-care__list li.lumora-care__item{display:flex;align-items:center;gap:9px;padding:0 0 9px 0}
.lumora-care__list li.lumora-care__item::before{content:none;display:none}
.lumora-care__ic{flex:0 0 auto;width:19px;height:19px;color:var(--lumora-ink)}
.lumora-care__ic svg{width:100%;height:100%;display:block}

/* ---- Size and fit ---- */
/* os acordeoes vivem na coluna estreita da PDP: uma foto de 260px espremia o
   texto num filete. Miniatura pequena ao lado, texto com espaco pra respirar. */
.lumora-fit{display:grid;grid-template-columns:104px 1fr;gap:16px;align-items:start}

.lumora-fit__img{background:#fff;aspect-ratio:1/1;overflow:hidden}
.lumora-fit__img img{width:100%;height:100%;object-fit:contain;display:block}
.lumora-fit__txt p{margin:0 0 12px;font-size:.86rem;line-height:1.5;color:var(--lumora-gray-700)}
.lumora-fit__txt strong{color:var(--lumora-ink)}
.lumora-fit__guide{appearance:none;background:none;border:0;padding:0;font:inherit;font-size:.85rem;
  font-weight:700;color:var(--lumora-ink);cursor:pointer;border-bottom:1px solid var(--lumora-ink)}
.lumora-fit__guide:hover{opacity:.6}
.lumora-fit__guide:focus-visible{outline:2px solid var(--lumora-ink);outline-offset:3px}
@media (max-width:600px){.lumora-fit{grid-template-columns:92px 1fr;gap:14px}}

/* avisos da personalizacao: presentes no topo da gaveta, mas sem virar alerta */



/* ---- painel de confirmacao ---- */
.lumora-added{position:fixed;top:calc(var(--lumora-header-h) + 10px);right:16px;z-index:1300;
  width:min(92vw,376px);background:#fff;border:1px solid var(--lumora-hairline);
  box-shadow:0 14px 40px rgba(0,0,0,.14);
  opacity:0;transform:translateY(-10px);transition:opacity .22s var(--lumora-ease),transform .22s var(--lumora-ease)}
.lumora-added[hidden]{display:none}
.lumora-added.is-open{opacity:1;transform:none}
.lumora-added__head{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:13px 14px 11px;border-bottom:1px solid var(--lumora-hairline)}
.lumora-added__ok{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:700;color:var(--lumora-ink)}
.lumora-added__ok svg{width:16px;height:16px;color:#1f7a4d}
.lumora-added__x{appearance:none;background:none;border:0;padding:2px;cursor:pointer;color:var(--lumora-gray-500)}
.lumora-added__x svg{width:16px;height:16px;display:block}
.lumora-added__x:hover{color:var(--lumora-ink)}
.lumora-added__promo[hidden]{display:none}
.lumora-added__promo{padding:0 14px}
.lumora-added__promo .lumora-bundle__notice{font-size:.78rem;padding:9px 11px}
.lumora-added__promo .lumora-bundle__steps{margin:10px 0 0}
.lumora-added__body{display:flex;gap:12px;padding:14px}
.lumora-added__img{width:72px;height:72px;object-fit:contain;background:#fff;flex:0 0 auto;
  border:1px solid var(--lumora-hairline)}
.lumora-added__txt{min-width:0;display:flex;flex-direction:column;gap:3px}
.lumora-added__name{font-size:.85rem;font-weight:600;line-height:1.3;color:var(--lumora-ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lumora-added__meta{font-size:.78rem;color:var(--lumora-gray-500)}
.lumora-added__price{font-size:.85rem;font-weight:700;margin-top:2px}
.lumora-added__acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 14px}
.lumora-added__btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;
  padding:0 12px;font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;
  background:var(--lumora-ink);color:#fff;border:1px solid var(--lumora-ink);text-decoration:none;
  transition:opacity .15s}
.lumora-added__btn:hover{opacity:.85}
.lumora-added__btn--ghost{background:#fff;color:var(--lumora-ink)}
.lumora-added__btn--ghost:hover{background:var(--lumora-paper);opacity:1}
/* No celular o painel nasce EMBAIXO: e onde o polegar esta e nao cobre o produto
   que a pessoa acabou de olhar. A entrada tambem inverte — sobe em vez de descer. */
@media (max-width:760px){
  .lumora-added{top:auto;bottom:12px;left:10px;right:10px;width:auto;transform:translateY(14px);
    box-shadow:0 -8px 32px rgba(0,0,0,.16)}
  .lumora-added.is-open{transform:none}
  /* se a barra fixa de comprar estiver na tela, o painel sobe acima dela */
  .lumora-sticky-atc:not([hidden]) ~ .lumora-added,
  body:has(.lumora-sticky-atc:not([hidden])) .lumora-added{bottom:calc(64px + 12px)}
}

/* ---- pagina da sacola ---- */
.lumora-bag{padding-block:var(--lumora-s6) var(--lumora-s8)}
.lumora-bag__grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:56px;align-items:start}
.lumora-bag__head{display:flex;align-items:baseline;gap:12px;margin-bottom:var(--lumora-s4)}
.lumora-bag__title{font-size:clamp(1.6rem,4vw,2.1rem);font-weight:700;letter-spacing:-.02em;margin:0}
.lumora-bag__count{font-size:.9rem;color:var(--lumora-gray-500)}
.lumora-bag__ship{margin-bottom:var(--lumora-s5)}
.lumora-bag__ship p{margin:0 0 8px;font-size:.85rem;color:var(--lumora-gray-700)}
.lumora-bag__ship strong{color:var(--lumora-ink)}
.lumora-bag__bar{height:3px;background:var(--lumora-hairline);overflow:hidden}
.lumora-bag__bar span{display:block;height:100%;background:var(--lumora-ink);transition:width .3s var(--lumora-ease)}

.lumora-bagline{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:18px;
  padding:20px 0;border-top:1px solid var(--lumora-hairline)}
/* O 1/1 tem que estar na CAIXA, nao na imagem: como item de grid ela esticava
   ate a altura da linha (96x137 no mobile) e o `height:100%` da img anulava o
   aspect-ratio dela. `align-self:start` impede o esticao. */
.lumora-bagline__media{display:block;background:#fff;border:1px solid var(--lumora-hairline);
  aspect-ratio:1/1;align-self:start}
.lumora-bagline__media img{width:100%;height:100%;object-fit:contain;display:block}
.lumora-bagline__info{display:flex;flex-direction:column;gap:4px;min-width:0}
.lumora-bagline__name{font-size:.95rem;font-weight:700;color:var(--lumora-ink);text-decoration:none;line-height:1.3}
.lumora-bagline__name:hover{text-decoration:underline}
.lumora-bagline__sub{font-size:.84rem;color:var(--lumora-gray-500)}
.lumora-bagline__spec{font-size:.84rem;color:var(--lumora-gray-700)}
.lumora-bagline__spec strong{color:var(--lumora-ink);font-weight:600}
.lumora-bagline__tools{display:flex;align-items:center;gap:16px;margin-top:10px}
.lumora-bagline__qty{display:inline-flex;align-items:center;border:1px solid var(--lumora-hairline)}
.lumora-bagline__qty button{appearance:none;background:none;border:0;width:34px;height:34px;cursor:pointer;
  font-size:1rem;line-height:1;color:var(--lumora-ink)}
.lumora-bagline__qty button:hover{background:var(--lumora-paper)}
.lumora-bagline__qty span{min-width:26px;text-align:center;font-size:.86rem;font-weight:600}
.lumora-bagline__rm{appearance:none;background:none;border:0;padding:0;cursor:pointer;font:inherit;
  font-size:.82rem;color:var(--lumora-gray-500);text-decoration:underline}
.lumora-bagline__rm:hover{color:var(--lumora-ink)}
.lumora-bagline__price{text-align:right;white-space:nowrap;display:flex;flex-direction:column;gap:3px}
.lumora-bagline__now{font-size:.95rem;font-weight:700}
.lumora-bagline__was{font-size:.82rem;color:var(--lumora-gray-500);text-decoration:line-through}
.lumora-bag__continue{display:inline-block;margin-top:22px;font-size:.85rem;font-weight:700;
  color:var(--lumora-ink);border-bottom:1px solid var(--lumora-ink);padding-bottom:1px;text-decoration:none}
.lumora-bag__continue:hover{opacity:.6}

.lumora-sum{border:1px solid var(--lumora-hairline);padding:22px;position:sticky;
  top:calc(var(--lumora-header-h) + 16px)}
.lumora-sum__title{font-size:1.05rem;font-weight:700;margin:0 0 16px}
.lumora-sum__row{display:flex;justify-content:space-between;gap:14px;padding:7px 0;font-size:.88rem;
  color:var(--lumora-gray-700)}
.lumora-sum__row span:last-child{color:var(--lumora-ink);font-weight:500}
.lumora-sum__muted{color:var(--lumora-gray-500)!important;font-weight:400!important;font-size:.82rem}
.lumora-sum__row--save span:last-child{color:var(--lumora-sale)}
.lumora-sum__total{display:flex;justify-content:space-between;gap:14px;margin-top:12px;padding-top:14px;
  border-top:1px solid var(--lumora-hairline);font-size:1rem;font-weight:700}
.lumora-sum__checkout{display:flex;align-items:center;justify-content:center;min-height:52px;margin-top:18px;
  background:var(--lumora-ink);color:#fff;font-size:.88rem;font-weight:700;letter-spacing:.03em;
  text-transform:uppercase;text-decoration:none;transition:opacity .15s}
.lumora-sum__checkout:hover{opacity:.85}
.lumora-sum__checkout--inline{display:inline-flex;padding-inline:26px;margin-top:22px}
.lumora-sum__note{margin:10px 0 0;font-size:.76rem;color:var(--lumora-gray-500);text-align:center}
.lumora-sum__trust{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--lumora-hairline);
  display:grid;gap:6px}
.lumora-sum__trust li{font-size:.78rem;color:var(--lumora-gray-700);padding-left:14px;position:relative}
.lumora-sum__trust li::before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;
  border-radius:50%;background:var(--lumora-gray-500)}
.lumora-sum__pay{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.lumora-sum__pay .lumora-pay-ic{height:22px;width:auto}
.lumora-bag__empty{padding:60px 0 90px;text-align:center}
.lumora-bag__empty p{color:var(--lumora-gray-500);margin:10px 0 0}

@media (max-width:900px){
  .lumora-bag__grid{grid-template-columns:1fr;gap:32px}
  .lumora-sum{position:static}
  .lumora-bagline{grid-template-columns:96px minmax(0,1fr);gap:14px}
  .lumora-bagline__price{grid-column:2;text-align:left;flex-direction:row;align-items:baseline;gap:8px}
}

/* ---- estimador de imposto + checkout dinamico na sacola ---- */
.lumora-sum__taxfrom{margin:-2px 0 8px;font-size:.75rem;color:var(--lumora-gray-500);line-height:1.4}
.lumora-sum__taxfrom a{color:var(--lumora-ink);text-decoration:underline}
.lumora-sum__checkout{border:0;width:100%;cursor:pointer;font-family:inherit}
  font-weight:700!important;letter-spacing:.03em}
  text-decoration:underline;color:var(--lumora-gray-700)}

/* ---- cupom na sacola ---- */
.lumora-promo{border-bottom:1px solid var(--lumora-hairline);margin:0 0 10px;padding-bottom:4px}
.lumora-promo__toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;
  appearance:none;background:none;border:0;padding:10px 0;cursor:pointer;font:inherit;
  font-size:.86rem;font-weight:600;color:var(--lumora-ink);text-align:left}
.lumora-promo__toggle svg{width:16px;height:16px;flex:0 0 auto;transition:transform .18s var(--lumora-ease)}
.lumora-promo.is-open .lumora-promo__toggle svg{transform:rotate(180deg)}
.lumora-promo__body[hidden]{display:none}
.lumora-promo__row{display:flex;gap:8px;padding-bottom:8px}
.lumora-promo__row input{flex:1;min-width:0;font:inherit;font-size:.85rem;padding:0 11px;height:42px;
  border:1px solid var(--lumora-hairline);background:#fff;color:var(--lumora-ink)}
.lumora-promo__row input:focus{outline:none;border-color:var(--lumora-ink);box-shadow:inset 0 0 0 1px var(--lumora-ink)}
.lumora-promo__apply{appearance:none;height:42px;padding:0 18px;cursor:pointer;font:inherit;
  font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;
  background:#fff;color:var(--lumora-ink);border:1px solid var(--lumora-ink);transition:background .15s}
.lumora-promo__apply:hover{background:var(--lumora-ink);color:#fff}
.lumora-promo__apply:disabled{opacity:.5;cursor:default}
.lumora-promo__msg{margin:0 0 8px;font-size:.78rem;color:var(--lumora-sale)}
.lumora-promo__on{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 11px;margin:8px 0 2px;background:var(--lumora-paper);font-size:.82rem}
.lumora-promo__code{font-weight:700;letter-spacing:.03em;text-transform:uppercase}
.lumora-promo__val{color:var(--lumora-sale);font-weight:700}

/* ---- recomendacoes na sacola ---- */
.lumora-bagrecs{margin-top:64px;padding-top:36px;border-top:1px solid var(--lumora-hairline)}
.lumora-bagrecs__ttl{font-size:clamp(1.15rem,2.4vw,1.4rem);font-weight:700;letter-spacing:-.01em;margin:0 0 22px}
.lumora-bagrecs__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--lumora-s6) var(--lumora-s4)}
@media (max-width:900px){.lumora-bagrecs__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--lumora-s5) var(--lumora-s3)}}

/* Um unico botao de checkout dinamico: o Shopify renderiza todas as carteiras
   habilitadas (Shop Pay, PayPal, Google/Apple Pay) empilhadas. Como so as
   carteiras SUPORTADAS pelo navegador chegam a renderizar, mostrar a primeira ja
   entrega "o checkout que o cliente usa" — Apple Pay no Safari, Google Pay no
   Chrome — sem uma pilha de quatro botoes competindo com o CHECKOUT principal. */


/* fica colada no cabecalho: anula o padding-top do .lumora-main */
.lumora-bagpromo{display:block;margin:calc(var(--lumora-s5) * -1) 0 var(--lumora-s5);
  padding:14px 20px;text-align:center;background:var(--lumora-paper);
  border-top:1px solid var(--lumora-hairline);border-bottom:1px solid var(--lumora-hairline);
  color:var(--lumora-ink);font-size:.86rem;line-height:1.4;text-decoration:none}
.lumora-bagpromo b{font-weight:700;letter-spacing:.03em}
.lumora-bagpromo:hover{background:#efefef}
.lumora-bagpromo:hover b{text-decoration:underline}

/* ---- promocao por quantidade: mesma barra de progresso do frete gratis ---- */
.lumora-deals{margin:0 0 var(--lumora-s5);padding-bottom:var(--lumora-s5);border-bottom:1px solid var(--lumora-hairline)}
.lumora-deals > p{margin:0 0 10px;font-size:.86rem;line-height:1.45;color:var(--lumora-gray-700)}
.lumora-deals strong{color:var(--lumora-ink);font-weight:700}
.lumora-deals__bar{display:flex;align-items:center;gap:10px}
.lumora-deals__bar > span{flex:1;height:5px;background:var(--lumora-hairline);overflow:hidden;position:relative}
.lumora-deals__bar i{display:block;height:100%;background:var(--lumora-ink);transition:width .3s var(--lumora-ease)}
/* traco do degrau intermediario, desenhado por cima do preenchimento */
.lumora-deals__bar u{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;
  background:#fff;text-decoration:none}
.lumora-deals__bar b{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--lumora-gray-500);white-space:nowrap}
.lumora-deals.is-half .lumora-deals__bar i,
.lumora-deals.is-max .lumora-deals__bar i{background:#1f7a4d}
.lumora-deals.is-max .lumora-deals__bar b{color:#1f7a4d}
.lumora-deals__note{margin:10px 0 0;font-size:.78rem;color:var(--lumora-gray-500)}

/* ---- frete gratis no resumo, logo acima do botao ---- */
.lumora-freeship{margin:14px 0 16px}
.lumora-freeship p{margin:0 0 10px;font-size:.82rem;line-height:1.45;color:var(--lumora-gray-700)}
.lumora-freeship strong{color:var(--lumora-ink);font-weight:700}
.lumora-freeship__bar{display:flex;align-items:center;gap:10px}
.lumora-freeship__bar > span{flex:1;height:5px;background:var(--lumora-hairline);overflow:hidden}
.lumora-freeship__bar i{display:block;height:100%;background:#1f7a4d;transition:width .3s var(--lumora-ease)}
.lumora-freeship__bar b{font-size:.76rem;font-weight:700;color:var(--lumora-gray-700);white-space:nowrap}
.lumora-freeship.is-done p{color:var(--lumora-ink)}

/* ---- dica dentro da aba de cupom ---- */
.lumora-promo__hint{margin:0 0 8px;font-size:.75rem;color:var(--lumora-gray-500)}

/* ---- correcoes da auditoria (2026-08-09) ---- */
/* H1 fora da tela mas legivel por leitor de tela (nao usa display:none) */
.lumora-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* WCAG 2.2 AA (2.5.8): alvo de toque minimo 24x24. Cresce a AREA CLICAVEL sem
   mudar o desenho — por isso padding + margin negativa, e nao width/height. */
.vsr__dot{position:relative}
.vsr__dot::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:24px;height:24px}
.lumora-opt__guide,.lumora-plp__more,.lumora-fit__guide{padding-block:4px}

/* ---- pagina da wishlist ---- */
/* `lumora-wishpage` e nao `lumora-wish`: esse ultimo ja e o coracao do card, absoluto */
.lumora-wishpage{padding-top:var(--lumora-s6)}
.lumora-wishpage__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--lumora-s6) var(--lumora-s4)}
@media (max-width:900px){.lumora-wishpage__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--lumora-s5) var(--lumora-s3)}}
.lumora-wishcard{position:relative;display:flex;flex-direction:column}
.lumora-wishcard__media{display:block;background:#fff;aspect-ratio:1/1;overflow:hidden;margin-bottom:12px}
.lumora-wishcard__media img{width:100%;height:100%;object-fit:contain;display:block}
.lumora-wishcard__body{display:flex;flex-direction:column;gap:6px;flex:1}
.lumora-wishcard__name{font-size:.86rem;font-weight:500;line-height:1.3;color:var(--lumora-ink);text-decoration:none;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.lumora-wishcard__name:hover{text-decoration:underline}
.lumora-wishcard__price{display:flex;gap:8px;align-items:baseline;font-size:.88rem}
.lumora-wishcard__now{font-weight:700}
.lumora-wishcard__was{color:var(--lumora-gray-500);text-decoration:line-through;font-size:.8rem}
.lumora-wishcard__cta{margin-top:auto;text-align:center;font-size:.78rem;padding:11px 14px}
.lumora-wishcard__out{margin-top:auto;font-size:.8rem;color:var(--lumora-gray-500)}
/* o X fica sobre a foto, com area de toque de 32px (WCAG 2.5.8) */
.lumora-wishcard__rm{position:absolute;top:8px;right:8px;z-index:2;width:32px;height:32px;
  display:flex;align-items:center;justify-content:center;font-size:1.15rem;line-height:1;
  background:#fff;border:1px solid var(--lumora-hairline);color:var(--lumora-ink);cursor:pointer;padding:0}
.lumora-wishcard__rm:hover{background:var(--lumora-ink);color:#fff;border-color:var(--lumora-ink)}
.lumora-wishpage__empty{padding:var(--lumora-s7) 0;max-width:34ch}
.lumora-wishpage__empty p{margin:0 0 8px;font-size:.92rem;line-height:1.5;color:var(--lumora-gray-700)}
.lumora-wishpage__empty .lumora-btn{margin-top:14px}
/* contador do coracao no cabecalho: mesma linguagem do contador da sacola */
.lumora-wish-count{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;
  display:flex;align-items:center;justify-content:center;background:var(--lumora-ink);color:#fff;
  font-size:.62rem;font-weight:700;border-radius:999px;line-height:1}

/* Seletor de familia (Hombre / Manga Larga / Player / Niños...). Substituiu os
   dois cartoes grandes do lumora-jtype: mesma funcao em 1/4 da altura. */
.lumora-fam{margin:2px 0 18px}
.lumora-fam__title{display:block;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#767677;margin-bottom:9px}
.lumora-fam__row{display:flex;flex-wrap:wrap;gap:6px}
.lumora-fam__opt{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border:1px solid #dcdcde;border-radius:4px;
  background:#fff;color:#1a1a1a;font-size:12.5px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;
  transition:border-color .15s ease,background-color .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}
a.lumora-fam__opt:hover{border-color:#1a1a1a}
.lumora-fam__opt.is-on{background:#111;border-color:#111;color:#fff;cursor:default}
.lumora-fam__opt.is-out{color:#9a9a9c;border-style:dashed}
.lumora-fam__opt.is-out .lumora-fam__d{color:#9a9a9c}
.lumora-fam__d{font-style:normal;font-size:11.5px;font-weight:600;color:#767677}
.lumora-fam__d--menos{color:#0a7d3f}
@media(max-width:749px){.lumora-fam__opt{height:32px;font-size:12px;padding:0 12px}}


.lumora-header__logo{grid-column:2;justify-self:center}
.lumora-nav{grid-column:1;justify-self:start}
.lumora-nav__link--active{border-bottom-color:currentColor}

/* ---- Header transparente sobre o hero (home) → branco ao rolar ---------- */
.lumora-header__logo{position:relative;display:inline-flex;align-items:center}
.lumora-header__logo-img{display:block;height:30px;width:auto;transition:opacity var(--lumora-dur) var(--lumora-ease)}
.lumora-header__logo-img--black{position:absolute;left:0;top:50%;transform:translateY(-50%)}

.template-index .lumora-main{padding-top:0}
.template-index .lumora-header{
  position:fixed;top:var(--lumora-ann-h);left:0;right:0;width:100%;
  background:transparent;border-bottom-color:transparent;
  transition:background var(--lumora-dur) var(--lumora-ease),border-color var(--lumora-dur) var(--lumora-ease),top var(--lumora-dur) var(--lumora-ease);
}
.template-index .lumora-header .lumora-header__logo-img--cream{opacity:1}
.template-index .lumora-header .lumora-header__logo-img--black{opacity:0}
.template-index .lumora-header .lumora-nav__link,
.template-index .lumora-header .lumora-iconbtn,
.template-index .lumora-header .lumora-burger,
.template-index .lumora-header .lumora-search input{color:var(--lumora-cream)}
.template-index .lumora-header .lumora-nav__link:hover{border-bottom-color:var(--lumora-cream)}
.template-index .lumora-header .lumora-search{background:rgba(255,255,255,.14)}
.template-index .lumora-header .lumora-search input::placeholder{color:rgba(255,251,242,.7)}
.template-index .lumora-header .lumora-search:focus-within{border-color:var(--lumora-cream)}

.template-index .lumora-header.is-scrolled{top:0;background:var(--lumora-white);border-bottom-color:var(--lumora-hairline)}
.template-index .lumora-header.is-scrolled .lumora-header__logo-img--cream{opacity:0}
.template-index .lumora-header.is-scrolled .lumora-header__logo-img--black{opacity:1}
.template-index .lumora-header.is-scrolled .lumora-nav__link,
.template-index .lumora-header.is-scrolled .lumora-iconbtn,
.template-index .lumora-header.is-scrolled .lumora-burger,
.template-index .lumora-header.is-scrolled .lumora-search input{color:var(--lumora-ink)}
.template-index .lumora-header.is-scrolled .lumora-nav__link:hover{border-bottom-color:var(--lumora-ink)}
.template-index .lumora-header.is-scrolled .lumora-search{background:var(--lumora-paper)}
.template-index .lumora-header.is-scrolled .lumora-search input::placeholder{color:var(--lumora-gray-500)}

/* ---- Hero da home: vídeo full-bleed com conteúdo centralizado ------------ */
.template-index .lumora-hero{min-height:100vh}
.template-index .lumora-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,.15) 40%,rgba(0,0,0,.35));pointer-events:none}
.template-index .lumora-hero__inner{position:absolute;inset:0;left:0;right:0;bottom:0;padding-block:0;display:flex;align-items:center;justify-content:center}
.template-index .lumora-hero__content{max-width:640px;text-align:center;display:flex;flex-direction:column;align-items:center}
.template-index .lumora-hero__title{
  font-family:var(--lumora-font-ui);font-weight:500;text-transform:uppercase;
  letter-spacing:.32em;font-size:clamp(1.6rem,4vw,3rem);color:var(--lumora-cream);
  position:relative;padding-bottom:22px;margin-bottom:var(--lumora-s4);
}
.template-index .lumora-hero__title::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:64px;height:1px;background:rgba(255,251,242,.55)}
.template-index .lumora-hero__cta{justify-content:center}
.template-index .lumora-hero .lumora-btn--light{background:var(--lumora-gold);border-color:var(--lumora-gold);color:#171310;letter-spacing:.16em}
.template-index .lumora-hero .lumora-btn--light:hover{background:transparent;color:var(--lumora-cream);border-color:var(--lumora-cream)}
.template-index .lumora-hero .lumora-btn--light::after{display:none}
@media (max-width:600px){.template-index .lumora-hero__title{letter-spacing:.22em}}