:root{--orange:#c9461b;--purple:#3a3078;--ink:#22202b;--muted:#625e69;--line:#e8e5e9;--light:#f6f4f8}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:15px/1.5 system-ui,sans-serif;background:#fff}button,input,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:hover{color:var(--orange)}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.17;letter-spacing:-.035em}h1{font-size:clamp(31px,4vw,45px)}h2{font-size:clamp(24px,3vw,31px)}h3{font-size:17px}.wrap{width:min(1240px,calc(100% - 56px));margin:auto}.skip{position:fixed;top:-100px}.skip:focus{top:0;z-index:8;background:#fff}.top{background:var(--purple);color:#fff;font-size:12px;font-weight:650}.top .wrap{display:flex;justify-content:space-between;padding:7px 0}.top a:hover,footer a:hover{color:#ffd9c9}.site-header{position:sticky;top:0;z-index:5;background:white;border-bottom:1px solid var(--line)}.mast{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:15px 0}.mast img{height:49px;object-fit:contain}.mast form{display:flex;border:1px solid #d9d5df;border-radius:30px;padding:4px;align-items:center}.mast input{border:0;background:transparent;width:100%;min-width:0;padding:7px 12px;border-radius:20px}.mast form button{border:0;color:#fff;background:var(--orange);border-radius:50%;width:36px;height:36px;flex:none;font-size:25px;line-height:1}.bag{padding:8px 12px;border-radius:30px;border:1px solid var(--line);background:white;color:var(--purple);white-space:nowrap;font-weight:700}.bag b{display:inline-block;background:var(--purple);color:white;border-radius:20px;min-width:23px;text-align:center;margin-left:3px}#menu{display:flex;align-items:stretch;overflow-x:auto;scrollbar-width:thin}#menu a{white-space:nowrap;padding:11px 12px;font-size:12px;font-weight:650}#menu .all{background:var(--orange);color:white;border-radius:6px 6px 0 0}.banner{position:relative;display:grid;grid-template-columns:1.03fr 1fr;min-height:302px;background:var(--purple);color:white;overflow:hidden}.hero-copy{padding:clamp(25px,5vw,64px);align-self:center}.hero-copy h1{font-size:clamp(34px,4.8vw,67px);margin:8px 0 12px}.hero-copy p{max-width:34ch;margin-bottom:19px}.kicker{font-size:11px;font-weight:800;letter-spacing:.13em}.banner>img{width:100%;height:100%;position:absolute;right:0;top:0;width:49%;object-fit:cover}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--orange);color:#fff;border-radius:7px;padding:11px 17px;font-weight:750}.btn:hover{background:#a83614;color:white}.slides{position:absolute;z-index:1;bottom:10px;right:12px;background:#fff;color:var(--ink);border-radius:30px;display:flex;align-items:center;gap:9px;font-size:12px;padding:3px}.slides button{border:0;border-radius:50%;background:#f2edf6;width:30px;height:30px;font-size:21px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-top:12px;font-weight:650}.benefits span{padding:14px;text-align:center}.benefits span+span{border-left:1px solid var(--line)}.block{margin:34px 0 40px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:17px}.section-head a{font-weight:750;color:var(--purple);white-space:nowrap}.bubbles{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.bubbles a{text-align:center;font-weight:700}.bubbles .visual{border:3px solid var(--purple);border-radius:50%;width:min(126px,100%);aspect-ratio:1;margin:0 auto 9px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.tile{display:block;min-width:0}.visual{position:relative;aspect-ratio:1.15;overflow:hidden;background:#f2eff4;border-radius:5px}.visual img{width:100%;height:100%;object-fit:cover}.visual small{position:absolute;bottom:5px;left:5px;border-radius:4px;background:#fffe;color:#302845;padding:2px 5px;font-size:10px}.visual.fallback{display:grid;place-items:center;background:linear-gradient(145deg,#f4eff8,#e7dcef);color:var(--purple)}.fallback span{font-size:clamp(31px,4.7vw,75px);line-height:1}.tile h3{margin:9px 0 3px}.tile>span{font-size:13px;color:var(--muted)}.tile b{color:var(--orange)}.tile:hover img{transform:scale(1.035)}.tile img{transition:transform .18s ease}.secondary{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;background:#f3e9f7;overflow:hidden}.secondary>div{padding:27px}.secondary h2{margin:7px 0 15px}.secondary img{width:100%;height:190px;object-fit:cover}.page{min-height:60vh;padding:22px 0 45px}.crumb{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:18px}.muted{color:var(--muted);margin:8px 0 17px}.listing{display:grid;grid-template-columns:205px 1fr;gap:22px}.listing .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.filters{align-self:start;display:grid;gap:7px;padding:15px;border:1px solid var(--line);border-radius:6px}.filters strong{margin-bottom:4px}.filters a{font-size:13px;padding:3px 5px}.filters [aria-current]{background:#eee7f5;color:var(--purple);font-weight:750}.product-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:36px;align-items:start}.preview{position:sticky;top:130px}.preview .visual{aspect-ratio:1.08;background:#f7f6f8}.preview .visual img{object-fit:contain}.configuration .kicker{color:var(--purple);margin-bottom:5px}.configuration form{display:grid;gap:14px}fieldset{border:0;padding:0;margin:0;min-width:0}legend,.text-field{font-weight:750;font-size:14px}.options{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}.options label{position:relative;cursor:pointer}.options input{position:absolute;opacity:0}.options span{display:flex;align-items:center;gap:6px;padding:9px 11px;min-height:42px;border:1px solid #d9d4df;border-radius:6px;font-size:13px}.options input:checked+span{border-color:var(--purple);box-shadow:inset 0 0 0 1px var(--purple);background:#f5f0fa;color:var(--purple)}.options input:focus-visible+span,:focus-visible{outline:2px solid #8a52bc;outline-offset:2px}.color-icon{width:16px;height:16px;border-radius:50%;background:conic-gradient(#f8537f,#ffe055,#65a6ee,#f8537f)}.quantity table{margin-top:5px;width:100%;border-collapse:collapse;font-size:13px}.quantity th,.quantity td{border:1px solid var(--line);text-align:left;padding:8px}.quantity td label{cursor:pointer;display:block}.quantity tr:has(input:checked){background:#f5f0fa}.quantity input{accent-color:var(--purple)}.text-field{display:grid;gap:4px}.text-field input,.text-field textarea{width:100%;padding:9px;border:1px solid #d9d4df;border-radius:6px;font-weight:400}.spec-heading{font-size:21px}#spec-list{margin:0}#spec-list div{display:grid;grid-template-columns:1fr 1.5fr;gap:9px;border-top:1px solid var(--line);padding:8px 0;font-size:13px}dt{font-weight:750}dd{margin:0}.buy-bar{position:fixed;bottom:0;left:0;right:0;z-index:4;background:white;border-top:1px solid var(--line);box-shadow:0 -4px 18px #0001}.buy-inner{display:grid;grid-template-columns:1fr auto auto;gap:17px;align-items:center;padding:12px 0}.buy-inner span{display:block;color:var(--muted);font-size:12px}.buy-inner>strong{color:var(--purple)}.detail footer{margin-bottom:85px}footer{background:var(--purple);color:white}.foot{display:flex;justify-content:space-between;gap:17px;padding:30px 0}.foot a{display:block}dialog{width:min(560px,calc(100% - 26px));max-height:85vh;padding:24px;border:0;border-radius:10px}dialog::backdrop{background:#1d122998}.close,.remove{border:0;background:none;color:var(--purple)}.close{float:right;font-size:25px;line-height:1}.cart-line{display:flex;justify-content:space-between;align-items:start;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.cart-line small{display:block;white-space:pre-line}.send{margin-top:14px}
@media(max-width:960px){.grid,.listing .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-layout{gap:22px}.mast{gap:12px}}@media(max-width:650px){.wrap{width:calc(100% - 26px)}.top .wrap{font-size:10px}.mast{grid-template-columns:1fr auto;padding:7px 0}.mast img{height:35px;width:123px}.mast form{grid-column:1/-1;grid-row:2}.mast form button{width:30px;height:30px}.banner{grid-template-columns:1fr}.banner>img{position:static;width:100%;height:170px}.hero-copy{padding:20px}.benefits{grid-template-columns:1fr 1fr;font-size:12px}.benefits span{padding:8px}.bubbles{grid-template-columns:repeat(3,1fr);font-size:12px;gap:13px}.grid,.listing .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.listing,.product-layout{display:block}.filters{display:flex;overflow-x:auto;white-space:nowrap;margin-bottom:13px}.preview{position:static;margin-bottom:15px}.preview .visual{aspect-ratio:1.5}.buy-inner{grid-template-columns:1fr auto;gap:4px 8px;padding:8px 0}.buy-inner>div{grid-column:1/-1;font-size:12px}.buy-inner span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.buy-inner .btn{padding:7px 11px;font-size:13px}.detail footer{margin-bottom:110px}.section-head a{font-size:12px}.foot{display:grid}.tile h3{font-size:15px}}
.mast>a{display:flex;align-items:center;justify-content:center;background:var(--purple);border-radius:7px;padding:3px 8px}.mast img{width:139px}@media(max-width:650px){.mast>a{justify-self:start}.mast img{width:112px}}

/* Cabeçalho e primeira dobra da vitrine */
.top{background:#302663}
.site-header{background:var(--orange)}
.mast{gap:18px;padding:10px 0}
.mast>a{background:none;padding:0}
.mast form{background:white;border-color:transparent}
.mast-actions{display:flex;align-items:center;gap:8px}
.whatsapp{display:inline-flex;align-items:center;min-height:40px;padding:0 13px;border-radius:30px;background:#176747;color:white;white-space:nowrap;font-weight:750}
.whatsapp:hover{background:#11543a;color:white}
#menu{width:100%;padding-inline:max(28px,calc((100% - 1240px)/2));background:white}
#menu a{padding:9px 10px}
.banner{min-height:245px}
.hero-copy{padding:20px clamp(22px,4vw,50px)}
.hero-copy h1{font-size:clamp(32px,4vw,55px);margin:5px 0 7px}
.hero-copy p{margin-bottom:12px}
.banner>img{object-position:center}
.shortcuts{margin:18px 0}
.shortcuts .section-head{margin-bottom:10px}
.shortcuts h2{font-size:23px}
.shortcuts .visual{width:min(72px,100%);margin-bottom:5px}
.shortcuts .bubbles a{font-size:13px}
.mini-banners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.mini-banner{display:grid;grid-template-columns:1.25fr 1fr;overflow:hidden;min-height:124px;border-radius:7px;background:#f7e5dc;color:#342118}
.mini-banner.mugs{background:#eee8f8;color:var(--purple)}
.mini-banner>div{padding:12px 16px;align-self:center}
.mini-banner h2{font-size:clamp(17px,2.6vw,29px);margin:3px 0 5px}
.mini-banner span:last-child{font-size:12px;font-weight:700}
.mini-banner img{width:100%;height:100%;max-height:145px;object-fit:cover}
@media(max-width:650px){
  .mast{gap:7px;padding:7px 0}
  #menu{padding-inline:13px}
  .mast-actions{gap:5px}
  .whatsapp,.bag{font-size:12px;padding:5px 7px;min-height:34px}
  .mast img{width:100px}
  .banner{min-height:0;grid-template-columns:1.3fr 1fr}
  .hero-copy{padding:13px 10px 15px 13px}
  .hero-copy .kicker{font-size:8px}
  .hero-copy h1{font-size:clamp(23px,6.5vw,34px)}
  .hero-copy p{font-size:11px}
  .hero-copy .btn{font-size:11px;padding:6px 9px}
  .banner>img{height:100%;position:absolute;width:43%}
  .slides{gap:4px;padding:2px;right:5px;bottom:5px}
  .slides button{width:23px;height:23px;font-size:16px}
  .shortcuts .bubbles{display:flex;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:4px}
  .shortcuts .bubbles a{flex:0 0 78px;scroll-snap-align:start;font-size:11px}
  .shortcuts .visual{width:52px}
  .mini-banners{gap:7px}
  .mini-banner{grid-template-columns:1fr;min-height:0}
  .mini-banner>div{padding:8px}
  .mini-banner .kicker{font-size:8px}
  .mini-banner h2{font-size:16px}
  .mini-banner img{height:53px}
}

/* Storefront photography and brand hierarchy */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.site-header{background:var(--purple)}
.mast form button,#menu .all,.btn{background:var(--purple)}
.btn:hover,.mast form button:hover{background:#302663}
#menu a{font-weight:600}
#menu .all{border-radius:5px;margin:5px 0}
.home{padding-top:22px}
.banner{display:block;min-height:0;border-radius:7px;background:#eeeaf4}
.hero-link,.hero-link picture,.hero-link img{display:block;width:100%}
.hero-link img{aspect-ratio:3;object-fit:cover}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;border-radius:50%;width:35px;height:35px;background:#fffffff0;color:var(--purple);font-size:24px;line-height:1}
.hero-arrow.prev{left:12px}.hero-arrow.next{right:12px}
.hero-dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:2px;padding:1px 5px;border-radius:20px;background:#fffffff2}
.hero-dots button{display:grid;place-items:center;width:16px;height:23px;padding:0;border:0;background:none}
.hero-dots button:before{content:"";width:6px;height:6px;border-radius:50%;background:#8b819e}
.hero-dots [aria-current=true]:before{width:8px;height:8px;background:var(--orange)}
.visual,.preview .visual,.mini-banner img{background:#e9e9e9}
.visual img,.mini-banner img{object-fit:contain}
.shortcuts .bubbles .visual{background:linear-gradient(var(--shortcut-top,#e6e6e6) 16%,var(--shortcut-bottom,#e6e6e6) 84%)}
.shortcuts .bubbles .visual img{object-fit:contain;padding:6%}
.no-photo{display:grid;place-items:center;color:#5e5b64;font-size:13px}
.product-description{max-width:62ch;line-height:1.6}
.configuration>h2{margin:18px 0 12px}
#spec-list{border:1px solid var(--line);border-radius:7px;overflow:hidden}
#spec-list div{padding:9px 12px}
#spec-list div:first-child{border-top:0}
#spec-list div:nth-child(even){background:#faf9fb}
@media(max-width:700px){
  .home{padding-top:15px}
  .hero-link img{aspect-ratio:4/3}
  .hero-arrow{width:28px;height:28px;font-size:20px}
  .hero-dots button{width:15px}
}

/* Navigation, storefront shelves and service information */
.top{background:#fff;color:var(--purple);border-bottom:1px solid #efedf4}
.top a:hover{color:var(--orange)}
.catalog-bar{position:relative;background:white;border-bottom:1px solid #ebe7f1}
#menu{width:min(1240px,calc(100% - 56px));padding:0;align-items:center;gap:4px;scrollbar-width:none}
#menu::-webkit-scrollbar{display:none}
#menu a,#menu .all{flex:none;padding:10px 11px;border-radius:6px;font-size:13px}
#menu a:hover{background:#f2eef8;color:var(--purple)}
#menu .all{border:0;margin:7px 7px 7px 0;font-weight:750}
#menu .all span{margin-left:4px}
.catalog-panel{position:absolute;inset:100% 0 auto;z-index:8;background:white;box-shadow:0 14px 24px #21183226;border-top:1px solid var(--line);max-height:min(68vh,620px);overflow:auto}
.catalog-panel[hidden]{display:none}
.mega{display:grid;grid-template-columns:235px 1fr;gap:25px;padding-block:20px}
.mega-groups{display:grid;align-content:start;gap:3px}
.mega-groups button{text-align:left;border:0;border-radius:5px;background:none;color:var(--purple);padding:7px 10px}
.mega-groups button[aria-pressed=true]{background:#ece6f6;font-weight:750}
.mega-products{padding:5px 0 0 20px;border-left:1px solid var(--line)}
.mega-products h2{font-size:22px}
.mega-products ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 14px;list-style:none;padding:0;margin:0}
.mega-products li a{display:block;padding:7px 0;border-bottom:1px solid #f0eef3}
.hero-arrow{background:transparent;border-radius:4px;color:#fff;text-shadow:0 1px 4px #211832,0 0 5px #211832;font-size:32px}
.hero-arrow:hover{background:#21183233}
.shortcuts .bubbles{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}
.shortcuts .visual{width:min(70px,100%);border-width:2px}
.text-button{background:none;border:0;padding:0;color:var(--purple);font-weight:750;white-space:nowrap}
.text-button:hover{color:var(--orange)}
.perk-banner{display:flex;align-items:center;gap:18px;padding:18px 23px;min-height:105px;border-radius:9px;background:#f2edf8;color:var(--purple)}
.perk-banner.design{background:#fbefe8;color:#763315}
.perk-icon{font-size:27px;line-height:1;border:1px solid currentColor;border-radius:12px;padding:9px;flex:none}
.perk-banner h2{font-size:clamp(18px,2.1vw,27px);margin:3px 0}
.perk-banner div>span:last-child{font-size:13px}
.shelf .tile{padding-bottom:8px}
.shelf .visual{border-radius:8px}
.featured .tile{border:1px solid #ebe7f0;border-radius:10px;overflow:hidden;background:white}
.featured .tile:hover{border-color:#b7a9d3}
.featured .tile .visual{border-radius:0}
.featured .tile h3,.featured .tile>span{margin-inline:10px}
.full-banner,.full-banner img{display:block;width:100%}
.full-banner img{aspect-ratio:3;object-fit:cover}
.why{padding:clamp(20px,4vw,44px);background:#f6f3fa;border-radius:10px}
.why>div{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:20px}
.why article{border-top:1px solid #d9d1e8;padding-top:12px}
.why article>span{color:var(--orange);font-weight:800}
.why h3{margin:5px 0}
.about,.newsletter{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.about a{display:inline-block;color:var(--purple);font-weight:750;margin-top:10px}
.newsletter{border-radius:10px;padding:clamp(20px,4vw,44px);background:#eee9f7}
.newsletter form>div{display:flex;gap:7px;margin:4px 0}
.newsletter input{min-width:0;width:100%;padding:8px 10px;border:1px solid #d4cade;border-radius:6px}
.newsletter button{white-space:nowrap}
.newsletter small{color:#524960}
.footer-grid{padding:37px 0;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:25px}
.footer-grid h2{font-size:16px;margin-bottom:8px}
.footer-grid a{display:block;margin-bottom:4px}
.footer-brand p{max-width:34ch;margin-top:8px}
.footer-end{border-top:1px solid #ffffff42;padding-block:12px;display:flex;justify-content:space-between;font-size:13px}
@media(max-width:700px){
  #menu{width:calc(100% - 26px)}
  .mega{grid-template-columns:1fr;gap:12px;padding-block:12px}
  .mega-groups{display:flex;overflow:auto}
  .mega-groups button{white-space:nowrap}
  .mega-products{border-left:0;padding:0}
  .mega-products ul{grid-template-columns:repeat(2,minmax(0,1fr));font-size:13px}
  .perk-banner{padding:10px;gap:6px;align-items:flex-start}
  .perk-icon{display:none}
  .perk-banner h2{font-size:16px}
  .full-banner img{aspect-ratio:4/3}
  .why>div,.about,.newsletter,.footer-grid{grid-template-columns:1fr}
  .newsletter form>div{flex-wrap:wrap}
}

/* Vitrine comercial */
:root{--store-ink:#201b2d;--store-muted:#665f71;--store-line:#ece8f0;--store-tint:#f7f5fa}
body{color:var(--store-ink)}
.top{background:var(--purple);color:#fff}
.top a:hover{color:#ffe4d6}
.site-header{background:#fff;box-shadow:0 1px 0 #2013350a}
.mast{padding-block:14px}
.mast>a{background:var(--purple);border-radius:14px;padding:2px 8px}
.mast form{background:#f7f5fa;border:1px solid #e9e4ee}
.mast form button{background:#ebe5f3;color:var(--purple)}
.mast form button:hover{background:#ded3ef}
.mast-actions .bag,.mast-actions .whatsapp{background:white;color:var(--purple);border:1px solid #e7e0ef}
.mast-actions .whatsapp:hover,.mast-actions .bag:hover{background:#f5f1fa}
#menu .all{border-radius:999px;background:#eee9f7;color:var(--purple);padding-inline:14px}
#menu .all[aria-expanded=true]{background:var(--purple);color:#fff}
.btn{border-radius:999px;font-weight:650;padding-inline:17px}
#banner{width:100%;border-radius:0;background:#f3edf8}
#banner img{aspect-ratio:3.75;object-fit:cover}
.hero-arrow{width:44px;height:44px;font-size:26px}
.hero-arrow.prev{left:clamp(6px,3vw,48px)}.hero-arrow.next{right:clamp(6px,3vw,48px)}
.home{padding-top:0}
.shortcuts{position:relative;margin:8px 0 12px}
.shortcuts .visual{width:min(84px,100%);border:0;background:#f0eef3}
.shortcuts .bubbles a{font-weight:550}
.perk-banner{border-radius:18px;padding:16px 20px}
.perk-icon{border:0;border-radius:50%;background:#ffffffa6;padding:12px}
.shelf{margin-block:42px}
.shelf .section-head{border-bottom:1px solid var(--store-line);padding-bottom:11px}
.shelf .section-head h2{font-size:clamp(22px,2.6vw,30px)}
.tile.product-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--store-line);border-radius:16px;padding:7px;overflow:hidden;color:var(--store-ink);transition:border-color .18s ease,box-shadow .18s ease}
.tile.product-card:hover{border-color:#cfc0df;box-shadow:0 6px 20px #2d1c4712}
.tile.product-card .visual{border-radius:10px;background:#f1eff2}
.card-copy{display:flex;flex:1;flex-direction:column;padding:11px 7px 6px;min-width:0}
.card-line{color:var(--purple);font-size:11px;font-weight:700}
.card-copy h3{margin:4px 0 6px;font-size:15px;line-height:1.22;letter-spacing:-.015em}
.card-copy p{color:var(--store-muted);font-size:12px;line-height:1.45;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sample-price{margin-top:auto;padding-top:8px;border-top:1px solid var(--store-line);display:flex;align-items:baseline;gap:2px 7px;flex-wrap:wrap}
.sample-price span{width:100%;color:#6b5378;font-size:10px;font-weight:650}
.sample-price strong{font-size:20px;letter-spacing:-.04em;color:var(--purple)}
.sample-price small{font-size:11px;color:var(--store-muted)}
.mega-products .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mega-products .product-card{display:grid;grid-template-columns:54px 1fr;gap:7px}
.mega-products .product-card .visual{aspect-ratio:1;align-self:start}
.mega-products .product-card .visual small{display:none}
.mega-products .card-copy{padding:0}
.mega-products .card-line{display:none}
.mega-products .card-copy p{-webkit-line-clamp:2;margin-bottom:6px}
.mega-products .sample-price strong{font-size:16px}
.mega-products .sample-price{padding-top:4px}
.closing{margin:56px 0 38px}
.closing-heading{text-align:center;margin-bottom:22px}
.closing-heading .kicker,.closing-story .kicker{color:var(--purple)}
.closing-heading h2{margin-top:6px}
.closing-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--store-tint);border-radius:18px;overflow:hidden}
.closing-story img{width:100%;height:100%;min-height:250px;max-height:345px;object-fit:cover}
.closing-story>div{padding:clamp(20px,4vw,52px)}
.closing-story h3{font-size:clamp(22px,2.75vw,35px);margin:7px 0 11px}
.closing-story p{color:var(--store-muted);margin-bottom:16px}
.portfolio-link{display:inline-block;margin:7px 0 0 10px;color:var(--purple);font-weight:650}
.closing-services{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:21px 0;margin:12px 0 25px}
.closing-services>div{border-left:2px solid #dbcee9;padding-left:13px}
.closing-services p{color:var(--store-muted);font-size:13px;margin:3px 0}
.closing .newsletter{background:#faf8fc;border:1px solid #e9e1f1;border-radius:18px;padding:clamp(16px,3vw,28px);margin:0}
.newsletter h2{font-size:23px;margin:3px 0}
.newsletter small{font-size:11px}
.newsletter input{border-radius:999px;padding-inline:13px}
.editor-page{max-width:760px;padding-block:34px}
.editor-page form{display:grid;gap:13px;margin:20px 0}
.editor-page label{display:grid;gap:4px;font-weight:650}
.editor-page :is(input,textarea,select){font:inherit;padding:9px;border:1px solid #d8cde4;border-radius:8px;width:100%}
.editor-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
@media(max-width:880px){.mega-products .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  .mast{padding-block:8px}.mast>a{padding:2px 5px}
  #banner img{aspect-ratio:4/3}
  .hero-arrow{width:34px;height:34px}
  .shortcuts .visual{width:56px}
  .perk-banner{padding:11px}
  .shelf{margin-block:29px}
  .mega-products .product-card{grid-template-columns:1fr}
  .mega-products .product-card .visual{width:100%;aspect-ratio:1.5}
  .closing{margin-top:34px}
  .closing-story,.closing-services{grid-template-columns:1fr}
  .closing-story img{min-height:0;max-height:230px}
  .closing-services{gap:11px}
  .card-copy{padding-inline:4px}
  .sample-price strong{font-size:17px}
}
@media(min-width:1000px){
  #menu{justify-content:space-between;gap:0}
  #menu a,#menu .all{font-size:clamp(10px,1.02vw,13px);padding-inline:clamp(4px,.63vw,9px)}
}

/* Identidade e vitrines */
.mast>a{background:none;border-radius:0;padding:0}
.section-head>a,.section-head>.text-button{font-size:12px;font-weight:600;color:var(--store-muted);padding:3px 0;background:none;border:0;white-space:nowrap}
.section-head>a:hover,.section-head>.text-button:hover{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.section-head>a span,.section-head>.text-button span{color:var(--orange);margin-left:2px}
.card-line,.sample-price>span{color:var(--orange)}
.card-copy h3{min-height:2lh}
.card-copy p{min-height:3lh}
.mega-products .card-copy p{min-height:2lh}
.launch-badge{position:absolute;top:8px;left:8px;background:var(--orange);color:#fff;font-size:10px;font-weight:650;line-height:1;padding:5px 7px;border-radius:99px}
.mega-products .launch-badge{top:2px;left:2px;font-size:8px;padding:4px 3px}
.service-action{margin-top:auto;border-top:1px solid var(--store-line);padding-top:8px;color:var(--purple);font-size:12px;font-weight:700}

.perk-banner,.perk-banner.design{display:grid;grid-template-columns:auto 1fr auto;gap:15px;min-height:114px;border:1px solid var(--store-line);border-radius:16px;background:linear-gradient(110deg,#fff 52%,#f4effa);color:var(--purple);padding:16px 19px;align-items:center}
.perk-banner.design{background:linear-gradient(110deg,#fff 52%,#fcf0eb)}
.perk-banner:hover{border-color:var(--purple)}
.perk-banner .kicker{color:var(--orange);text-transform:uppercase;font-size:10px}
.perk-icon{display:grid;place-items:center;width:46px;height:46px;padding:10px;background:#eee8f8;color:var(--purple);border-radius:14px}
.perk-banner.design .perk-icon{background:#fae8df;color:var(--orange)}
.perk-icon svg{width:100%}
.perk-banner h2{font-size:clamp(17px,1.75vw,23px)}
.perk-banner div>span:last-child{color:var(--store-muted);font-size:12px}
.perk-arrow{font-size:19px;color:var(--orange)}

.client-brands{margin-block:34px}
.client-brands ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-block:1px solid var(--store-line)}
.client-brands li{display:grid;place-items:center;padding:9px;min-width:0}
.client-brands li+li{border-inline-start:1px solid var(--store-line)}
.client-brands img{width:100%;height:auto;max-width:160px}
.social-close{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 40px;padding:clamp(22px,4vw,44px);background:var(--purple);color:#fff;border-radius:18px}
.social-close h2{margin:6px 0}
.social-close p{color:#f0e9f8}
.social-close .btn{background:#fff;color:var(--purple);gap:6px;white-space:nowrap}
.social-close .btn:hover{background:#f2eafa}
@media(max-width:700px){
  .perk-banner,.perk-banner.design{gap:9px;padding:12px;min-height:0}
  .perk-icon{width:34px;height:34px;padding:7px}
  .client-brands ul{grid-template-columns:repeat(3,minmax(0,1fr))}
  .client-brands li:nth-child(4){border-inline-start:0}
  .client-brands li:nth-child(n+4){border-top:1px solid var(--store-line)}
  .social-close{align-items:flex-start;flex-direction:column}
}
@media(max-width:470px){
  .mini-banners{grid-template-columns:1fr}
}
.top{background:#fff;color:var(--purple);border-bottom:1px solid var(--store-line)}

.mast .brand-logo,.footer-brand .brand-logo{width:154px;height:auto}
#quantidades{scroll-margin-top:190px}
.quantity input[type=number]{display:block;width:min(100%,126px);margin-top:5px;padding:4px;border:1px solid var(--line);border-radius:4px}
.quantity input:disabled{display:none}
.quote-inline{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#faf7fc}
.quote-inline span,.quote-inline strong{display:block}
.quote-inline span{font-size:12px;color:var(--muted)}
.quote-inline strong{color:var(--purple)}
.quote-add.btn{background:var(--orange);min-height:44px;color:#fff}
.quote-add.btn:hover{background:#a83614}
.buy-bar{border-top:2px solid var(--orange)}
.buy-inner{padding-right:min(9vw,130px)}
.quote-editor{margin-top:24px;padding:13px;border:1px solid var(--line);border-radius:10px}
.quote-editor summary{cursor:pointer;font-weight:650;color:var(--purple)}
.quote-editor>p{font-size:13px;color:var(--muted);margin:6px 0 12px}
.quote-editor .editor-actions{margin-top:10px}
#quote-price-status:not(:empty){margin-top:8px}
@media(max-width:700px){
  .mast .brand-logo,.footer-brand .brand-logo{width:118px}
  .buy-inner{padding-right:0}
  .buy-inner .quote-add{justify-self:start}
  .buy-inner>strong{grid-column:2;grid-row:2}
  .buy-inner .quote-add{grid-column:1;grid-row:2}
}

.quantity-help{font-size:12px;color:var(--muted);margin:4px 0}
@media(max-width:700px){.buy-inner{grid-template-columns:1fr auto}.buy-inner>div{grid-column:1/-1}}

/* Cabeçalho e navegação da vitrine */
.top{background:var(--purple);color:#fff;border-bottom:0}
.top a:hover{color:#ffe4d6}
.mast .brand-logo{width:174px}
.mast-actions .whatsapp{display:inline-flex;align-items:center;gap:6px;background:#087b4d;border-color:#087b4d;color:#fff}
.mast-actions .whatsapp:hover{background:#066641;border-color:#066641;color:#fff}
.mast-actions .whatsapp svg{flex:none}
#menu a{font-weight:400}
#menu .all{font-weight:750}
.shortcuts .bubbles{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:clamp(111px,13%,157px);justify-content:start;overflow-x:auto;gap:14px;padding:4px 3px 5px;scrollbar-width:none;cursor:grab;user-select:none}
.shortcuts .bubbles:active{cursor:grabbing}
.shortcuts .bubbles .visual{width:clamp(76px,8.2vw,106px)}
.shortcuts .bubbles::-webkit-scrollbar{display:none}
.category-arrow{position:absolute;top:42%;transform:translateY(-50%);width:40px;height:48px;border:1px solid #ffffffa6;border-radius:8px;background:#ffffffcc;color:var(--purple);box-shadow:0 2px 10px #3a307826;opacity:0;transition:opacity .15s;font-size:30px;line-height:1;display:grid;place-items:center}
.category-arrow.prev{left:0}
.category-arrow.next{right:0}
.category-arrow:hover,.category-arrow:focus-visible,.shortcuts:focus-within .category-arrow{opacity:1}
@media (hover:none){.category-arrow{opacity:.8}}

/* Prateleiras */
.shelf{margin-block:52px}
.shelf .section-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:0;border:0;margin-bottom:23px;gap:10px}
.shelf .section-head::before{content:"";height:1px;background:var(--store-line)}
.shelf .section-head h2{text-align:center}
.shelf .section-head>a{display:flex;align-items:center;gap:5px;width:100%}
.shelf .section-head>a::before{content:"";height:1px;background:var(--store-line);flex:1;margin-right:5px}
.product-card .card-line,.product-card .service-action b{color:var(--purple)}
.product-card .launch-badge{background:#eee9f7;color:var(--purple)}
.product-card .sample-price{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;text-align:left}
.product-card .sample-price span{width:auto;color:var(--muted);font-weight:400}
.shelf .product-card .card-copy h3{margin-inline:0;text-align:left}
.shelf .product-card .card-line{min-height:2.8em;line-height:1.4}

/* Newsletter, marcas e publicações */
.closing .newsletter{background:var(--purple);border-color:transparent;color:#fff}
.newsletter .kicker{color:#ffb293}
.newsletter small{color:#f0e8f7}
.newsletter input{background:#fff;color:var(--ink);border-color:#fff}
.newsletter .btn{background:var(--orange);color:#fff}
.newsletter .btn:hover{background:#a83614}
.client-brands{margin-block:46px}
.brand-belt{overflow:hidden;border-block:1px solid var(--store-line)}
.brand-track{display:flex;width:max-content;animation:brand-belt 30s linear infinite}
.brand-belt.paused .brand-track{animation-play-state:paused}
.client-brands .brand-track ul{display:flex;border:0}
.client-brands .brand-track li{width:clamp(130px,17vw,212px);border:0;padding:9px 20px}
.brand-track img{filter:grayscale(1);opacity:.52}
.brand-motion{display:block;margin:8px 0 0 auto;font-size:12px;font-weight:500;color:var(--muted)}
@keyframes brand-belt{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
  .brand-belt{overflow-x:auto}
  .brand-track{animation:none}
  .brand-track [aria-hidden=true],.brand-motion{display:none}
}
.social-close{display:block;background:#f7f4fa;color:var(--ink);margin-bottom:52px}
.social-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}
.social-close .kicker{color:var(--purple)}
.social-close p{color:var(--muted)}
.social-close .btn{background:var(--purple);color:#fff}
.social-close .btn:hover{background:#302660}
.instagram-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.instagram-grid a{overflow:hidden;border-radius:10px;background:white;color:var(--purple);font-size:12px;font-weight:650}
.instagram-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.instagram-grid span{display:block;padding:7px 10px}
.footer-grid{grid-template-columns:1.25fr 1.6fr .8fr 1fr;gap:24px}
.footer-grid a{overflow-wrap:anywhere}
.footer-brand small{display:block;margin-top:10px}
#footer-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}
@media(max-width:850px){
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .mast .brand-logo{width:132px}
  .mast-actions .whatsapp{display:inline-flex}
  .mast-actions .whatsapp svg{width:16px;height:16px}
  .shelf{margin-block:37px}
  .shelf .section-head{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:5px}
  .shelf .section-head h2{max-width:68vw}
  .shelf .section-head>a{grid-column:1/-1;justify-content:center}
  .shelf .section-head>a::before{content:none}
  .shelf .section-head::after{content:"";height:1px;background:var(--store-line);grid-column:3;grid-row:1}
  .social-heading{align-items:flex-start;flex-direction:column}
  .instagram-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #footer-categories{grid-template-columns:1fr}
}
@media(max-width:360px){
  .mast .brand-logo{width:116px}
  .mast-actions .whatsapp{font-size:11px;padding-inline:6px}
}

.catalog-bar{border-top:1px solid var(--store-line)}
.product-card .sample-price small{min-height:1.5em}

.text-field select{width:100%;padding:9px;border:1px solid #d9d4df;border-radius:6px;background:white;color:inherit;font:inherit;font-weight:400}
.text-field select:disabled{opacity:1;background:#f3eff8;color:var(--purple)}
#area-field[hidden]{display:none}
.client-brands .section-head{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px}
.client-brands .section-head::before{content:"";height:1px;background:var(--store-line)}
.client-brands .section-head h2{text-align:center}
.client-brands .section-head>:last-child{justify-self:end}
.shortcuts .bubbles .visual{width:clamp(70px,7.5vw,98px)}
.home .block+.block,.closing.block{margin-top:clamp(54px,7vw,86px)}
@media(max-width:640px){
  .client-brands .section-head{grid-template-columns:1fr}
  .client-brands .section-head::before{display:none}
  .client-brands .section-head>:last-child{justify-self:center}
}
.perk-banner.shipping,.perk-banner.design{
  min-height:clamp(152px,17vw,218px);background-size:cover;background-position:center;
  grid-template-columns:minmax(0,1fr) auto;color:white;border-color:transparent
}
.perk-banner.shipping{background-image:linear-gradient(90deg,#231841 8%,#231841d9 39%,#23184100 78%),url(hero/entrega.webp)}
.perk-banner.design{background-image:linear-gradient(90deg,#231841 8%,#231841e6 40%,#23184100 82%),url(hero/arte.webp)}
.perk-banner .perk-icon{display:none}
.perk-banner .kicker,.perk-banner .perk-arrow{color:#ffb58f}
.perk-banner div>span:last-child{color:#fff}
.perk-banner div{max-width:220px}
.configuration .options{gap:8px}
.configuration .options span{box-sizing:border-box;justify-content:center;text-align:center;line-height:1.3}
.configuration .options .illustrated:has(.option-stock) span,
.configuration .options .illustrated:has(.option-diagram) span{flex-direction:column;padding:0 0 8px;overflow:hidden;gap:7px}
.configuration .options .illustrated:has(.option-stock){width:min(144px,calc(50% - 4px))}
.configuration .options .illustrated:has(.option-diagram){min-width:92px}
.option-stock,.option-diagram{display:grid;place-items:center;width:100%;height:49px;font-style:normal}
.option-stock{background:linear-gradient(148deg,#f5f3f4,#d8d4d8);overflow:hidden}
.option-stock b{width:66%;height:28px;background:#fff;transform:rotate(-13deg) skewX(17deg);box-shadow:0 var(--sheet-edge,2px) #bdb7bf,0 6px 8px #342a3c28;border-radius:1px}
.option-stock.gloss b{background:linear-gradient(135deg,#e5e2e6 16%,white 46%,#eeecef 73%,white)}
.option-stock.natural b{background:linear-gradient(135deg,#eddfc9,#cbaa80);box-shadow:0 var(--sheet-edge,2px) #ae8f6e,0 6px 8px #342a3c28}
.option-diagram b{display:block;border:1px dashed #81788a;background:#fff8;border-radius:2px}
.option-inks{display:flex;flex:none;gap:4px;margin-right:2px}
.option-inks b{width:18px;height:18px;border-radius:50%}
.option-inks .mono{background:linear-gradient(135deg,#fff 6%,#aaa 40%,#161616 85%);border:1px solid #aaa}
.option-inks .process{background:conic-gradient(#9b57db,#e74689,#ffc54d,#60c9ef,#9b57db)}
.option-inks .blank{border:1px dashed #aea6b4;background:white}
.configuration .options label:hover span{border-color:var(--purple)}

.mast>a.mast-brand{display:grid;justify-items:start;gap:2px;justify-self:start;color:#ba3915}
.mast .mast-brand .brand-logo{width:152px;height:auto}
.mast-brand span{color:#000;font-size:10px;font-weight:750;letter-spacing:.11em;line-height:1.1}
#menu .all{align-self:stretch;margin:5px 7px 0 0;border-radius:13px 13px 0 0}
.catalog-cover{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,42%);align-items:center;min-height:175px;margin:0 0 27px;background:#f4f0fa;color:var(--purple);border-radius:14px;overflow:hidden}
.catalog-cover>div{padding:26px clamp(16px,4vw,44px)}
.catalog-cover h1{margin:4px 0 5px}
.catalog-cover img{width:100%;height:100%;max-height:218px;object-fit:cover}
.tile .visual-photo img{object-fit:cover}
.catalog-cover-photo img,.catalog-cover-cutout img{height:auto;object-fit:contain}
.catalog-cover-cutout img{padding:10px clamp(10px,3vw,32px)}
@media(max-width:650px){
  .mast .mast-brand .brand-logo{width:112px}
  .mast-brand span{font-size:7px}
  .catalog-cover{grid-template-columns:minmax(0,1fr) minmax(0,32%);min-height:125px}
  .catalog-cover>div{padding:14px}
  .catalog-cover h1{font-size:clamp(1.28rem,5vw,1.9rem)}
}

.dimension-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dimension-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px}
.dimension-control .text-field{margin:0}
.dimension-control select{padding:9px 4px;border:1px solid #d9d4df;border-radius:6px;background:white;color:inherit;font:inherit}
.social-close .kicker{color:#ffb293;text-transform:uppercase}
.campaign-banner,.campaign-banner picture,.campaign-banner img{display:block;width:100%}
.campaign-banner img{aspect-ratio:5.4;object-fit:cover;object-position:center}
.campaign-banner--agendas img{aspect-ratio:6.5}
@media(max-width:700px){
  .campaign-banner img,.campaign-banner--agendas img,.campaign-banner--placas img{aspect-ratio:2.35}
}

/* Layouts for compact and touch displays */
@media (max-width: 960px), (max-width: 1024px) and (pointer: coarse) {
  .wrap,#menu{width:calc(100% - 32px)}
  .mast{gap:12px;padding-block:9px}
  .mast form,.mast-actions,.listing>div,.configuration,.mega-products,.product-layout>*{min-width:0}
  .mast form button,#menu .all,.mega-groups button{min-height:44px}
  .mast form button{width:44px}
  .mast-actions :is(.bag,.whatsapp){min-height:44px}
  .catalog-panel{max-height:min(70vh,620px);max-height:min(70dvh,620px);overscroll-behavior:contain}
  .mega{grid-template-columns:minmax(0,1fr);gap:12px}
  .mega-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));overflow:visible;padding-bottom:4px}
  .mega-groups button{white-space:normal;overflow-wrap:anywhere}
  .mega-products{border-left:0;padding-left:0}
  .mega-products .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .listing{display:block}
  .filters{display:flex;overflow-x:auto;gap:8px;align-items:center;margin-bottom:16px;padding:8px}
  .filters>*{flex:none;white-space:nowrap}
  .filters a{display:grid;align-items:center;min-height:40px;padding:6px 10px;border-radius:6px}
  .grid,.listing .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .card-copy h3,.section-head h2,.catalog-cover h1,.configuration{overflow-wrap:anywhere}
  .product-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}
  .preview{position:static}
  .configuration .options label{max-width:100%}
  .configuration .options span{min-height:44px}
  .dimension-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .buy-inner{padding-right:0;padding-bottom:max(9px,env(safe-area-inset-bottom))}
  .buy-inner>div{min-width:0}
  .buy-inner span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .footer-end{flex-wrap:wrap;gap:8px 18px}
}
@media (max-width: 700px) {
  .wrap,#menu{width:calc(100% - 24px)}
  .mast{grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;padding-block:7px}
  .mast form{grid-column:1/-1;grid-row:2;padding:2px}
  .mast input{font-size:16px;padding-inline:10px}
  .mast .mast-brand .brand-logo{width:clamp(96px,30vw,135px)}
  .mast-actions :is(.bag,.whatsapp){padding-inline:7px;white-space:nowrap}
  #menu .all{margin-block:4px 0}
  #menu>a{min-height:44px;align-content:center}
  .grid,.listing .grid,.mega-products .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .mega-products .product-card .visual{aspect-ratio:1.25}
  #banner img{object-fit:contain}
  .hero-arrow{width:44px;height:44px}
  .home .block+.block,.closing.block{margin-top:38px}
  .mini-banners{grid-template-columns:1fr}
  .catalog-cover{margin-bottom:16px}
  .catalog-cover-photo img,.catalog-cover-cutout img{max-height:132px;object-fit:contain}
  .product-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
  .preview{margin-bottom:0}
  .preview .visual{aspect-ratio:1.25}
  .quantity th,.quantity td{padding:6px;overflow-wrap:anywhere}
  .buy-inner{grid-template-columns:minmax(0,1fr) auto;gap:3px 8px}
  .buy-inner>div>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .buy-inner .quote-add{max-width:100%;white-space:normal}
  .quote-inline{flex-wrap:wrap}
}
@media (max-width: 360px) {
  .mast-actions .whatsapp{font-size:0;min-width:44px;justify-content:center}
  .mast-actions .whatsapp svg{width:19px;height:19px}
}

.quote-page{max-width:760px}
.quote-page fieldset{margin:10px 0;padding:12px;border:1px solid var(--line);border-radius:10px}
.quote-line-numbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.quote-page .text-field{margin-block:8px}
.quote-actions{display:flex;gap:10px;flex-wrap:wrap;margin-block:15px}
.quote-notes{white-space:pre-wrap}
.quote-page .cart-line small{white-space:pre-wrap}
.quote-page .cart-line strong{overflow-wrap:anywhere}

.proposal-background{background:radial-gradient(ellipse at 50% 0,#eee9fb 0,transparent 32rem),linear-gradient(#fff,#f7f5fa);padding:34px 0 56px}
.proposal-view{max-width:1050px}
.quote-workspace{max-width:1180px}
.proposal-heading{margin-bottom:23px;overflow-wrap:anywhere}
.proposal-heading nav{font-size:13px;margin-bottom:19px;color:var(--store-muted)}
.proposal-heading nav a{color:inherit}
.proposal-label{margin:0 0 6px;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--purple)}
.proposal-heading h1{margin:0 0 6px;font-size:clamp(32px,5vw,52px);line-height:1.05;letter-spacing:-.05em}
.proposal-heading h1 span{color:var(--purple)}
.proposal-heading>p:not(.proposal-label){margin:10px 0;color:var(--store-muted);max-width:62ch}
.proposal-heading .quote-actions{margin:18px 0 0}
.proposal-secondary{background:#fff;color:var(--purple);border:1px solid #dcd5ed}
.proposal-whatsapp{background:#087a51;color:white}
.proposal-paper,.proposal-panel{background:white;border:1px solid var(--store-line);border-radius:19px}
.proposal-paper{position:relative;box-shadow:0 20px 52px #382b7216;padding:clamp(18px,4vw,46px);overflow:hidden}
.proposal-paper:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#3a3078 25%,#7859be 75%,#ef8248)}
.proposal-paper-header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--store-line);padding-bottom:22px;margin-bottom:20px}
.proposal-paper-header img{width:clamp(110px,20vw,155px);height:auto;flex:none}
.proposal-paper-header div{text-align:right;min-width:0}
.proposal-paper-header h2{margin:0;font-size:clamp(19px,3vw,29px);line-height:1.14;color:var(--purple);overflow-wrap:anywhere}
.proposal-stats,.proposal-parties{display:grid;gap:10px;margin-bottom:20px}
.proposal-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.proposal-stats div,.proposal-parties div{padding:12px 14px;border:1px solid var(--store-line);border-radius:13px;overflow-wrap:anywhere}
.proposal-stats div{background:#f8f7fa}
.proposal-stats div:last-child{background:#f1ecfa;border-color:#e5d9f4;color:var(--purple)}
.proposal-stats span{display:block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--store-muted)}
.proposal-parties{grid-template-columns:repeat(2,minmax(0,1fr))}
.proposal-parties p:not(.proposal-label){margin:3px 0 0;color:var(--store-muted);font-size:13px}
.proposal-table{width:100%;border-spacing:0;text-align:left;font-size:13px;line-height:1.4}
.proposal-table thead{background:#f7f5fa;color:var(--store-muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.proposal-table th,.proposal-table td{padding:10px;border-bottom:1px solid var(--store-line)}
.proposal-table th:first-child{border-radius:10px 0 0 10px}
.proposal-table th:last-child{border-radius:0 10px 10px 0}
.proposal-table :is(th,td):nth-child(n+4){text-align:right;white-space:nowrap}
.proposal-table td:first-child{width:34%}
.proposal-table td:nth-child(-n+3){overflow-wrap:anywhere}
.proposal-table small{display:block;color:var(--store-muted)}
.proposal-item,.quote-selected{display:flex;align-items:center;gap:10px}
.proposal-item .visual,.quote-selected .visual{flex:0 0 48px;width:48px;height:48px;aspect-ratio:1;border-radius:8px;overflow:hidden}
.proposal-item .visual img,.quote-selected .visual img{width:100%;height:100%;object-fit:cover}
.proposal-item .visual small,.quote-selected .visual small,.proposal-item .visual.no-photo,.quote-selected .visual.no-photo{display:none}
.proposal-bottom{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin:24px 0}
.proposal-bottom section p{font-size:13px;margin:6px 0;color:var(--store-muted);overflow-wrap:anywhere}
.proposal-totals{align-self:start;margin:0;padding:14px;background:#f7f5fa;border:1px solid var(--store-line);border-radius:12px}
.proposal-totals div,.proposal-paper-footer{display:flex;justify-content:space-between;gap:12px}
.proposal-totals div+div{margin-top:5px}
.proposal-totals dd{margin:0;text-align:right}
.proposal-totals div:last-child{border-top:1px solid var(--store-line);padding-top:10px;margin-top:10px;color:var(--purple);font-weight:800;align-items:center}
.proposal-totals div:last-child dd{font-size:clamp(16px,2vw,24px);letter-spacing:-.04em}
.proposal-paper-footer{border-top:1px dashed #dcd5ed;padding-top:12px;color:var(--store-muted);font-size:11px;overflow-wrap:anywhere}
.proposal-paper-footer a{color:var(--purple);text-decoration:underline}
.quote-builder-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:20px;align-items:start}
.quote-builder-content{display:grid;gap:14px}
.proposal-panel{padding:clamp(14px,3vw,23px);box-shadow:0 8px 22px #382b720a}
.proposal-panel h2{margin:0 0 8px;font-size:20px}
.proposal-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.proposal-fields[hidden],.quote-line label[hidden]{display:none}
.quote-line{margin:0 0 14px;padding:12px;border:1px solid var(--store-line);border-radius:12px;min-width:0}
.quote-line legend{font-size:13px;color:var(--purple);font-weight:800}
.quote-line .text-field,.proposal-panel .text-field{margin:6px 0}
.quote-line-price{color:var(--purple);font-weight:700;margin:8px 0}
.quote-selected{margin-top:7px}
.quote-builder-summary{position:sticky;top:12px;background:#f7f5fa}
.quote-builder-summary h2{font-size:29px;color:var(--purple)}
.quote-builder-summary p:not(.proposal-label){margin:0 0 10px}
#quote-result:not(:empty){border-top:1px solid var(--store-line);padding-top:12px;margin-top:12px}
#quote-result .quote-actions{margin:4px 0}
@media(max-width:720px){
  .quote-builder-grid,.proposal-bottom{grid-template-columns:minmax(0,1fr)}
  .quote-builder-summary{position:static}
  .proposal-table,.proposal-table tbody{display:block}
  .proposal-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .proposal-table tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--store-line);padding:9px 0}
  .proposal-table td{border:0;padding:4px;text-align:left!important;white-space:normal!important}
  .proposal-table td:first-child,.proposal-table td:nth-child(3){grid-column:1/-1;width:auto}
  .proposal-table td:nth-child(2){grid-column:1/-1}
  .proposal-table td[data-label]:before{content:attr(data-label);display:block;font-size:10px;font-weight:800;color:var(--store-muted);text-transform:uppercase}
}
@media(max-width:460px){
  .proposal-fields{grid-template-columns:minmax(0,1fr)}
  .proposal-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .proposal-stats div:last-child{grid-column:1/-1}
  .proposal-parties{grid-template-columns:minmax(0,1fr)}
}
@media print{
  body:has(.proposal-paper)>:not(main),.proposal-view>.proposal-heading{display:none!important}
  .proposal-background,.proposal-view,.proposal-paper{background:#fff;padding:0;margin:0;width:100%;max-width:none;box-shadow:none;border:0;overflow:visible}
  .proposal-paper:before{display:none}
  .proposal-table thead{display:table-header-group}
  .proposal-table tr,.proposal-bottom,.proposal-stats,.proposal-parties{break-inside:avoid}
}
.quote-options{margin:8px 0}
.quote-options summary{cursor:pointer;color:var(--purple);font-weight:700;font-size:13px}
.proposal-paper-footer{background:transparent;padding:12px 0 0}
@media(min-width:721px){.proposal-table :is(th,td):nth-child(2){min-width:65px}}

.quote-product-search{position:relative}
.quote-search-results{position:absolute;z-index:5;inset:100% 0 auto;max-height:19rem;overflow:auto;background:#fff;border:1px solid #dcd5ed;border-radius:12px;box-shadow:0 10px 28px #3a307826}
.quote-search-results button{display:grid;width:100%;text-align:left;gap:2px;border:0;border-bottom:1px solid var(--store-line);padding:9px 12px;background:white;color:var(--store-ink);cursor:pointer}
.quote-search-results button:hover,.quote-search-results button:focus-visible{background:#f1ecfa}
.quote-search-results button:last-child{color:var(--purple)}
.quote-search-results p,.quote-search-results small{color:var(--store-muted)}
.quote-search-results p{padding:8px 12px;margin:0}
.proposal-conditions{list-style:none;margin:0;padding:0;font-size:13px;color:var(--store-muted)}
.proposal-conditions li{position:relative;padding-left:17px;margin:0 0 7px}
.proposal-conditions li:before{position:absolute;left:0;content:"✓";color:#087a51;font-weight:800}
.product-delivery{font-size:13px;font-weight:650;color:var(--purple);margin:14px 0 8px}
.custom-config .text-field :is(input,textarea){border-radius:10px;padding:11px 13px;min-height:44px}
.custom-config .custom-quantity-field{padding:12px 14px;background:var(--store-tint);border:1px solid var(--store-line);border-radius:12px;margin:12px 0}
.custom-quantity-field>span{display:flex;align-items:center;gap:10px;max-width:280px}
.custom-quantity-field>span>span{color:var(--store-muted);font-weight:500}
.custom-quantity-field input{appearance:textfield;-moz-appearance:textfield}
.custom-quantity-field input::-webkit-inner-spin-button,.custom-quantity-field input::-webkit-outer-spin-button{appearance:none;margin:0}
.piece-swatch{display:inline-block;flex:none;width:16px;height:16px;margin-right:6px;vertical-align:-3px;border-radius:50%;border:1px solid #211b2e38;background:var(--piece-color)}
.preview .visual[hidden],.quote-selected .visual[hidden]{display:none}
.variant-photo-unavailable{padding:22px;border:1px dashed var(--store-line);border-radius:12px;color:var(--store-muted)}
.configuration>.sample-price{margin:12px 0}
.quote-search-results.above{inset:auto 0 100%}
.preview .visual:has(.variant-ink-print){position:relative}
.variant-ink-print:not([hidden]){position:absolute;top:33%;left:50%;transform:translate(-50%,-50%);font-size:clamp(9px,2vw,18px);font-weight:800;letter-spacing:.08em;line-height:1;pointer-events:none}

.wind-format-icon{display:block;width:49px;height:56px;margin:auto;color:var(--purple)}
.wind-size-icon b{width:13px;background:#ded8f0;border:1px solid var(--purple)}
.lot-count{padding:12px;border:1px solid var(--line);border-radius:8px;background:#faf8fc}
.lot-count select{width:min(100%,10rem);min-height:44px}
.lot-count small{color:var(--muted)}

.bag-models+.bag-models{margin-top:34px}

.launch-badge,.product-card .launch-badge{background:#ff9e57;color:#3a3078}
.proof-icon{width:42px;height:32px;color:var(--purple)}

/* The two sides of a printed sample share the primary image frame. */
.preview .preview-reverse[hidden]{display:none}
.preview .visual.preview-two-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:8px;padding:10px}
.preview .visual.preview-two-sides>img,.preview .preview-reverse img{width:100%;height:auto;object-fit:contain}
.preview .preview-reverse{margin:0;position:relative;min-width:0}
.preview .preview-reverse figcaption{position:absolute;bottom:6px;right:6px;background:#fffffff2;color:#3a3078;padding:2px 5px;border-radius:4px;font-size:clamp(8px,1.4vw,12px)}
.preview .preview-ink-mono{filter:grayscale(1)}

.shortcuts .bubbles .shortcut-cutout img{padding:10%;filter:drop-shadow(0 2px 2px #24163842)}

/* Home carousel. The photo, message and call to action are part of the artwork. */
#banner {
  position:relative;display:block;width:100%;margin:0;
  min-height:0;border-radius:0;background:#272044;
}
#banner .campaign-art,#banner .campaign-art picture,#banner .campaign-art img {display:block;width:100%}
#banner .campaign-art img {height:auto;aspect-ratio:1920/380;object-fit:contain}
#banner .campaign-art:focus-visible {outline:3px solid #fff;outline-offset:-5px}
.campaign-controls button {
  position:absolute;display:grid;place-items:center;
  width:44px;height:44px;padding:0;border:0;border-radius:50%;
  background:#1b112a75;color:#fff;line-height:1;font-size:28px;
}
.campaign-controls button:hover,.campaign-controls button:focus-visible {background:#271e48}
.campaign-controls button:focus-visible {outline:2px solid white;outline-offset:-4px}
.campaign-controls [data-slide] {top:50%;transform:translateY(-50%)}
.campaign-controls [data-slide="-1"] {left:9px}
.campaign-controls [data-slide="1"] {right:9px}
.campaign-controls [data-campaign-pause] {right:9px;bottom:8px}
.campaign-playback {
  width:12px;height:13px;background:currentColor;
  clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0);
}
[data-campaign-pause="true"] .campaign-playback {clip-path:polygon(8% 0,100% 50%,8% 100%)}
@media(max-width:1000px) {
  #banner {background:#fff}
  .campaign-controls {
    display:flex;justify-content:flex-end;gap:3px;padding:0 12px;
    border-bottom:1px solid var(--line);
  }
  .campaign-controls button {
    position:static;
    border-radius:6px;background:transparent;color:var(--purple);
  }
  .campaign-controls [data-slide] {transform:none}
  .campaign-controls button:hover,.campaign-controls button:focus-visible {background:#f1edf7;color:var(--purple)}
  .campaign-controls button:focus-visible {outline-color:var(--purple)}
}
@media(max-width:760px) {
  #banner .campaign-art img {aspect-ratio:960/520}
}

.quote-saved-panel{margin-bottom:20px}
.quote-saved-list{list-style:none;margin:0;padding:0}
.quote-saved-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 18px;padding:10px 0;border-bottom:1px solid var(--store-line)}
.quote-saved-list li:last-child{border-bottom:0}
.quote-saved-list a{text-decoration:underline;color:var(--purple)}
