/** Shopify CDN: Minification failed

Line 112:104 Expected ":"

**/
/* BySammy — Casa de Perfumaria | Tema Shopify (Burnt Sienna / Bento Editorial) */
:root{
  --background:#fdf9f6;
  --foreground:#3a2318;
  --ink:#2b1a12;
  --terra:#6b3a2a;
  --sienna:#a0522d;
  --copper:#cd7f32;
  --gold:#e8c07a;
  --champagne:#f3e3cd;
  --muted:#efe6de;
  --muted-foreground:#7a6152;
  --border:#e4d7cc;
  --radius:2px;
  --font-serif:"Cormorant Garamond","Playfair Display",ui-serif,Georgia,serif;
  --font-sans:"Karla",ui-sans-serif,system-ui,-apple-system,sans-serif;
  --wrap:1400px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
h1,h2,h3,h4,.serif{font-family:var(--font-serif);font-weight:300;letter-spacing:-0.01em;margin:0}
em{font-style:italic}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
@media(min-width:768px){.wrap{padding:0 40px}}
.eyebrow{font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--copper)}
.muted{color:var(--muted-foreground)}
.center{text-align:center}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:16px;top:16px;background:var(--ink);color:var(--background);padding:10px 16px;z-index:100}

/* Botões */
.btn{display:inline-block;border:1px solid var(--ink);color:var(--ink);background:transparent;padding:14px 32px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;transition:.3s;border-radius:var(--radius)}
.btn:hover{background:var(--ink);color:var(--background)}
.btn--solid{background:var(--terra);border-color:var(--terra);color:var(--background)}
.btn--solid:hover{background:var(--copper);border-color:var(--copper)}
.btn--gold{border-color:var(--gold);color:var(--gold)}
.btn--gold:hover{background:var(--gold);color:var(--terra)}
.btn--full{display:block;width:100%;text-align:center}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.link-underline{font-size:11px;letter-spacing:.25em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px}
.link-underline:hover{color:var(--copper)}

/* Campos */
.field{width:100%;padding:14px 16px;border:1px solid var(--border);background:transparent;font-family:var(--font-sans);font-size:14px;border-radius:var(--radius)}
.field:focus{outline:none;border-color:var(--copper)}
label{display:block;font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:8px}
.form-row{margin-bottom:18px}
.errors{background:var(--champagne);border-left:2px solid var(--sienna);padding:12px 16px;font-size:14px;margin-bottom:20px}

/* Cabeçalho */
.header{position:sticky;top:0;z-index:40;background:rgba(253,249,246,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.header__inner{display:flex;justify-content:space-between;align-items:center;height:80px}
.header__nav{display:none;gap:32px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted-foreground)}
.header__nav a:hover{color:var(--ink)}
@media(min-width:1024px){.header__nav{display:flex;flex:1}}
.header__logo{font-family:var(--font-serif);font-size:28px;color:var(--ink);line-height:1;text-align:center}
@media(min-width:1024px){.header__logo{flex:0 0 auto}}
.header__logo span{display:block;font-family:var(--font-sans);font-size:9px;letter-spacing:.5em;text-transform:uppercase;color:var(--copper);margin-top:4px}
.header__actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;color:var(--muted-foreground);flex:1}
@media(min-width:768px){.header__actions{gap:22px}}
.header__actions a:hover,.header__actions button:hover{color:var(--ink)}
.header__actions button{background:none;border:0;color:inherit;padding:0;display:flex;align-items:center;gap:8px}
.cart-count{font-size:11px;letter-spacing:.15em}
.hide-mobile{display:none}
@media(min-width:1024px){.hide-mobile{display:inline-flex}}

/* Bento */
.bento{display:grid;grid-template-columns:1fr;gap:12px;padding:24px 0 40px}
@media(min-width:1024px){.bento{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:16px;height:800px;padding:32px 0 48px}}
.tile{position:relative;overflow:hidden;border-radius:var(--radius);min-height:280px}
.tile__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s;opacity:0.8}
.tile:hover .tile__bg{transform:scale(1.05)}
.tile__body{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:28px}
@media(min-width:768px){.tile__body{padding:48px}}
.tile--hero{background:var(--terra);min-height:500px}
@media(min-width:1024px){.tile--hero{grid-column:span 2;grid-row:span 2;min-height:auto}}
.tile--hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,oklch(0.24 0.045 40),rgba(107,58,42,.35),transparent);z-index:1}
.tile--hero h1{color:var(--gold);font-size:clamp(48px,8vw,96px);font-style:italic;line-height:0.9;margin-bottom:24px;font-weight:300}
.tile--wide{background:var(--sienna);display:flex;flex-direction:column}
@media(min-width:1024px){.tile--wide{grid-column:span 2;flex-direction:row}}
.tile--wide .tile__text{flex:1;padding:28px;display:flex;flex-direction:column;justify-content:center}
@media(min-width:768px){.tile--wide .tile__text{padding:48px}}
.tile--wide h2{color:var(--gold);font-size:clamp(32px,4vw,48px);margin-bottom:24px}
.tile--wide .tile__desc{color:rgba(232,192,122,.7);font-size:14px;margin:0 0 32px;max-width:240px;line-height:1.6}
.tile--wide .tile__media{position:relative;width:100%;height:200px;overflow:hidden;display:block}
@media(min-width:1024px){.tile--wide .tile__media{width:50%;height:auto}}
.tile--wide .tile__media img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.tile--wide .tile__media:hover img{transform:scale(1.05)}
.tile__overlay-content{position:absolute;inset:auto 0 0 0;padding:16px;background:linear-gradient(to top,rgba(0,0,0,0.6),transparent);display:flex;justify-content:space-between;align-items:flex-end;color:var(--gold);z-index:10}
.tile__product-title{font-family:var(--font-serif);font-size:18px}
.tile__product-price{font-family:var(--font-sans);font-size:10px;letter-spacing:.2em;font-weight:500}
.tile--copper{background:var(--copper);display:flex;align-items:center;justify-content:center;text-align:center;padding:32px;text-decoration:none}
.tile__bg--grayscale{opacity:.2;filter:grayscale(1);transition:.7s}
.tile--copper:hover .tile__bg--grayscale{opacity:.4;filter:grayscale(0)}
.tile__content{position:relative;z-index:2;padding:32px}
.tile__content h3{color:var(--background);font-size:clamp(28px,3.5vw,40px);font-style:italic}
.tile__separator{display:block;width:48px;height:1px;background:rgba(253,249,246,.6);margin:16px auto}
.tile__subtitle{color:rgba(253,249,246,.9);font-size:11px;letter-spacing:.3em;text-transform:uppercase;margin:0}
.tile--highlight{background:#F8F3ED;border:1px solid rgba(107,58,42,.05);padding:32px;display:flex;flex-direction:column;justify-content:space-between}
.tile__label{color:var(--terra);font-size:10px;letter-spacing:.3em;text-transform:uppercase;font-weight:700;margin:0 0 12px;opacity:0.8}
.tile--highlight h3{color:var(--terra);font-size:clamp(26px,3vw,36px);line-height:1.1}
.tile__media-bottom{position:relative;height:128px;margin-top:16px;display:flex;align-items:flex-end;justify-content:flex-end}
.tile__img-contain{height:100%;width:auto;object-fit:contain;transition:transform .7s;mix-blend-multiply}
.tile--highlight:hover .tile__img-contain{transform:scale(1.1)}
.tile__soon{color:var(--terra);opacity:0.6;font-size:10px;letter-spacing:.2em;text-transform:uppercase}
.tile__kicker{color:rgba(232,192,122,.8);font-size:10px;letter-spacing:.35em;text-transform:uppercase;margin-bottom:16px;display:block}
.tile__lede{color:rgba(232,192,122,.8);font-size:12px;letter-spacing:.25em;text-transform:uppercase;margin:0 0 40px;max-width:20rem;line-height:1.6}


/* Marquee */
.marquee{border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden}
.marquee__track{display:flex;white-space:nowrap;padding:20px 0;animation:marquee 40s linear infinite}
.marquee__track span{margin:0 40px;font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--muted-foreground)}
.marquee__track i{color:var(--copper);margin-left:40px;font-style:normal}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Desempenho */
.craft,.footer{content-visibility:auto;contain-intrinsic-size:auto 720px}
.card__media{contain:layout paint}
@media (prefers-reduced-motion: reduce){
  .marquee__track{animation:none}
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important;animation-iteration-count:1 !important}
}

/* Secções */
.section{padding:64px 0}
@media(min-width:768px){.section{padding:96px 0}}
.section__head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px;margin-bottom:64px}
.section__head h2{font-size:clamp(34px,5vw,60px);color:var(--ink);max-width:36rem;line-height:1.05}
.section__head p{max-width:24rem;font-size:14px;color:var(--muted-foreground)}

/* Grelha de produtos */
.product-grid{display:grid;grid-template-columns:1fr;gap:64px 32px}
@media(min-width:640px){.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}
.card{display:block}
.card__media{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--muted)}
.card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .7s}
.card__media img.is-alt{opacity:0;transform:scale(1.05)}
.card:hover .card__media img.is-main{opacity:0}
.card:hover .card__media img.is-alt{opacity:1}
.card__add{position:absolute;right:16px;bottom:16px;height:44px;width:44px;border-radius:999px;border:0;background:rgba(253,249,246,.95);color:var(--ink);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(8px);transition:.3s}
.card:hover .card__add{opacity:1;transform:none}
.card__add:hover{background:var(--copper);color:#fff}
.card__info{margin-top:20px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.card__info h3{font-size:21px;color:var(--ink);line-height:1.2}
.card:hover .card__info h3{color:var(--copper)}
.card__meta{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:var(--muted-foreground);margin:6px 0 0}
.card__price{font-family:var(--font-serif);font-size:19px;color:var(--ink);white-space:nowrap}
.price--was{color:rgba(28,26,24,.45);font-size:.8em;margin-right:8px;text-decoration:line-through}
.price--now{color:var(--sienna)}
.price-badge{position:absolute;top:12px;left:12px;z-index:2;background:var(--sienna);color:#fff;font-family:var(--font-sans);font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:5px 9px;border-radius:2px}
.price-badge--inline{position:static;display:inline-block;margin-left:10px;vertical-align:middle}

/* Ateliê / Auto */
.craft{background:var(--ink);color:var(--background);padding:112px 0}
.craft__grid{display:grid;gap:48px;align-items:center}
@media(min-width:1024px){.craft__grid{grid-template-columns:5fr 7fr}}
.craft h2{font-size:clamp(34px,5vw,60px);line-height:1.05}
.craft h2 em{color:var(--copper)}
.craft p{color:rgba(253,249,246,.7);max-width:28rem}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 32px;margin-top:56px}
.stats div{border-top:1px solid rgba(253,249,246,.2);padding-top:16px}
.stats b{display:block;font-family:var(--font-serif);font-size:44px;font-weight:300}
.stats small{display:block;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:rgba(253,249,246,.6);margin-top:8px}
.craft__media{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.craft__media img{aspect-ratio:3/4;object-fit:cover;width:100%;height:auto;display:block}
.craft__media img:last-child{margin-top:64px}
.split{display:grid;gap:40px;align-items:center}
@media(min-width:1024px){.split{grid-template-columns:7fr 5fr}}
.split img{width:100%;height:auto;display:block;aspect-ratio:16/10;object-fit:cover}

/* Newsletter */
.newsletter{background:rgba(243,227,205,.4);padding:112px 0;text-align:center}
.newsletter__inner{max-width:640px;margin:0 auto;padding:0 24px}
.newsletter h2{font-size:clamp(32px,4.5vw,52px);color:var(--ink)}
.newsletter form{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.newsletter .field{flex:1;min-width:220px;background:var(--background)}

/* Produto */
.product{display:grid;gap:56px;padding:56px 0 96px}
@media(min-width:1024px){.product{grid-template-columns:1.1fr .9fr;gap:72px}}
.gallery__main img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--muted)}
.gallery__thumbs{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}
.gallery__thumbs button{width:76px;height:94px;padding:0;border:1px solid var(--border);background:none;overflow:hidden}
.gallery__thumbs button[aria-current="true"]{border-color:var(--copper)}
.gallery__thumbs img{width:100%;height:100%;object-fit:cover}

/* Colecções */
.collection-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:640px){.collection-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.collection-grid{grid-template-columns:repeat(3,1fr)}}
.collection-card{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--muted)}
.collection-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.collection-card:hover img{transform:scale(1.06)}
.collection-card__label{position:absolute;inset:auto 0 0 0;padding:24px;background:linear-gradient(to top,rgba(43,26,18,.85),transparent);color:var(--gold);font-family:var(--font-serif);font-size:26px}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:40px}

/* Rodapé */
.footer{background:var(--ink);color:var(--background);margin-top:128px}
.footer__grid{display:grid;gap:48px;padding:80px 0}
@media(min-width:768px){.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.footer__brand{font-family:var(--font-serif);font-size:40px}
.footer__bottom{border-top:1px solid rgba(253,249,246,.1)}
.footer__bottom .wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:24px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:rgba(253,249,246,.5)}

/* Filtros */
.collection-filters-and-content { display: grid; gap: 40px; }
@media(min-width: 1024px) { .collection-filters-and-content { grid-template-columns: 260px 1fr; } }
.filter-group { border-bottom: 1px solid var(--border); margin-bottom: 16px; }
.filter-group-summary { padding: 12px 0; cursor: pointer; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; list-style: none; display: flex; justify-content: space-between; align-items: center; }

/* Drawer & Menu Mobile */
.drawer{position:fixed;inset:0;z-index:80;visibility:hidden;pointer-events:none}
.drawer[aria-hidden="false"]{visibility:visible;pointer-events:auto}
.drawer__overlay{position:absolute;inset:0;background:rgba(43,26,18,.42);opacity:0;transition:opacity .35s ease}
.drawer[aria-hidden="false"] .drawer__overlay{opacity:1}
.drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(440px,100%);background:var(--background);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .4s cubic-bezier(.22,1,.36,1);box-shadow:-18px 0 60px rgba(43,26,18,.12)}
.drawer[aria-hidden="false"] .drawer__panel{transform:none}
.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:26px 28px;border-bottom:1px solid var(--border)}
.drawer__head h2{font-family:var(--font-serif);font-size:26px;font-weight:400;margin:0;color:var(--ink)}
.drawer__close{background:none;border:0;font-size:32px;line-height:1;color:var(--ink);cursor:pointer}
.drawer__body{flex:1;overflow-y:auto;padding:24px 28px}
.drawer__foot{border-top:1px solid var(--border);padding:24px 28px}
body.drawer-open{overflow:hidden}

.menu-drawer{position:fixed;top:0;left:0;width:100%;max-width:320px;height:100%;background:var(--background);z-index:101;display:flex;flex-direction:column;transform:translateX(-100%);transition:transform .4s cubic-bezier(.16,1,.3,1);box-shadow: 20px 0 50px rgba(0,0,0,0.1);}
.menu-drawer[aria-hidden="false"]{transform:none}
.menu-drawer__overlay{position:fixed;inset:0;background:rgba(43,26,18,.3);backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;transition:opacity .4s}
.menu-drawer[aria-hidden="false"] + .menu-drawer__overlay{opacity:1;pointer-events:auto}
.menu-drawer__head{padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}
.menu-drawer__nav{padding:24px;display:flex;flex-direction:column;gap:24px}
.menu-drawer__nav a{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.mobile-nav-toggle{display:flex;align-items:center;background:none;border:0;padding:0;color:var(--muted-foreground)}
@media(min-width:1024px){.mobile-nav-toggle{display:none}}

/* Barra de anúncios */
.announcement{position:relative;background:var(--ink);color:var(--background)}
.announcement__inner{position:relative;height:40px;display:grid;place-items:center;overflow:hidden}
.announcement__item{position:absolute;margin:0;opacity:0;visibility:hidden;transition:opacity .6s ease;font-size:10px;letter-spacing:.32em;text-transform:uppercase;text-align:center;padding:0 40px}
.announcement__item.is-active{opacity:1;visibility:visible}

/* Ajustes responsivos */
@media(max-width:767px){
  .tile--hero h1{font-size:42px}
  .tile--wide h2{font-size:28px}
  .tile--wide .tile__text{padding:24px}
  .section__head h2{font-size:32px}
  .craft{padding:64px 0}
  .stats{margin-top:32px}
  .stats b{font-size:32px}
  .footer__grid{padding:48px 0}
}

.chip{position:relative;display:inline-flex;align-items:center;border:1px solid var(--border);padding:10px 18px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.chip--active,.chip:has(input:checked){border-color:var(--ink);background:var(--ink);color:var(--background)}
.chip--unavailable{opacity:.4;text-decoration:line-through}

.price--was{color:rgba(28,26,24,.45);font-size:.8em;margin-right:8px;text-decoration:line-through}
.price--now{color:var(--sienna)}
.price-badge{background:var(--sienna);color:#fff;font-size:10px;padding:4px 8px;border-radius:2px;text-transform:uppercase}
