html[data-storefront] .container{max-width:1240px}

html[data-storefront] .shop-topbar{border-bottom:1px solid var(--border);background:var(--bg)}

html[data-storefront] .shop-topbar::after{display:none}

html[data-storefront] .store-initial{background:var(--card-soft);color:var(--primary);border-radius:50%}

html[data-storefront] .store-brand{font-weight:600}
html[data-storefront] .store-brand .shop-brand-logo{width:44px;height:44px;object-fit:contain;flex-shrink:0;border:0;border-radius:0;background:transparent;padding:0}
html[data-storefront] .store-footer-brand{display:inline-flex;align-items:center;gap:10px;min-width:0}
html[data-storefront] .store-footer-brand img{width:36px;height:36px;object-fit:contain;flex-shrink:0;border:0;border-radius:0;background:transparent;padding:0}

.store-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:35px;align-items:center;padding:28px 0 46px}

.store-hero-copy{padding:20px 0}

.store-eyebrow{display:block;font-size:.68rem;letter-spacing:.16em;font-weight:700;color:var(--muted);margin-bottom:17px}

.store-hero h1{font-size:clamp(2.3rem,4.2vw,4rem);line-height:1.03;letter-spacing:-.045em;margin:0 0 22px;max-width:18ch;text-wrap:balance;overflow-wrap:anywhere}

.store-hero-tagline{font-family:Georgia,serif;font-weight:400;color:var(--primary);font-style:italic;font-size:clamp(1.5rem,2.8vw,2.5rem)!important;line-height:1.15!important}


.store-hero-text-only{grid-template-columns:1fr}
.store-hero-text-only .store-hero-copy{max-width:760px}

.store-hero-copy>p{font-size:1.05rem;max-width:36ch;line-height:1.65;margin-bottom:25px}

.store-cta{display:inline-flex;gap:35px;align-items:center;background:var(--primary);color:var(--primary-contrast)!important;padding:14px 20px;border-radius:8px;font-weight:600;text-decoration:none!important}

.store-cta:hover{filter:brightness(.92)}

.store-hero-note{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px;font-size:.75rem;color:var(--muted)}

.store-hero-note span+span{padding-left:16px;border-left:1px solid var(--border)}

.store-hero-art{position:relative;min-width:0;border-radius:20px;overflow:hidden;background:var(--card-soft);aspect-ratio:1.08}

.store-hero-art img{width:100%;height:100%;object-fit:cover;display:block;border:0;border-radius:0}

.store-intro{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:25px 0 4px;border-top:1px solid var(--border);scroll-margin-top:95px}

.store-intro .store-eyebrow{margin-bottom:8px}

.store-intro h2{margin:0;font-size:1.7rem}

.store-intro>p{margin:0;text-align:right;font-size:.8rem}

html[data-storefront] .category-bar{position:static;margin:18px 0 24px;gap:7px}

html[data-storefront] .chip{font-size:.85rem;font-weight:500;min-height:36px;padding:0 15px}

html[data-storefront] .chip-active{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}

html[data-storefront] .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}

html[data-storefront] .item{padding:0!important;border:0!important;background:transparent;border-radius:12px!important;gap:13px}

html[data-storefront] .item-media{border-radius:12px;position:relative}

html[data-storefront] .item-body{padding:0 3px;gap:6px}

html[data-storefront] .item-category{font-family:var(--f-body);font-size:.65rem;letter-spacing:.12em;color:var(--muted)}

html[data-storefront] .item h3{font-size:1.05rem;font-weight:600}

html[data-storefront] .price{font-size:1.05rem;font-weight:600}

html[data-storefront] .actions{padding:0 2px 12px;gap:10px}

html[data-storefront] .actions .btn,html[data-storefront] .actions button{border-radius:7px;min-height:39px;font-size:.83rem;font-weight:600}

html[data-storefront] .item:hover{transform:translateY(-2px);box-shadow:none!important}

.store-video-tag{position:absolute;left:12px;bottom:12px;padding:5px 10px;background:#fffaf0ed;color:#484c3d;border-radius:5px;font-size:.7rem;font-weight:600}

html[data-storefront] .shop-gallery-grid{grid-template-columns:minmax(0,1fr)}

html[data-storefront] .shop-gallery video{object-fit:contain;max-height:480px;background:var(--card-soft)}

html[data-storefront] .shop-copy{font-size:.94rem}

@media(max-width:850px){.store-hero{gap:22px}
.store-hero-note{gap:10px;font-size:.72rem}
.store-hero-note span+span{padding-left:10px}
}

@media(max-width:600px){.store-hero{grid-template-columns:1fr;padding:12px 0 28px;gap:16px}
.store-hero-copy{padding:12px 0 0}
.store-hero h1{font-size:2.65rem;max-width:18ch}
.store-hero-copy>p{font-size:.95rem;max-width:40ch;margin-bottom:20px}
.store-hero-note{margin-top:18px}
.store-hero-art{aspect-ratio:1.42}
.store-intro{display:block;padding-top:25px}
.store-intro h2{font-size:1.5rem}
.store-intro>p{text-align:left;margin-top:12px}
html[data-storefront] .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
html[data-storefront] .item h3{font-size:.92rem}
html[data-storefront] .actions{grid-template-columns:1fr 1fr;gap:6px}
html[data-storefront] .actions .btn,html[data-storefront] .actions button{padding:0 6px;min-height:44px}
html[data-storefront] .store-brand span{font-size:.88rem}
}

/* Layout choices affect only the catalog; product, cart and checkout keep their structure. */
html[data-layout="catalogo"] .store-hero,
html[data-layout="lista"] .store-hero{grid-template-columns:minmax(0,1fr) 180px;gap:24px;padding:18px 0 28px}
html[data-layout="catalogo"] .store-hero h1,
html[data-layout="lista"] .store-hero h1{font-size:clamp(2rem,3vw,2.8rem);max-width:none;margin-bottom:14px}
html[data-layout="catalogo"] .store-hero-tagline,
html[data-layout="lista"] .store-hero-tagline,
html[data-layout="catalogo"] .store-hero-copy>p:not(.store-hero-tagline),
html[data-layout="lista"] .store-hero-copy>p:not(.store-hero-tagline),
html[data-layout="catalogo"] .store-cta,
html[data-layout="lista"] .store-cta{display:none}
html[data-layout="catalogo"] .store-hero-art,
html[data-layout="lista"] .store-hero-art{aspect-ratio:1.5;border-radius:12px}
html[data-layout="catalogo"] .store-hero-note,
html[data-layout="lista"] .store-hero-note{margin-top:16px}
html[data-layout="catalogo"] .store-hero-text-only,
html[data-layout="lista"] .store-hero-text-only{grid-template-columns:1fr}
html[data-layout="catalogo"] .store-catalog{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}
html[data-layout="catalogo"] .store-catalog .item{background:var(--card);border:1px solid var(--border)!important;overflow:hidden}
html[data-layout="catalogo"] .store-catalog .item-media{border-radius:10px 10px 0 0}
html[data-layout="catalogo"] .store-catalog .item-body,
html[data-layout="catalogo"] .store-catalog .actions{padding-left:12px;padding-right:12px}
html[data-layout="lista"] .store-catalog{grid-template-columns:1fr;gap:16px}
html[data-layout="lista"] .store-catalog .item{display:grid;grid-template-columns:150px minmax(0,1fr) 170px;align-items:center;gap:24px;padding:16px!important;background:var(--card);border:1px solid var(--border)!important}
html[data-layout="lista"] .store-catalog .item-body{min-width:0;gap:12px}
html[data-layout="lista"] .store-catalog h3{font-size:1.12rem;overflow-wrap:anywhere}
html[data-layout="lista"] .store-catalog .actions{margin:0;padding:0;gap:8px}
html[data-layout="lista"] .store-catalog .store-video-tag{left:6px;bottom:6px;font-size:.65rem;padding:4px 6px}
@media(max-width:1000px){
  html[data-layout="catalogo"] .store-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:600px){
  html[data-layout="catalogo"] .store-hero,
  html[data-layout="lista"] .store-hero{grid-template-columns:minmax(0,1fr) 80px;gap:12px;padding:8px 0 20px}
  html[data-layout="catalogo"] .store-hero h1,
  html[data-layout="lista"] .store-hero h1{font-size:1.8rem}
  html[data-layout="catalogo"] .store-hero-art,
  html[data-layout="lista"] .store-hero-art{aspect-ratio:1}
  html[data-layout="catalogo"] .store-hero-text-only,
  html[data-layout="lista"] .store-hero-text-only{grid-template-columns:1fr}
  html[data-layout="catalogo"] .store-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
  html[data-layout="catalogo"] .store-catalog .item-body,
  html[data-layout="catalogo"] .store-catalog .actions{padding-left:8px;padding-right:8px}
  html[data-layout="lista"] .store-catalog .item{grid-template-columns:96px minmax(0,1fr);gap:12px;padding:12px!important}
  html[data-layout="lista"] .store-catalog .item-media{grid-row:1 / span 2;align-self:start}
  html[data-layout="lista"] .store-catalog .item-body{gap:6px}
  html[data-layout="lista"] .store-catalog h3{font-size:1rem}
  html[data-layout="lista"] .store-catalog .actions{grid-column:2;grid-template-columns:1fr 1fr}
}