.store-page{--red:#d94f46;--pink:#f1b9c4;--yellow:#efbd43;--sage:#cad8c0;--blue:#c5dfea;background:#f7f0df;color:#27231f;overflow-x:hidden}
.store-page .site-header{top:0}.site-header nav a.active:after{right:0}.store-whatsapp{border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);padding:12px 16px;font-size:11px;font-weight:700;text-transform:uppercase}.store-menu{display:none}
.store-hero{min-height:570px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;padding:70px clamp(24px,7vw,110px);position:relative;overflow:hidden;border-bottom:2px dashed var(--ink);background-color:#fffaf0;background-image:radial-gradient(rgba(39,35,31,.08) .8px,transparent .8px);background-size:8px 8px}.store-hero:before{content:"";position:absolute;left:7%;top:45px;width:130px;height:32px;background:rgba(226,190,130,.6);transform:rotate(-5deg)}.store-hero-copy{position:relative;z-index:2}.store-hero h1,.store-heading h2{font:700 clamp(60px,7vw,105px)/.88 "DM Sans",sans-serif;letter-spacing:-.06em;margin:24px 0;text-wrap:balance}.store-hero h1 em,.store-heading h2 em{font-family:"Bodoni Moda",serif;font-weight:700;color:var(--red);letter-spacing:-.04em}.store-hero-copy>p:last-child{max-width:470px;line-height:1.7;font-size:15px}.store-hero-collage{width:min(640px,48vw);aspect-ratio:1.35;justify-self:end;position:relative;border:10px solid #fff;border-bottom-width:45px;box-shadow:8px 9px 0 var(--ink);transform:rotate(2deg);overflow:visible}.store-hero-collage img{width:100%;height:100%;object-fit:cover}.store-hero-collage:before{content:"";position:absolute;z-index:2;top:-25px;left:37%;width:115px;height:35px;background:rgba(226,190,130,.75);transform:rotate(-4deg)}.store-hero-collage span{position:absolute;z-index:3;right:-35px;top:-30px;width:105px;height:105px;border:2px solid var(--ink);border-radius:50%;background:var(--red);color:#fff;display:grid;place-items:center;text-align:center;font:700 25px/1 "Caveat",cursive;box-shadow:4px 4px 0 var(--ink);transform:rotate(8deg)}.store-hero-collage i{position:absolute;left:-60px;bottom:10px;font:700 75px/1 "Caveat",cursive;transform:rotate(-15deg)}
.store-section{padding:110px clamp(22px,5vw,80px) 130px;min-height:100vh;background-image:linear-gradient(90deg,transparent 0 49.5%,rgba(217,79,70,.08) 49.5% 50.5%,transparent 50.5%)}.store-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.store-heading h2{font-size:clamp(48px,5.5vw,78px)}.store-heading>p{font:600 23px/1 "Caveat",cursive;color:#66736d;transform:rotate(-2deg)}.store-toolbar{position:sticky;top:92px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;margin-bottom:25px;background:#fffaf0;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--sage)}.store-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.store-filters::-webkit-scrollbar{display:none}.store-filters button{border:1.5px solid transparent;background:transparent;padding:10px 14px;white-space:nowrap;font-size:11px;font-weight:700;cursor:pointer}.store-filters button.active{border-color:var(--ink);border-radius:999px;background:var(--pink);box-shadow:2px 2px 0 var(--ink)}.store-search{min-width:240px;border:1.5px solid var(--ink);display:flex;align-items:center;background:#fff;padding:0 12px}.store-search input{width:100%;border:0;background:transparent;padding:12px 8px;outline:0}.store-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:38px 24px}.store-card{display:flex;flex-direction:column;min-width:0;transform:rotate(-.6deg);transition:.25s}.store-card:nth-child(4n+2){transform:rotate(.8deg)}.store-card:nth-child(4n+3){transform:rotate(-1deg)}.store-card:nth-child(4n){transform:rotate(.5deg)}.store-card:hover{transform:translateY(-7px) rotate(0)}.store-visual{position:relative;aspect-ratio:.88;border:2px solid var(--ink);background:var(--pink);box-shadow:7px 8px 0 rgba(39,35,31,.22)}.store-card:nth-child(4n+2) .store-visual{background:var(--sage)}.store-card:nth-child(4n+3) .store-visual{background:#f3df95}.store-card:nth-child(4n) .store-visual{background:var(--blue)}.store-visual:before{content:"";position:absolute;z-index:4;top:-17px;left:35%;width:78px;height:28px;background:rgba(226,190,130,.72);transform:rotate(-4deg)}.store-visual img{width:100%;height:100%;object-fit:contain;padding:9%;filter:contrast(1.07) saturate(1.05) drop-shadow(7px 10px 7px rgba(39,35,31,.16));transition:.4s}.store-card:hover .store-visual img{transform:scale(1.06) rotate(-1deg)}.stock-badge,.store-tag{position:absolute;z-index:5;border:1.5px solid var(--ink);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.store-tag{top:13px;left:-8px;padding:7px 9px;background:var(--red);color:#fff;box-shadow:2px 2px 0 var(--ink);transform:rotate(-4deg)}.stock-badge{right:10px;bottom:10px;padding:7px 8px;background:#fffaf0}.stock-badge.low{background:var(--yellow)}.store-info{padding:22px 6px 15px;flex:1}.store-brand{display:inline-block;background:var(--yellow);border:1px solid var(--ink);padding:3px 6px;font-size:8px;font-weight:700;letter-spacing:.13em}.store-info h3{font:700 20px/1.1 "Bodoni Moda",serif;margin:9px 0 12px}.store-info p{font-size:11px;line-height:1.55;color:#626b67;margin:0 0 13px}.store-price{display:flex;justify-content:space-between;align-items:center}.store-price b{font-size:16px}.store-price span{font-size:9px;color:#c28b22}.choose-product{width:100%;border:2px solid var(--ink);background:var(--ink);color:#fff;padding:14px 10px;box-shadow:4px 4px 0 var(--red);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.choose-product:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--red)}.empty-store{grid-column:1/-1;padding:80px 20px;text-align:center;font:600 25px/1.2 "Caveat",cursive}
.product-dialog{width:min(1160px,calc(100% - 32px));max-height:calc(100vh - 30px);border:3px solid var(--ink);padding:0;background:#fffaf0;color:var(--ink);box-shadow:12px 13px 0 rgba(39,35,31,.28);overflow:auto}.product-dialog::backdrop{background:rgba(34,30,27,.65);backdrop-filter:blur(4px)}.modal-close{position:sticky;float:right;right:18px;top:16px;z-index:8;width:45px;height:45px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:3px 3px 0 var(--ink);font-size:27px;cursor:pointer}.modal-layout{display:grid;grid-template-columns:.88fr 1.12fr;min-height:670px}.modal-product{padding:50px;background-color:#e5ecdd;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:24px 24px;border-right:2px dashed var(--ink)}.modal-image{height:315px;position:relative;background:var(--pink);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);transform:rotate(-1deg);margin-bottom:28px}.modal-image:before{content:"";position:absolute;z-index:2;top:-18px;left:38%;width:95px;height:30px;background:rgba(226,190,130,.72);transform:rotate(3deg)}.modal-image img{width:100%;height:100%;object-fit:contain;padding:7%;filter:contrast(1.08) saturate(1.05)}.modal-image span{position:absolute;left:-10px;top:18px;border:2px solid var(--ink);background:var(--red);color:#fff;padding:7px 10px;font-size:9px;font-weight:700;text-transform:uppercase;transform:rotate(-4deg)}.modal-brand{font-size:9px;font-weight:700;letter-spacing:.15em;margin:0}.modal-product h2{font:700 clamp(30px,3vw,44px)/1 "Bodoni Moda",serif;margin:8px 0 15px}.modal-price-row{display:flex;align-items:center;justify-content:space-between}.modal-price-row b{font-size:21px}.modal-price-row span{border:1px solid var(--ink);background:var(--yellow);padding:6px 8px;font-size:9px;font-weight:700}.modal-product>p:not(.modal-brand){font-size:12px;line-height:1.65}.detail-chips{display:flex;gap:6px;flex-wrap:wrap;margin:17px 0}.detail-chips span{background:#fff;border:1px solid var(--ink);padding:6px 8px;font-size:9px}.how-to{border-top:2px dashed rgba(39,35,31,.4);padding-top:14px}.how-to b{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.how-to p{font-size:11px;line-height:1.55;margin-bottom:0}.order-form{padding:55px 48px 40px}.form-title span{display:inline-block;background:var(--yellow);border:1.5px solid var(--ink);padding:5px 8px;font-size:8px;letter-spacing:.1em;font-weight:700}.form-title h3{font:700 clamp(30px,3vw,44px)/1 "DM Sans",sans-serif;letter-spacing:-.04em;margin:12px 0}.form-title p{font-size:11px;color:#66706c;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.order-form label,.delivery-choice legend{font-size:9px;font-weight:700}.order-form input,.order-form textarea{width:100%;border:1.5px solid var(--ink);background:#fff;padding:12px;margin-top:5px;border-radius:0;font-size:11px}.order-form textarea{resize:vertical}.delivery-choice{border:0;padding:0;margin:18px 0}.delivery-choice legend{margin-bottom:9px}.delivery-choice>label{display:flex;align-items:flex-start;gap:10px;border:1.5px solid var(--ink);padding:12px;margin-bottom:8px;background:#fff;cursor:pointer}.delivery-choice input{width:auto;margin:2px 0}.delivery-choice span b,.delivery-choice span small{display:block}.delivery-choice span b{font-size:11px}.delivery-choice span small{font-size:9px;font-weight:400;color:#69726f;margin-top:3px}.address-fields.hidden{display:none}.order-total{display:grid;grid-template-columns:1fr auto;margin-top:18px;border-top:2px dashed rgba(39,35,31,.35);padding-top:15px}.order-total span{font-size:11px;font-weight:700}.order-total b{font:700 22px/1 "Bodoni Moda",serif}.order-total small{grid-column:1/-1;font-size:8px;color:#6b7470;margin-top:4px}.send-order{width:100%;border:2px solid var(--ink);background:#24966c;color:#fff;padding:16px;margin-top:16px;box-shadow:4px 4px 0 var(--ink);font-size:11px;font-weight:700;text-transform:uppercase;cursor:pointer}.send-order:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.privacy-note{text-align:center;font-size:8px;color:#727a77}.store-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#415a48;color:#fff;padding:40px clamp(22px,5vw,75px);border-top:3px solid var(--ink)}.store-footer .brand img{width:58px;height:58px}.store-footer p{font-size:11px}.store-footer p a{font:600 18px/1 "Caveat",cursive;color:#f1cd70}.store-footer>small{font-size:8px}
@media(max-width:1050px){.store-grid{grid-template-columns:repeat(3,1fr)}.store-hero{grid-template-columns:1fr 1fr}.modal-product{padding:42px 30px}.order-form{padding:50px 32px}.store-whatsapp{display:none}.store-menu{display:block;width:42px;height:42px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:2px 2px 0 var(--ink)}.store-menu i{display:block;width:19px;height:2px;background:var(--ink);margin:5px auto}.site-header nav{position:absolute;display:flex;flex-direction:column;gap:0;left:0;right:0;top:92px;padding:12px 22px 22px;background:#fffaf0;border-bottom:2px solid var(--ink);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s}.site-header.nav-open nav{opacity:1;visibility:visible;transform:none}.site-header nav a{padding:12px 0;border-bottom:1px solid var(--line)}}
@media(max-width:760px){.store-page .site-header{height:72px}.store-page .brand span{display:flex}.store-page .brand img{width:48px;height:48px}.store-page .brand strong{font-size:14px}.store-menu{width:39px;height:39px}.site-header nav{top:72px}.store-hero{grid-template-columns:1fr;padding:65px 20px 55px;gap:45px}.store-hero h1{font-size:56px}.store-hero-collage{width:92%;justify-self:center;aspect-ratio:1.1}.store-hero-collage span{right:-18px;width:82px;height:82px;font-size:21px}.store-section{padding:75px 18px 95px}.store-heading{display:block;margin-bottom:30px}.store-heading h2{font-size:45px}.store-heading>p{margin-top:20px}.store-toolbar{top:72px;display:block;padding:10px}.store-search{margin-top:8px;min-width:0}.store-grid{grid-template-columns:repeat(2,1fr);gap:30px 10px}.store-info h3{font-size:16px}.modal-layout{grid-template-columns:1fr}.product-dialog{max-height:calc(100vh - 14px);width:calc(100% - 14px)}.modal-product{padding:55px 20px 35px;border-right:0;border-bottom:2px dashed var(--ink)}.modal-image{height:280px}.order-form{padding:40px 20px 30px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.store-footer{display:block;text-align:center}.store-footer .brand{justify-content:center}.store-footer p{margin:25px 0}}
@media(max-width:430px){.store-page .brand span{display:none}.store-hero{grid-template-columns:minmax(0,1fr)}.store-hero-copy,.store-hero-collage{min-width:0}.store-hero-copy>p:last-child{max-width:100%;overflow-wrap:anywhere}.store-hero-collage{width:calc(100% - 28px)}.store-hero-collage span{right:-8px}.store-hero-collage i{left:-28px}.store-grid{grid-template-columns:1fr}.store-card{max-width:345px;width:100%;margin:auto}.store-visual{aspect-ratio:.95}.store-heading h2{font-size:39px}}
