:root{--black:#f7ece7;--deep:#f0ddd6;--plum:#e8cfc8;--card:#fdf6f2;--pink:#cf8f87;--hot:#d99c8a;--blush:#bd7d76;--lavender:#8a9aa6;--cream:#534743;--text:#5f534e;--muted:#9c8b85;--border:rgba(90,70,60,0.12);--green:#6fae8a;--red:#cf7b73;--yellow:#d6a96a;--script-shadow:0 1px 0 rgba(189,125,118,.5),0 2px 8px rgba(189,125,118,.55),0 0 24px rgba(207,143,135,.45);--admin-h:48px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body.admin-mode{--scroll-pad:calc(64px+var(--admin-h))}body{background-color:var(--black);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg opacity='.065' fill='none' stroke='%23bd7d76' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='20' cy='20' r='5.5'/%3E%3Cellipse cx='20' cy='13' rx='2.4' ry='4' transform='rotate(0 20 20)'/%3E%3Cellipse cx='20' cy='13' rx='2.4' ry='4' transform='rotate(51.4 20 20)'/%3E%3Cellipse cx='20' cy='13' rx='2.4' ry='4' transform='rotate(102.8 20 20)'/%3E%3Cellipse cx='20' cy='13' rx='2.4' ry='4' transform='rotate(154.2 20 20)'/%3E%3Cellipse cx='20' cy='13' rx='2.4' ry='4' transform='rotate(205.7 20 20)'/%3E%3Cellipse cx='20' cy='13' rx='2.4' ry='4' transform='rotate(257.1 20 20)'/%3E%3Cellipse cx='20' cy='13' rx='2.4' ry='4' transform='rotate(308.5 20 20)'/%3E%3Cline x1='20' y1='25.5' x2='20' y2='32'/%3E%3Cline x1='20' y1='28' x2='17' y2='31'/%3E%3Cline x1='60' y1='18' x2='60' y2='24'/%3E%3Cline x1='57' y1='21' x2='63' y2='21'/%3E%3Cline x1='57.8' y1='18.8' x2='62.2' y2='23.2'/%3E%3Cline x1='62.2' y1='18.8' x2='57.8' y2='23.2'/%3E%3Cpath d='M20 62c0-2-3-4-3-6a2 2 0 0 1 3-1.5A2 2 0 0 1 23 56c0 2-3 4-3 6z'/%3E%3Ccircle cx='58' cy='58' r='1'/%3E%3Ccircle cx='62' cy='55' r='.7'/%3E%3Ccircle cx='55' cy='55' r='.7'/%3E%3C/g%3E%3C/svg%3E");color:var(--text);font-family:'Mulish',sans-serif;overflow-x:hidden;padding-top:64px}body.admin-mode{padding-top:calc(64px+var(--admin-h))}body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:9000;mix-blend-mode:multiply;opacity:.4}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--pink);border-radius:2px}.flower-deco{position:absolute;pointer-events:none;z-index:1;opacity:.9;filter:drop-shadow(0 4px 10px rgba(189,125,118,.18));overflow:visible}.hero .hf-1{width:170px;height:170px;top:7.5rem;right:2.2rem;transform:rotate(12deg)}.hero .hf-2{width:120px;height:120px;bottom:2.5rem;left:1.5rem;transform:rotate(-18deg);opacity:.75}.sec-flower{display:block;width:64px;height:64px;margin:0 auto .4rem;pointer-events:none;filter:drop-shadow(0 3px 8px rgba(189,125,118,.2));position:relative}.dm-banner{position:relative}.dm-banner .df-1{width:110px;height:110px;top:-2rem;right:-1rem;transform:rotate(20deg);opacity:.8}footer{position:relative}footer .ff-1{width:100px;height:100px;top:-3rem;right:8%;transform:rotate(-12deg);opacity:.8}@media(max-width:900px){.hero .hf-1{width:110px;height:110px;top:6rem;right:.8rem}.hero .hf-2{display:none}.dm-banner .df-1{width:80px;height:80px;top:-1.5rem;right:.2rem}}@media(max-width:600px){.sec-flower{width:50px;height:50px}footer .ff-1{display:none}}#adminBar{position:fixed;top:0;left:0;right:0;height:var(--admin-h);background:linear-gradient(90deg,var(--deep),var(--plum),var(--deep));border-bottom:1px solid rgba(207,143,135,.4);display:none;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:900;box-shadow:0 2px 20px rgba(207,143,135,.2)}#adminBar.show{display:flex}.ab-left{display:flex;align-items:center;gap:.75rem}.ab-badge{background:linear-gradient(135deg,var(--pink),var(--hot));color:white;padding:.18rem .7rem;border-radius:50px;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.ab-mode{font-size:.78rem;font-weight:700;color:var(--blush);opacity:.75}.ab-center{display:flex;align-items:center;gap:.35rem}.ab-btn{display:flex;align-items:center;gap:.35rem;background:rgba(120,90,80,.06);border:1px solid rgba(120,90,80,.1);color:var(--text);padding:.32rem .9rem;border-radius:7px;font-size:.73rem;font-weight:700;cursor:pointer;font-family:'Mulish',sans-serif;transition:all .2s;white-space:nowrap}.ab-btn:hover{background:rgba(207,143,135,.18);border-color:rgba(207,143,135,.4);color:var(--blush)}.ab-btn.active{background:rgba(207,143,135,.2);border-color:var(--pink);color:white}.ab-btn-add{background:linear-gradient(135deg,var(--pink),var(--hot));border-color:transparent;color:white;box-shadow:0 2px 10px rgba(207,143,135,.35)}.ab-btn-add:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(207,143,135,.5);color:white}.ab-right{display:flex;align-items:center;gap:.5rem}.ab-exit{background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.25);color:var(--red);padding:.28rem .8rem;border-radius:7px;font-size:.7rem;font-weight:800;cursor:pointer;font-family:'Mulish',sans-serif;transition:all .2s}.ab-exit:hover{background:rgba(248,113,113,.22)}.admin-panel{position:fixed;top:var(--admin-h);left:0;right:0;background:rgba(13,0,16,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(207,143,135,.2);z-index:850;display:none;box-shadow:0 6px 28px rgba(160,120,110,.15);max-height:85vh;overflow-y:auto}.admin-panel.open{display:block}.ap-inner{max-width:1200px;margin:0 auto;padding:1.5rem 2rem}.ap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}.ap-title{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:white}.ap-close{background:none;border:none;color:var(--muted);font-size:1.3rem;cursor:pointer;transition:color .2s}.ap-close:hover{color:var(--red)}.ap-tabs{display:flex;gap:.4rem;margin-bottom:1.4rem;flex-wrap:wrap}.ap-tab{padding:.38rem 1rem;border-radius:50px;font-size:.75rem;font-weight:800;cursor:pointer;border:1px solid var(--border);background:transparent;color:var(--text);opacity:.5;font-family:'Mulish',sans-serif;transition:all .22s}.ap-tab.active,.ap-tab:hover{background:var(--pink);border-color:var(--pink);color:white;opacity:1}.ap-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-bottom:1.4rem}.ap-stat{background:rgba(120,90,80,.04);border:1px solid var(--border);border-radius:12px;padding:1rem 1.2rem}.aps-num{font-family:'Cormorant Garamond',serif;font-size:1.8rem;color:var(--blush)}.aps-label{font-size:.72rem;color:var(--muted);font-weight:700;margin-top:.1rem}.ap-table-wrap{background:rgba(120,90,80,.025);border:1px solid var(--border);border-radius:12px;overflow:hidden}.ap-tw-head{padding:1rem 1.2rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.ap-search{background:rgba(120,90,80,.05);border:1px solid var(--border);color:var(--text);padding:.48rem .9rem;border-radius:8px;font-size:.82rem;font-family:'Mulish',sans-serif;outline:none;width:220px;transition:border-color .3s}.ap-search:focus{border-color:var(--pink)}.ap-search::placeholder{color:rgba(240,221,232,.2)}table{width:100%;border-collapse:collapse}thead tr{border-bottom:1px solid var(--border)}th{padding:.8rem 1rem;text-align:left;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}td{padding:.8rem 1rem;border-bottom:1px solid rgba(120,90,80,.03);font-size:.83rem;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:rgba(120,90,80,.015)}.td-img{width:42px;height:52px;border-radius:6px;overflow:hidden;background:rgba(120,90,80,.05);display:flex;align-items:center;justify-content:center;font-size:1.3rem;border:1px solid var(--border);flex-shrink:0}.td-img img{width:100%;height:100%;object-fit:cover}.badge{display:inline-block;padding:.15rem .55rem;border-radius:50px;font-size:.62rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.bg-green{background:rgba(74,222,128,.15);color:var(--green);border:1px solid rgba(74,222,128,.3)}.bg-red{background:rgba(248,113,113,.15);color:var(--red);border:1px solid rgba(248,113,113,.3)}.bg-purple{background:rgba(192,132,252,.15);color:#c084fc;border:1px solid rgba(192,132,252,.3)}.bg-yellow{background:rgba(251,191,36,.15);color:var(--yellow);border:1px solid rgba(251,191,36,.3)}.bg-orange{background:rgba(251,146,60,.15);color:#fb923c;border:1px solid rgba(251,146,60,.3)}.bg-blue{background:rgba(96,165,250,.15);color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.bg-dark-badge{background:rgba(120,90,80,.06);color:var(--text);border:1px solid rgba(120,90,80,.15)}.bg-pink-badge{background:rgba(207,143,135,.15);color:var(--pink);border:1px solid rgba(207,143,135,.3)}.tags-picker{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.2rem}.tag-opt{cursor:pointer;user-select:none}.tag-opt input[type=checkbox]{display:none}.tag-opt-inner{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .85rem;border-radius:50px;font-size:.73rem;font-weight:700;border:1.5px solid var(--border);background:rgba(120,90,80,.04);color:var(--muted);transition:all .2s;white-space:nowrap}.tag-opt input:checked+.tag-opt-inner{background:rgba(207,143,135,.18);border-color:var(--pink);color:white}.tag-opt[data-tag="sale"] input:checked+.tag-opt-inner{background:rgba(251,146,60,.18);border-color:#fb923c;color:#fb923c}.tag-opt[data-tag="unico"] input:checked+.tag-opt-inner{background:rgba(192,132,252,.18);border-color:#c084fc;color:#c084fc}.tag-opt[data-tag="novo"] input:checked+.tag-opt-inner{background:rgba(74,222,128,.18);border-color:var(--green);color:var(--green)}.tag-opt[data-tag="rock"] input:checked+.tag-opt-inner{background:rgba(120,90,80,.1);border-color:rgba(120,90,80,.35);color:white}.tag-opt[data-tag="lancamento"] input:checked+.tag-opt-inner{background:rgba(96,165,250,.18);border-color:#60a5fa;color:#60a5fa}.tag-opt[data-tag="destaque"] input:checked+.tag-opt-inner{background:rgba(251,191,36,.18);border-color:var(--yellow);color:var(--yellow)}.tag-opt[data-tag="exclusivo"] input:checked+.tag-opt-inner{background:rgba(192,132,252,.18);border-color:#c084fc;color:#c084fc}.tag-opt[data-tag="collab"] input:checked+.tag-opt-inner{background:rgba(207,143,135,.18);border-color:var(--pink);color:var(--blush)}.tag-opt[data-tag="limitado"] input:checked+.tag-opt-inner{background:rgba(248,113,113,.18);border-color:var(--red);color:var(--red)}.tag-opt[data-tag="vintage"] input:checked+.tag-opt-inner{background:rgba(255,179,209,.18);border-color:var(--blush);color:var(--blush)}.tag-opt-inner:hover{border-color:var(--pink);color:var(--text)}.promo-fields.show{display:block}.promo-fields .f-label{color:#fb923c}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.promo-preview{font-size:.75rem;color:#fb923c;font-weight:700;margin-top:.5rem;padding:.4rem .75rem;background:rgba(251,146,60,.1);border-radius:8px;display:none}.promo-preview.show{display:block}.pcard-promo-timer{position:absolute;bottom:.45rem;left:.45rem;background:rgba(251,146,60,.92);color:white;font-size:.58rem;font-weight:800;padding:.2rem .5rem;border-radius:5px;z-index:3;letter-spacing:.03em}.stock-wrap{position:relative}.stock-zero-warn{font-size:.68rem;color:var(--red);font-weight:700;margin-top:.3rem;display:none}.stock-zero-warn.show{display:block}#pwaInstallBanner{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--card),var(--deep));border:1px solid rgba(207,143,135,.4);border-radius:16px;padding:1rem 1.4rem;display:none;align-items:center;gap:1rem;z-index:1800;box-shadow:0 8px 40px rgba(0,0,0,.7);max-width:380px;width:calc(100% - 2rem);animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275) both}@keyframes slideUp{from{transform:translateX(-50%) translateY(100px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}#pwaInstallBanner.show{display:flex}.pwa-icon{font-size:2rem;flex-shrink:0}.pwa-text{flex:1}.pwa-text strong{display:block;font-size:.88rem;font-weight:800;color:var(--cream);margin-bottom:.15rem}.pwa-text span{font-size:.73rem;color:var(--muted)}.pwa-btns{display:flex;flex-direction:column;gap:.35rem;flex-shrink:0}.pwa-install-btn{background:linear-gradient(135deg,var(--pink),var(--hot));color:white;border:none;border-radius:8px;padding:.42rem .9rem;font-size:.72rem;font-weight:800;cursor:pointer;font-family:'Mulish',sans-serif;white-space:nowrap}.pwa-dismiss-btn{background:none;border:none;color:var(--muted);font-size:.68rem;cursor:pointer;font-family:'Mulish',sans-serif;text-align:center}.td-actions{display:flex;gap:.3rem}.bic{width:28px;height:28px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;transition:all .2s}.bic-edit{background:rgba(255,179,209,.1);color:var(--blush)}.bic-edit:hover{background:rgba(255,179,209,.2)}.bic-del{background:rgba(248,113,113,.1);color:var(--red)}.bic-del:hover{background:rgba(248,113,113,.2)}.bic-sold{background:rgba(74,222,128,.1);color:var(--green)}.bic-sold:hover{background:rgba(74,222,128,.2)}.tr-empty td,.tr-loading td{text-align:center;padding:2.5rem;color:var(--muted);font-size:.85rem}.ap-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.ap-settings-card{background:rgba(120,90,80,.03);border:1px solid var(--border);border-radius:12px;padding:1.2rem}.ap-settings-card h3{font-size:.85rem;font-weight:800;color:white;margin-bottom:1rem}.api-indicator{display:flex;align-items:center;gap:.45rem;font-size:.75rem;font-weight:700;padding:.4rem .8rem;border-radius:7px;margin-bottom:.75rem}.api-ok{background:rgba(74,222,128,.1);color:var(--green);border:1px solid rgba(74,222,128,.2)}.api-warn{background:rgba(251,191,36,.1);color:var(--yellow);border:1px solid rgba(251,191,36,.2)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(8px);z-index:950;display:none;align-items:center;justify-content:center;padding:1rem}.modal-overlay.open{display:flex}.modal{background:var(--card);border:1px solid rgba(207,143,135,.2);border-radius:22px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 70px rgba(160,120,110,.18)}.modal-head{padding:1.3rem 1.4rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--card);z-index:1;border-radius:22px 22px 0 0}.modal-head h3{font-family:'Cormorant Garamond',serif;font-size:1.25rem;color:var(--cream)}.modal-close-btn{background:none;border:none;color:var(--muted);font-size:1.4rem;cursor:pointer;line-height:1;transition:color .2s}.modal-close-btn:hover{color:var(--red)}.modal-body{padding:1.4rem}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.form-group{margin-bottom:.1rem}.form-group.full{grid-column:1/-1}.f-label{display:block;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--pink);margin-bottom:.4rem}.f-input{width:100%;background:rgba(120,90,80,.05);border:1px solid var(--border);color:var(--text);padding:.75rem 1rem;border-radius:10px;font-size:.875rem;font-family:'Mulish',sans-serif;outline:none;transition:border-color .3s}.f-input:focus{border-color:var(--pink)}.f-input::placeholder{color:rgba(240,221,232,.2)}select.f-input option{background:var(--card);color:var(--text)}textarea.f-input{resize:vertical;min-height:80px}.multi-photos-section{margin-top:.75rem}.mps-label{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--pink);margin-bottom:.6rem;display:block}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin-bottom:.7rem}.photo-slot{aspect-ratio:3/4;border-radius:10px;overflow:hidden;position:relative;background:rgba(120,90,80,.04);border:1.5px dashed rgba(207,143,135,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s}.photo-slot:hover{border-color:var(--pink);background:rgba(207,143,135,.07)}.photo-slot img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.photo-slot .slot-add{font-size:1.4rem;color:rgba(207,143,135,.45);transition:color .2s}.photo-slot:hover .slot-add{color:var(--pink)}.photo-slot .slot-num{position:absolute;bottom:.3rem;left:.3rem;background:rgba(0,0,0,.6);color:white;font-size:.55rem;font-weight:800;padding:.1rem .3rem;border-radius:4px}.photo-slot .slot-del{position:absolute;top:.3rem;right:.3rem;width:20px;height:20px;border-radius:50%;background:rgba(248,113,113,.85);border:none;color:white;font-size:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.photo-slot:hover .slot-del{opacity:1}.photo-slot.cover-slot{border-color:var(--pink);border-style:solid}.photo-slot.cover-slot::after{content:'Capa';position:absolute;top:.3rem;left:.3rem;background:var(--pink);color:white;font-size:.5rem;font-weight:800;padding:.1rem .4rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.photo-add-more{border-radius:10px;background:rgba(120,90,80,.03);border:1.5px dashed rgba(120,90,80,.12);padding:.55rem 1rem;font-size:.75rem;font-weight:700;color:var(--muted);cursor:pointer;font-family:'Mulish',sans-serif;transition:all .25s;width:100%}.photo-add-more:hover{border-color:var(--pink);color:var(--blush)}.img-upload-box{border:2px dashed rgba(207,143,135,.3);border-radius:11px;padding:1.3rem;text-align:center;cursor:pointer;transition:all .3s;background:rgba(207,143,135,.03)}.img-upload-box:hover{border-color:var(--pink);background:rgba(207,143,135,.07)}.img-prev{width:100%;max-height:170px;object-fit:contain;border-radius:7px;margin-bottom:.6rem;display:none}.img-up-text{font-size:.78rem;color:var(--muted);font-weight:700}.img-up-text span{color:var(--pink)}.modal-foot{padding:1.1rem 1.4rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.6rem;position:sticky;bottom:0;background:var(--card)}.btn{padding:.55rem 1.3rem;border-radius:9px;font-size:.78rem;font-weight:800;cursor:pointer;font-family:'Mulish',sans-serif;transition:all .25s;border:none;display:inline-flex;align-items:center;gap:.4rem}.btn-pink{background:linear-gradient(135deg,var(--pink),var(--hot));color:white;box-shadow:0 4px 15px rgba(207,143,135,.3)}.btn-pink:hover{transform:translateY(-1px)}.btn-pink:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ghost{background:rgba(120,90,80,.05);border:1px solid var(--border)!important;color:var(--text)}.btn-ghost:hover{background:rgba(120,90,80,.09)}.btn-danger{background:rgba(248,113,113,.12);color:var(--red);border:1px solid rgba(248,113,113,.25)!important}.btn-danger:hover{background:rgba(248,113,113,.2)}.confirm-overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);z-index:1000;display:none;align-items:center;justify-content:center}.confirm-overlay.open{display:flex}.confirm-box{background:var(--card);border:1px solid rgba(248,113,113,.3);border-radius:18px;padding:1.8rem;max-width:340px;width:100%;text-align:center}.confirm-box h3{font-size:1rem;font-weight:800;color:var(--cream);margin-bottom:.4rem}.confirm-box p{font-size:.83rem;color:var(--muted);margin-bottom:1.3rem;line-height:1.5}.confirm-actions{display:flex;gap:.6rem;justify-content:center}














.pd-badges{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.pd-detail-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.2rem}.pd-chip{background:rgba(120,90,80,.05);border:1px solid var(--border);color:var(--text);padding:.22rem .75rem;border-radius:50px;font-size:.72rem;font-weight:700}.pd-price-box{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1.2rem}.pd-price-old{font-size:.95rem;color:var(--muted);text-decoration:line-through}.pd-price{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--blush)}.pd-desc{font-size:.875rem;line-height:1.75;color:var(--text);opacity:.78;margin-bottom:1.5rem;flex:1}.pd-desc:empty{display:none}nav{position:fixed;top:0;left:0;right:0;z-index:500;padding:.9rem 2.5rem;display:flex;align-items:center;justify-content:space-between;background:rgba(247,236,231,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(207,143,135,.18);transition:top .3s}body.admin-mode nav{top:var(--admin-h)}.nav-logo{display:flex;align-items:center;gap:.55rem;cursor:pointer}.nav-logo-icon{display:flex;align-items:center;animation:wiggle 3s ease-in-out infinite}@keyframes wiggle{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.nav-logo-text{font-family:'Parisienne',cursive;font-size:1.35rem;white-space:nowrap;background:linear-gradient(135deg,var(--hot),var(--blush),var(--lavender));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:1.2rem;list-style:none}.nav-links a{color:var(--text);text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.68;transition:all .25s;white-space:nowrap}.nav-links a:hover{opacity:1;color:var(--blush)}.nav-right{display:flex;align-items:center;gap:.85rem}#a11yDesktopBtn{background:rgba(207,143,135,.1);border:1.5px solid rgba(207,143,135,.28);border-radius:50px;padding:.32rem .85rem;display:flex;align-items:center;gap:.38rem;font-size:.73rem;font-weight:800;color:var(--blush);cursor:pointer;font-family:'Mulish',sans-serif;transition:all .22s;white-space:nowrap}#a11yDesktopBtn:hover{background:rgba(207,143,135,.2);border-color:var(--pink);color:var(--pink)}@media(max-width:900px){#a11yDesktopBtn{display:none}}.nav-insta{font-size:.76rem;font-weight:800;color:var(--blush);opacity:.88;text-decoration:none;transition:opacity .25s}.nav-insta:hover{opacity:1}#cartToggle{position:relative;background:linear-gradient(135deg,var(--pink),var(--hot));border:none;color:white;padding:.5rem 1.2rem;border-radius:50px;font-size:.78rem;font-weight:800;cursor:pointer;font-family:'Mulish',sans-serif;transition:all .3s;box-shadow:0 4px 15px rgba(207,143,135,.35)}#cartToggle:hover{transform:translateY(-2px)}.cart-bubble{position:absolute;top:-.4rem;right:-.4rem;width:18px;height:18px;border-radius:50%;background:white;color:var(--pink);font-size:.6rem;font-weight:800;display:none;align-items:center;justify-content:center;border:2px solid var(--black)}.cart-bubble.show{display:flex}.hero{position:relative;overflow:visible;min-height:calc(100vh - 64px);display:flex;align-items:center;padding:5rem 3rem 4rem;width:100%;box-sizing:border-box}.hero-bg{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse 70% 70% at 18% 35%,rgba(232,207,200,.9),transparent 55%),radial-gradient(ellipse 55% 55% at 85% 25%,rgba(217,156,138,.22),transparent 55%),radial-gradient(ellipse 60% 50% at 60% 90%,rgba(138,154,166,.20),transparent 60%),var(--black)}.blob{position:absolute;border-radius:50%;filter:blur(80px);animation:floatB var(--d,8s) ease-in-out infinite;pointer-events:none}.blob-1{width:500px;height:500px;background:radial-gradient(circle,rgba(217,156,138,.30),transparent);top:-150px;right:-100px;--d:10s}.blob-2{width:300px;height:300px;background:radial-gradient(circle,rgba(138,154,166,.28),transparent);bottom:50px;left:5%;--d:7s;animation-delay:-3s}@keyframes floatB{0%,100%{transform:translateY(0)}50%{transform:translateY(-25px)}}.stars{position:absolute;inset:0;overflow:hidden;pointer-events:none}.star{position:absolute;border-radius:50%;background:var(--blush);opacity:0;animation:twinkle var(--d,3s) var(--delay,0s) ease-in-out infinite}@keyframes twinkle{0%,100%{opacity:0;transform:scale(.5)}50%{opacity:.5;transform:scale(1.2)}}@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;width:100%;margin:0 auto}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:rgba(207,143,135,.12);border:1px solid rgba(207,143,135,.3);color:var(--blush);padding:.35rem 1rem;border-radius:50px;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.8rem;animation:fadeUp .7s ease both}.hero-title{font-family:'Parisienne',cursive;font-size:clamp(3.5rem,7vw,6rem);line-height:1.05;margin-bottom:.5rem;animation:fadeUp .7s ease .1s both;font-weight:400;color:#fff;text-shadow:var(--script-shadow)}.hero-title .line1{display:block;color:#fff}.hero-title .line2{display:block;color:#fff;-webkit-text-fill-color:#fff}.hero-title .line3{display:block;font-family:'Parisienne',cursive;font-size:.52em;color:#fff;-webkit-text-fill-color:#fff;margin-top:.3rem}.hero-bio{font-size:1rem;line-height:1.7;color:var(--text);opacity:.82;margin:1.5rem 0 2rem;max-width:420px;animation:fadeUp .7s ease .2s both}.hero-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2.5rem;animation:fadeUp .7s ease .3s both}.tag{background:rgba(120,90,80,.05);border:1px solid rgba(120,90,80,.1);color:var(--text);opacity:.7;padding:.3rem .9rem;border-radius:50px;font-size:.76rem;font-weight:600}.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;animation:fadeUp .7s ease .4s both}.btn-hot{background:linear-gradient(135deg,var(--pink),var(--hot));color:white;border:none;padding:.85rem 2.2rem;border-radius:50px;font-size:.85rem;font-weight:800;cursor:pointer;font-family:'Mulish',sans-serif;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s;box-shadow:0 6px 25px rgba(207,143,135,.4)}.btn-hot:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(207,143,135,.55)}.btn-hot:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-outline{background:transparent;border:1.5px solid rgba(255,179,209,.35);color:var(--blush);padding:.85rem 2.2rem;border-radius:50px;font-size:.85rem;font-weight:700;cursor:pointer;font-family:'Mulish',sans-serif;text-decoration:none;display:inline-block;transition:all .3s}.btn-outline:hover{border-color:var(--blush);background:rgba(255,179,209,.08)}.hero-right{position:relative;height:500px}.polaroid{position:absolute;background:#fdf6f0;padding:10px 10px 38px;border-radius:4px;box-shadow:0 12px 40px rgba(160,120,110,.28);transition:transform .4s ease;cursor:pointer}.polaroid:hover{z-index:10!important;transform:rotate(0deg) scale(1.06)!important}.pol-inner{width:100%;aspect-ratio:1;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:3.8rem;background:transparent}.pol-inner img{width:100%;height:100%;object-fit:cover}.pol-label{text-align:center;margin-top:6px;font-size:.62rem;font-weight:800;color:var(--muted);font-family:'Mulish',sans-serif}.pol-1{width:170px;top:10px;left:5%;transform:rotate(-7deg);z-index:2}.pol-2{width:190px;top:70px;left:28%;transform:rotate(3deg);z-index:4}.pol-3{width:165px;top:260px;left:3%;transform:rotate(6deg);z-index:3}.pol-4{width:180px;top:190px;left:52%;transform:rotate(-6deg);z-index:2}.pol-5{width:158px;top:295px;left:59%;transform:rotate(8deg);z-index:1}.bg-pink{background:linear-gradient(160deg,#f3ddd6,#e8cfc8)}.bg-dark{background:linear-gradient(160deg,#ece3dd,#ddd0c8)}.bg-denim{background:linear-gradient(160deg,#dfe5e8,#c9d2d8)}.bg-def{background:linear-gradient(160deg,#f3ece6,#e6ddd5)}.mug-banner{background:linear-gradient(135deg,rgba(207,143,135,.13) 0%,rgba(232,207,200,.18) 50%,rgba(138,154,166,.10) 100%);border-top:1px solid rgba(207,143,135,.18);border-bottom:1px solid rgba(207,143,135,.18);padding:3.5rem 3rem}.mug-banner-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:3rem}.mug-banner-text{flex:1;max-width:520px}.mug-banner-eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--pink);display:block;margin-bottom:.7rem}.mug-banner-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3.5vw,2.8rem);color:var(--cream);line-height:1.15;margin-bottom:.9rem}.mug-banner-title em{font-family:'Parisienne',cursive;color:var(--pink);font-style:normal;font-size:1.15em;text-shadow:0 2px 8px rgba(207,143,135,.35)}.mug-banner-desc{font-size:.92rem;color:var(--text);opacity:.82;line-height:1.65;margin-bottom:1.5rem}.mug-banner-img{flex-shrink:0;display:flex;align-items:center;justify-content:center}.mug-illustration{position:relative;filter:drop-shadow(0 12px 28px rgba(207,143,135,.25))}.mug-floret{position:absolute;font-size:1.1rem;color:var(--pink);opacity:.6;animation:floatB 4s ease-in-out infinite}.mug-floret-1{top:-10px;right:-14px;animation-delay:0s}.mug-floret-2{bottom:10px;left:-16px;animation-delay:-1.5s;font-size:.8rem}.mug-floret-3{top:30px;left:-20px;animation-delay:-3s;font-size:.7rem}@media(max-width:900px){.mug-banner-inner{flex-direction:column-reverse;text-align:center;gap:1.8rem}.mug-banner-text{max-width:100%}.mug-banner{padding:2.5rem 1.5rem}}@media(max-width:600px){.mug-banner-img svg{width:130px;height:145px}}.ticker{background:var(--pink);padding:.65rem 0;overflow:hidden;white-space:nowrap}.ticker-track{display:inline-block;animation:ticker 22s linear infinite}.ticker-track span{font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:white;margin:0 2rem}.ticker-item{display:inline-flex;align-items:center;gap:.45rem}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}section{padding:5.5rem 3rem}.inner{max-width:1200px;margin:0 auto}.sec-header{text-align:center;margin-bottom:3.5rem}.sec-label{font-size:.7rem;font-weight:800;letter-spacing:.25em;text-transform:uppercase;color:var(--pink);display:block;margin-bottom:.8rem}.sec-title{font-family:'Parisienne',cursive;font-size:clamp(2.2rem,4.5vw,3.2rem);color:#fff;line-height:1.15;font-weight:400;text-shadow:var(--script-shadow)}.sec-title span{color:#fff;background:none;-webkit-text-fill-color:#fff}.cat-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-top:2.5rem}.cat-pill{background:rgba(120,90,80,.03);border:1px solid var(--border);border-radius:16px;padding:1.4rem 1rem;text-align:center;cursor:pointer;transition:all .3s}.cat-pill:hover{border-color:rgba(207,143,135,.4);background:rgba(207,143,135,.06);transform:translateY(-4px)}.cat-pill-icon{width:44px;height:44px;margin:0 auto .5rem;display:block}.cat-pill-icon svg{width:100%;height:100%}.cat-pill-name{font-size:.8rem;font-weight:800;color:var(--cream)}.cat-pill-count{font-size:.68rem;color:var(--pink);font-weight:700;margin-top:.2rem}.filters{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem}.filter-btn{background:rgba(120,90,80,.04);border:1px solid var(--border);color:var(--text);opacity:.75;padding:.42rem 1.1rem;border-radius:50px;font-size:.78rem;font-weight:700;cursor:pointer;font-family:'Mulish',sans-serif;transition:all .25s}.filter-btn.active,.filter-btn:hover{background:var(--pink);border-color:var(--pink);color:white;opacity:1}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.pcard{background:rgba(120,90,80,.03);border:1px solid var(--border);border-radius:18px;overflow:hidden;transition:all .35s ease;position:relative;cursor:pointer}.pcard:hover{transform:translateY(-7px);border-color:rgba(207,143,135,.35);box-shadow:0 14px 36px rgba(160,120,110,.22)}body.admin-mode .pcard{cursor:default}body.admin-mode .pcard:hover{border-color:rgba(207,143,135,.5)}.pcard-edit-btn{position:absolute;top:.7rem;left:.7rem;background:rgba(13,0,16,.85);border:1px solid rgba(207,143,135,.4);color:var(--blush);padding:.22rem .6rem;border-radius:6px;font-size:.65rem;font-weight:800;cursor:pointer;z-index:5;display:none;transition:all .2s;font-family:'Mulish',sans-serif}body.admin-mode .pcard-edit-btn{display:flex;align-items:center;gap:.3rem}.pcard-edit-btn:hover{background:var(--pink);color:white}.pcard-img{aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-size:4rem}.pcard-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .4s ease}.pcard:hover .pcard-img img{transform:scale(1.05)}.pcard-photo-count{position:absolute;bottom:.6rem;left:.7rem;background:rgba(247,236,231,.88);backdrop-filter:blur(4px);color:var(--text);font-size:.6rem;font-weight:800;padding:.18rem .5rem;border-radius:50px;z-index:3;display:flex;align-items:center;gap:.25rem}.pcard-badge{position:absolute;top:.75rem;left:.75rem;color:white;padding:.2rem .65rem;border-radius:50px;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;z-index:2}.pb-novo{background:linear-gradient(135deg,var(--pink),var(--hot))}.pb-unico{background:linear-gradient(135deg,#8b5cf6,#c084fc)}.pb-rock{background:#534743;border:1px solid #6a5a54}.pb-sale{background:linear-gradient(135deg,#a05070,#c4718c)}body.admin-mode .pcard-badge{left:auto;right:.75rem}.pcard-wish{position:absolute;bottom:.75rem;right:.75rem;width:30px;height:30px;border-radius:50%;background:rgba(83,71,67,.75);border:1px solid rgba(207,143,135,.3);display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;transition:all .25s;backdrop-filter:blur(6px);z-index:4}.pcard-wish:hover,.pcard-wish.liked{background:var(--pink);border-color:var(--pink)}body.admin-mode .pcard-overlay{display:none}.pcard-add-overlay{display:none}body:not(.admin-mode) .pcard:hover .pcard-add-overlay{display:none}.pcard-info{padding:.9rem 1rem 1.1rem;min-height:0}.pcard-cat{font-size:.65rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--pink);opacity:.8;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcard-name{font-size:.9rem;font-weight:700;color:var(--cream);line-height:1.3;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcard-detail{font-size:.72rem;color:var(--text);opacity:.60;margin-bottom:.6rem}.pcard-desc{font-size:.75rem;color:var(--text);opacity:.68;line-height:1.5;margin-bottom:.6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcard-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:.3rem}.pcard-price{font-size:1rem;font-weight:800;color:var(--blush)}.pcard-price-old{font-size:.72rem;color:var(--text);opacity:.3;text-decoration:line-through;display:block}.pcard-price-wrap{display:flex;flex-direction:column;gap:.1rem}.pcard-btn{width:38px;height:38px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--hot));border:none;color:white;font-size:1.4rem;font-weight:400;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;box-shadow:0 3px 12px rgba(207,143,135,.4);line-height:1;padding:0}.pcard-btn:hover{transform:scale(1.15);box-shadow:0 6px 18px rgba(207,143,135,.55)}body.admin-mode .pcard-btn{display:none}.loading-grid{display:flex;align-items:center;justify-content:center;padding:4rem;gap:1rem;color:var(--muted);font-weight:700;grid-column:1/-1}.loading-grid::before{content:'';width:22px;height:22px;border:3px solid rgba(207,143,135,.2);border-top-color:var(--pink);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-grid{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:.8rem;background:var(--card);border-radius:20px;border:1px dashed rgba(207,143,135,.35)}.empty-grid .ei{display:flex;align-items:center;justify-content:center;margin-bottom:.2rem}.empty-grid h3{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:var(--muted);font-weight:500;font-style:italic}.empty-grid p{font-size:.75rem;color:var(--muted);opacity:.65}.dm-banner{margin:0 3rem 5rem;border-radius:24px;background:linear-gradient(135deg,#f0ddd6,#e8cfc8 40%,#dfe5e8);border:1px solid rgba(207,143,135,.22);padding:4rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;position:relative;overflow:hidden}.dm-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,rgba(138,154,166,.25),transparent 60%)}.dm-deco{position:absolute;right:4%;top:50%;transform:translateY(-50%);font-size:11rem;opacity:.06;animation:floatB 8s ease-in-out infinite}.dm-content{position:relative;z-index:2}.dm-badge-label{display:inline-block;background:var(--pink);color:white;padding:.28rem 1rem;border-radius:50px;font-size:.68rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.2rem}.dm-title{font-family:'Parisienne',cursive;font-size:2.5rem;color:#fff;line-height:1.15;margin-bottom:1rem;font-weight:400;text-shadow:var(--script-shadow)}.dm-title em{font-style:italic;color:#fff}.dm-text{font-size:.95rem;line-height:1.7;color:var(--text);opacity:.82;margin-bottom:2rem}.dm-stats{position:relative;z-index:2;display:flex;flex-direction:column;gap:1.2rem}.dm-stat{background:rgba(120,90,80,.04);border:1px solid var(--border);border-radius:14px;padding:1.1rem 1.4rem}.dm-stat-num{font-family:'Cormorant Garamond',serif;font-size:1.9rem;background:linear-gradient(135deg,var(--hot),var(--blush));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.15rem}.dm-stat-label{font-size:.78rem;font-weight:600;color:var(--text);opacity:.72}.how{background:rgba(120,90,80,.05)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.step{text-align:center;padding:2.5rem 1.5rem;background:rgba(120,90,80,.03);border:1px solid var(--border);border-radius:20px;transition:all .3s}.step:hover{border-color:rgba(207,143,135,.3);transform:translateY(-5px)}.step-num{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--hot));color:white;font-family:'Cormorant Garamond',serif;font-size:1.3rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.1rem;box-shadow:0 6px 20px rgba(207,143,135,.4)}.step-icon{font-size:1.8rem;margin-bottom:.8rem;display:block}.step h3{font-size:1rem;font-weight:800;color:var(--cream);margin-bottom:.5rem}.step p{font-size:.85rem;line-height:1.6;color:var(--text);opacity:.72}footer{padding:4rem 3rem 2rem;border-top:1px solid var(--border)}.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand-name{font-family:'Parisienne',cursive;font-size:1.9rem;color:#fff;font-weight:400;text-shadow:var(--script-shadow);margin-bottom:.75rem}.footer-brand p{font-size:.85rem;line-height:1.7;color:var(--text);opacity:.68;margin-bottom:1.4rem}.footer-socials{display:flex;gap:.55rem}.soc{width:34px;height:34px;border-radius:9px;background:rgba(207,143,135,.1);border:1px solid rgba(207,143,135,.2);display:flex;align-items:center;justify-content:center;font-size:.95rem;cursor:pointer;transition:all .3s;text-decoration:none}.soc:hover{background:var(--pink);border-color:var(--pink)}.footer-col h4{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--pink);margin-bottom:1.1rem}.footer-col ul{list-style:none}.footer-col li{margin-bottom:.55rem}.footer-col a{font-size:.83rem;color:var(--text);opacity:.62;text-decoration:none;transition:all .25s}.footer-col a:hover{opacity:1;color:var(--blush)}.footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid var(--border);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center}.footer-bottom p{font-size:.76rem;color:var(--text);opacity:.52}.reveal{opacity:0;transform:translateY(30px);transition:all .6s ease}.reveal.in{opacity:1;transform:translateY(0)}.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:600;opacity:0;pointer-events:none;transition:opacity .3s}.cart-overlay.open{opacity:1;pointer-events:all}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100vw;background:var(--deep);border-left:1px solid rgba(207,143,135,.15);z-index:700;transform:translateX(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.cart-drawer.open{transform:translateX(0)}

/* ======================================
   FAVORITES DRAWER
====================================== */
.fav-overlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,.6);
  backdrop-filter: blur(4px);
  z-index: 600;
  opacity: 0; pointer-events: none;
  transition: opacity .3s;
}
.fav-overlay.open { opacity: 1; pointer-events: all; }
.fav-drawer {
  position: fixed; top: 0; left: 0; bottom: 0;
  width: 420px; max-width: 100vw;
  background: var(--deep);
  border-right: 1px solid rgba(207,143,135,.15);
  z-index: 700;
  transform: translateX(-100%);
  transition: transform .4s cubic-bezier(.4,0,.2,1);
  display: flex; flex-direction: column;
}
.fav-drawer.open { transform: translateX(0); }
.fav-head {
  padding: 1.4rem 1.5rem;
  border-bottom: 1px solid var(--border);
  display: flex; align-items: center; justify-content: space-between;
}
.fav-head h2 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.3rem; color: var(--cream);
  display: flex; align-items: center; gap: .5rem;
}
.fav-close {
  background: none; border: none; color: var(--muted);
  font-size: 1.5rem; cursor: pointer; transition: color .2s; line-height: 1;
}
.fav-close:hover { color: var(--red); }
.fav-body {
  flex: 1; overflow-y: auto; padding: 1.2rem 1.5rem;
}
.fav-empty {
  text-align: center; padding: 3rem 1rem; color: var(--muted);
}
.fav-item {
  display: flex; gap: 1rem; padding: 1rem 0;
  border-bottom: 1px solid var(--border);
  align-items: flex-start; cursor: pointer;
  transition: opacity .2s;
}
.fav-item:last-child { border-bottom: none; }
.fav-item:hover { opacity: .85; }
.fav-item-img {
  width: 60px; height: 75px; border-radius: 10px;
  overflow: hidden; background: rgba(120,90,80,.05);
  flex-shrink: 0; border: 1px solid var(--border);
}
.fav-item-img img { width: 100%; height: 100%; object-fit: cover; }
.fav-item-info { flex: 1; min-width: 0; }
.fav-item-name {
  font-size: .9rem; font-weight: 700; color: var(--cream);
  margin-bottom: .2rem;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.fav-item-price { font-size: 1rem; font-weight: 800; color: var(--blush); }
.fav-item-remove {
  background: none; border: none; color: var(--muted);
  font-size: 1.1rem; cursor: pointer; padding: .25rem;
  transition: color .2s; flex-shrink: 0;
}
.fav-item-remove:hover { color: var(--red); }
.cart-head{padding:1.4rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.cart-head h2{font-family:'Cormorant Garamond',serif;font-size:1.3rem;color:var(--cream)}.cart-close{background:none;border:none;color:var(--muted);font-size:1.5rem;cursor:pointer;transition:color .2s;line-height:1}.cart-close:hover{color:var(--red)}.cart-body{flex:1;overflow-y:auto;padding:1.2rem 1.5rem}.cart-empty{text-align:center;padding:3rem 1rem;color:var(--muted)}.cart-empty span{font-size:3rem;display:block;margin-bottom:1rem}.cart-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border);align-items:flex-start}.cart-item:last-child{border-bottom:none}.ci-img{width:60px;height:75px;border-radius:10px;overflow:hidden;background:rgba(120,90,80,.05);display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0;border:1px solid var(--border)}.ci-img img{width:100%;height:100%;object-fit:cover}.ci-info{flex:1;min-width:0}.ci-name{font-size:.9rem;font-weight:700;color:var(--cream);margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-detail{font-size:.72rem;color:var(--muted);margin-bottom:.5rem}.ci-price{font-size:1rem;font-weight:800;color:var(--blush)}.ci-remove{background:none;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer;padding:.25rem;transition:color .2s;flex-shrink:0}.ci-remove:hover{color:var(--red)}.cart-foot{padding:1.2rem 1.5rem;border-top:1px solid var(--border);background:var(--deep)}.cart-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.cart-total-row span{font-size:.85rem;font-weight:700;color:var(--muted)}.cart-total-row strong{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--blush)}.cart-checkout-btn{width:100%;background:linear-gradient(135deg,var(--pink),var(--hot));border:none;color:white;padding:1rem;border-radius:14px;font-size:.9rem;font-weight:800;cursor:pointer;font-family:'Mulish',sans-serif;transition:all .3s;box-shadow:0 6px 20px rgba(207,143,135,.35)}.cart-checkout-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(207,143,135,.5)}.checkout-overlay{position:fixed;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(10px);z-index:800;display:none;align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow-y:auto}.checkout-overlay.open{display:flex}.co-modal{background:var(--card);border:1px solid rgba(207,143,135,.2);border-radius:24px;width:100%;max-width:680px;box-shadow:0 24px 70px rgba(160,120,110,.18);margin:auto}.co-head{padding:1.4rem 1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--card);border-radius:24px 24px 0 0;z-index:1}.co-head h2{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:var(--cream)}.co-head-close{background:none;border:none;color:var(--muted);font-size:1.5rem;cursor:pointer;line-height:1}.co-head-close:hover{color:var(--red)}.co-body{padding:1.5rem}.co-step-nav{display:flex;gap:0;margin-bottom:1.8rem;border-radius:11px;overflow:hidden;border:1px solid var(--border)}.co-sn{flex:1;padding:.65rem .4rem;text-align:center;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:rgba(120,90,80,.02);border-right:1px solid var(--border);transition:all .3s}.co-sn:last-child{border-right:none}.co-sn.active{background:rgba(207,143,135,.15);color:var(--blush)}.co-sn.done{background:rgba(74,222,128,.08);color:var(--green)}.co-panel{display:none}.co-panel.active{display:block}.co-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.co-fg{margin-bottom:.9rem}.co-fg.full{grid-column:1/-1}.co-label{display:block;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--pink);margin-bottom:.4rem}.co-input{width:100%;background:rgba(120,90,80,.05);border:1px solid var(--border);color:var(--text);padding:.75rem 1rem;border-radius:10px;font-size:.875rem;font-family:'Mulish',sans-serif;outline:none;transition:border-color .3s}.co-input:focus{border-color:var(--pink)}.co-input::placeholder{color:rgba(240,221,232,.2)}.frete-cep-row{display:flex;gap:.75rem;align-items:flex-end;margin-bottom:1.2rem}.frete-cep-row .co-fg{flex:1;margin-bottom:0}.frete-calc-btn{background:rgba(207,143,135,.15);border:1px solid rgba(207,143,135,.3);color:var(--blush);padding:.75rem 1.2rem;border-radius:10px;font-size:.82rem;font-weight:800;cursor:pointer;font-family:'Mulish',sans-serif;white-space:nowrap;transition:all .3s}.frete-calc-btn:hover{background:rgba(207,143,135,.25)}.frete-calc-btn:disabled{opacity:.5;cursor:not-allowed}.frete-spinner{text-align:center;padding:1.5rem;color:var(--muted);font-size:.85rem;display:none}.frete-spinner::before{content:'';display:inline-block;width:16px;height:16px;border:2px solid rgba(207,143,135,.2);border-top-color:var(--pink);border-radius:50%;animation:spin .7s linear infinite;margin-right:.5rem;vertical-align:middle}.frete-options{display:flex;flex-direction:column;gap:.6rem}.frete-opt{background:rgba(120,90,80,.03);border:2px solid var(--border);border-radius:12px;padding:.9rem 1.1rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .25s}.frete-opt:hover{border-color:rgba(207,143,135,.3)}.frete-opt.selected{border-color:var(--pink);background:rgba(207,143,135,.06)}.fo-ico{font-size:1.4rem;flex-shrink:0}.fo-info{flex:1}.fo-name{font-size:.88rem;font-weight:700;color:white}.fo-prazo{font-size:.73rem;color:var(--muted);margin-top:.1rem}.fo-price{font-size:1.05rem;font-weight:800;color:var(--blush)}.frete-sim-note{background:rgba(251,191,36,.07);border:1px solid rgba(251,191,36,.2);color:var(--yellow);padding:.55rem .9rem;border-radius:8px;font-size:.73rem;font-weight:700;margin-top:.75rem;display:none}.co-summary{background:rgba(120,90,80,.03);border:1px solid var(--border);border-radius:13px;padding:1.1rem}.co-sum-title{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.85rem}.co-sum-item{display:flex;justify-content:space-between;align-items:center;padding:.38rem 0;border-bottom:1px solid rgba(120,90,80,.04)}.co-sum-item:last-child{border-bottom:none}.si-n{font-size:.83rem;color:var(--text);opacity:.72}.si-p{font-size:.83rem;font-weight:700;color:var(--blush)}.co-sum-total{display:flex;justify-content:space-between;align-items:center;padding-top:.85rem;margin-top:.5rem;border-top:1px solid rgba(207,143,135,.2)}.co-sum-total span{font-size:.83rem;font-weight:800;color:var(--muted)}.co-sum-total strong{font-family:'Cormorant Garamond',serif;font-size:1.55rem;color:var(--blush)}.pay-methods{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.4rem}.pay-method{background:rgba(120,90,80,.03);border:2px solid var(--border);border-radius:12px;padding:1.1rem;text-align:center;cursor:pointer;transition:all .25s}.pay-method:hover{border-color:rgba(207,143,135,.3)}.pay-method.selected{border-color:var(--pink);background:rgba(207,143,135,.06)}.pm-ico{font-size:1.8rem;margin-bottom:.4rem}.pm-name{font-size:.82rem;font-weight:800;color:white}.pm-desc{font-size:.67rem;color:var(--muted);margin-top:.15rem}.co-nav{display:flex;justify-content:space-between;align-items:center;margin-top:1.4rem;padding-top:1.1rem;border-top:1px solid var(--border)}.btn-prev{background:rgba(120,90,80,.05);border:1px solid var(--border);color:var(--text);padding:.68rem 1.3rem;border-radius:9px;font-size:.8rem;font-weight:700;cursor:pointer;font-family:'Mulish',sans-serif;transition:all .25s}.btn-prev:hover{background:rgba(120,90,80,.09)}.success-screen{text-align:center;padding:2.5rem 1rem}.success-ico{font-size:4rem;margin-bottom:1.2rem;display:block;animation:pop .5s cubic-bezier(.175,.885,.32,1.275) both}@keyframes pop{from{transform:scale(0)}to{transform:scale(1)}}.success-screen h2{font-family:'Cormorant Garamond',serif;font-size:1.8rem;color:white;margin-bottom:.6rem}.success-screen p{font-size:.9rem;color:var(--text);opacity:.58;line-height:1.7;max-width:400px;margin:0 auto}.success-order-box{background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.2);border-radius:12px;padding:.9rem 1.5rem;margin:1.4rem auto;display:inline-block}.success-order-box span{font-size:.72rem;color:var(--green);font-weight:800}.success-order-box strong{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:var(--green);display:block}.toast{position:fixed;bottom:2rem;right:2rem;background:var(--deep);border:1px solid rgba(207,143,135,.35);border-radius:13px;padding:.85rem 1.3rem;font-size:.875rem;font-weight:700;color:var(--cream);z-index:2000;transform:translateY(100px);opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 40px rgba(0,0,0,.4);max-width:320px}.toast.show{transform:translateY(0);opacity:1}.admin-add-inline{display:none;margin-top:1.2rem}body.admin-mode .admin-add-inline{display:inline-flex}.btn-admin-inline{background:linear-gradient(135deg,var(--pink),var(--hot));color:white;border:none;padding:.65rem 1.6rem;border-radius:50px;font-size:.82rem;font-weight:800;cursor:pointer;font-family:'Mulish',sans-serif;display:inline-flex;align-items:center;gap:.45rem;box-shadow:0 4px 18px rgba(207,143,135,.4);transition:all .3s;letter-spacing:.04em}.btn-admin-inline:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(207,143,135,.6)}.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:.4rem;z-index:10}.nav-burger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform .25s,opacity .2s}.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(247,236,231,.98);backdrop-filter:blur(12px);border-bottom:1px solid rgba(207,143,135,.22);padding:1rem 1.5rem 1.2rem;flex-direction:column;gap:0;z-index:200;box-shadow:0 8px 24px rgba(160,120,110,.12)}.nav-mobile-menu.open{display:flex}.nav-mobile-menu a{color:var(--text);text-decoration:none;font-size:.8rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;opacity:.65;padding:.75rem 0;border-bottom:1px solid rgba(90,70,60,.07);transition:opacity .18s}.nav-mobile-menu a:last-child{border-bottom:none}.nav-mobile-menu a:hover{opacity:1}@media(max-width:900px){.nav-links{display:none}.nav-burger{display:flex}.hero-inner,.dm-banner{grid-template-columns:1fr}.hero-right,.dm-deco{display:none}.products-grid{grid-template-columns:repeat(3,1fr)}.steps,.ap-stats{grid-template-columns:1fr 1fr}.cat-row{grid-template-columns:repeat(3,1fr)}section{padding:4rem 1.5rem}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.dm-banner{margin:0 1.5rem 4rem}.co-form-grid,.pay-methods,.ap-settings-grid{grid-template-columns:1fr}.cart-drawer{width:100vw}.ab-center{display:none}.modal-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(3,1fr)}.promo-grid{grid-template-columns:1fr}.tags-picker{gap:.35rem}.modal{max-width:100%;border-radius:18px}}@media(max-width:600px){.nav-insta{display:none}.nav-logo-text{font-size:1.2rem}section{padding:3rem 1rem}.inner{padding:0 .8rem}.steps{grid-template-columns:1fr}.ap-stats{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.cat-row{grid-template-columns:repeat(2,1fr)}.dm-banner{padding:2rem 1.5rem;margin:0 .8rem 3rem}.dm-banner{grid-template-columns:1fr}.dm-deco{display:none}.products-grid{grid-template-columns:repeat(2,1fr);gap:.9rem}.filters{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:.4rem;gap:.4rem}.filters::-webkit-scrollbar{height:3px}.filters::-webkit-scrollbar-track{background:transparent}.filters::-webkit-scrollbar-thumb{background:rgba(207,143,135,.3);border-radius:3px}.filter-btn{flex-shrink:0;white-space:nowrap}.sec-title{font-size:clamp(1.9rem,6vw,2.4rem)}.sec-title span{display:inline}.polaroid{display:none}.hero-tags{gap:.3rem}.checkout-modal,.cart-drawer{width:100vw}}@media(max-width:420px){.nav-logo-text{font-size:1.05rem}.nav-logo{gap:.4rem}.cart-label{display:none}#cartToggle{padding:.5rem .7rem}#cartToggle svg{margin-right:0!important}.nav-right{gap:.5rem}section{padding:2.5rem .8rem}.products-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.pcard{border-radius:14px}.pcard-info{padding:.7rem .8rem .9rem}.pcard-name{font-size:.95rem}.pcard-price{font-size:1.15rem}.hero-title{font-size:clamp(2.8rem,13vw,4rem)}.hero-bio{font-size:.88rem}.dm-banner{padding:1.5rem 1rem;margin:0 .5rem 2.5rem}.dm-stat-num{font-size:1.5rem}.sec-title{font-size:1.8rem}.footer-grid{gap:1.2rem}.step{padding:1.2rem}.how-steps{gap:.8rem}.filter-btn{font-size:.68rem;padding:.32rem .85rem}.cart-head{padding:1rem 1.2rem .8rem}.cart-item-info{font-size:.82rem}.btn-hot,.btn-outline{padding:.75rem 1.5rem;font-size:.82rem}.hero-eyebrow{font-size:.6rem}.empty-grid{padding:3rem 1rem}}.tags-picker{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.2rem}.tag-opt{cursor:pointer;user-select:none}.tag-opt input[type=checkbox]{display:none}.tag-opt-inner{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .85rem;border-radius:50px;font-size:.73rem;font-weight:700;border:1.5px solid var(--border);background:rgba(120,90,80,.04);color:var(--muted);transition:all .2s;white-space:nowrap}.pcard-soldout{position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:inherit;display:flex;align-items:center;justify-content:center;background:rgba(240,225,220,.08)}.pcard-soldout-label{position:relative;background:rgba(253,246,242,.96);color:#8a4a44;font-size:.62rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase;padding:.38rem 1.1rem;border-radius:50px;box-shadow:0 3px 16px rgba(0,0,0,.14),0 1px 4px rgba(180,100,90,.12);transform:rotate(-6deg);white-space:nowrap;display:inline-flex;align-items:center;gap:.4rem;border:1.5px solid rgba(180,110,100,.18);backdrop-filter:blur(2px)}.pcard-soldout-label::before{content:'';font-size:.85rem}.pcard.is-soldout .pcard-overlay{display:none}.pcard.is-soldout .pcard-btn{opacity:.3;pointer-events:none;cursor:not-allowed}.pcard.is-soldout .pcard-img img{filter:grayscale(30%) brightness(0.88) sepia(10%)}.promo-fields{background:rgba(251,146,60,.06);border:1px solid rgba(251,146,60,.25);border-radius:11px;padding:1rem;margin-top:.75rem;display:none;grid-column:1/-1}.promo-fields.show{display:block}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.promo-preview{font-size:.75rem;color:#fb923c;font-weight:700;margin-top:.65rem;padding:.5rem .85rem;background:rgba(251,146,60,.1);border-radius:8px;display:none}.promo-preview.show{display:block}.pcard-promo-timer{position:absolute;bottom:.45rem;left:.45rem;background:rgba(251,146,60,.92);color:white;font-size:.58rem;font-weight:800;padding:.2rem .5rem;border-radius:5px;z-index:3;letter-spacing:.03em}.pcard-badges{position:absolute;top:.55rem;left:.55rem;display:flex;flex-direction:column;gap:.3rem;z-index:2}body.admin-mode .pcard-badges{left:auto;right:.55rem}.pcard-badge{color:white;padding:.2rem .55rem;border-radius:50px;font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;display:inline-block}.pb-novo{background:linear-gradient(135deg,var(--green),#22c55e)}.pb-unico{background:linear-gradient(135deg,#8b5cf6,#c084fc)}.pb-rock{background:#534743;border:1px solid #6a5a54}.pb-sale{background:linear-gradient(135deg,#ea580c,#fb923c)}.pb-lancamento{background:linear-gradient(135deg,#2563eb,#60a5fa)}.pb-destaque{background:linear-gradient(135deg,#d97706,#fbbf24)}.pb-exclusivo{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.pb-collab{background:linear-gradient(135deg,var(--pink),var(--hot))}.pb-limitado{background:linear-gradient(135deg,var(--red),#f87171)}.pb-vintage{background:linear-gradient(135deg,#be185d,#fb7185)}.admin-panel{background:var(--card)!important;border-bottom-color:rgba(207,143,135,.3)!important}.admin-panel .ap-title{color:var(--cream)!important}.admin-panel table th{color:var(--pink)!important}.admin-panel table td{color:var(--text)!important}.admin-panel tbody tr:hover td{background:rgba(207,143,135,.06)!important}.admin-panel .aps-num{color:var(--blush)!important}.admin-panel .aps-label{color:var(--muted)!important}.admin-panel .ap-search,.admin-panel .f-input{background:rgba(207,143,135,.07)!important;border-color:rgba(207,143,135,.25)!important;color:var(--text)!important}.admin-panel .ap-search::placeholder,.admin-panel .f-input::placeholder{color:var(--muted)!important;opacity:.6}.admin-panel .ap-search:focus,.admin-panel .f-input:focus{border-color:var(--pink)!important}.admin-panel .ap-tab{color:var(--text)!important;border-color:rgba(207,143,135,.22)!important;background:rgba(207,143,135,.04)!important;opacity:.7}.admin-panel .ap-tab.active,.admin-panel .ap-tab:hover{background:var(--pink)!important;border-color:var(--pink)!important;color:white!important;opacity:1!important}.admin-panel .ap-stat{background:rgba(207,143,135,.07)!important;border-color:rgba(207,143,135,.2)!important}.admin-panel .ap-settings-card{background:rgba(207,143,135,.05)!important;border-color:rgba(207,143,135,.18)!important}.admin-panel .ap-settings-card h3{color:var(--cream)!important}.admin-panel .ap-table-wrap{background:rgba(207,143,135,.04)!important;border-color:rgba(207,143,135,.18)!important}.admin-panel .ap-tw-head,.admin-panel thead tr{border-color:rgba(207,143,135,.2)!important}.admin-panel tbody tr td{border-bottom-color:rgba(207,143,135,.1)!important}.admin-panel .f-label{color:var(--pink)!important}.admin-panel select.f-input option{background:var(--card)!important;color:var(--text)!important}.admin-panel .btn-ghost{background:rgba(207,143,135,.06)!important;border-color:rgba(207,143,135,.22)!important;color:var(--text)!important}.pcard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;background:var(--card);border-radius:20px;border:1px dashed rgba(207,143,135,.35);grid-column:1/-1}.pcard-empty p{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:var(--muted);font-weight:500;font-style:italic}.pcard-empty span{font-size:.75rem;color:var(--muted);opacity:.65}#introScreen{position:fixed;inset:0;z-index:99999;background:var(--black);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.4rem;transition:opacity .8s ease,visibility .8s ease}#introScreen.hide{opacity:0;visibility:hidden;pointer-events:none}#introFlower{width:180px;height:180px;overflow:visible}@keyframes petalOpen{0%{transform:rotate(var(--r)) scaleY(0) scaleX(.3);opacity:0}60%{opacity:1}100%{transform:rotate(var(--r)) scaleY(1) scaleX(1);opacity:1}}@keyframes leafSpread{0%{opacity:0;transform:scale(0) translateY(8px)}100%{opacity:.82;transform:scale(1) translateY(0)}}@keyframes stamenPop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.15)}100%{opacity:1;transform:scale(1)}}@keyframes introLabelFade{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}#ip-leaf{animation:leafSpread .5s ease .1s both;transform-origin:75px 95px}#ip-p0{--r:0deg;animation:petalOpen .4s cubic-bezier(.175,.885,.32,1.275) .35s both;transform-origin:0 0}#ip-p1{--r:60deg;animation:petalOpen .4s cubic-bezier(.175,.885,.32,1.275) .55s both;transform-origin:0 0}#ip-p2{--r:120deg;animation:petalOpen .4s cubic-bezier(.175,.885,.32,1.275) .75s both;transform-origin:0 0}#ip-p3{--r:180deg;animation:petalOpen .4s cubic-bezier(.175,.885,.32,1.275) .95s both;transform-origin:0 0}#ip-p4{--r:240deg;animation:petalOpen .4s cubic-bezier(.175,.885,.32,1.275) 1.15s both;transform-origin:0 0}#ip-p5{--r:300deg;animation:petalOpen .4s cubic-bezier(.175,.885,.32,1.275) 1.35s both;transform-origin:0 0}#ip-stamen{animation:stamenPop .35s cubic-bezier(.175,.885,.32,1.275) 1.65s both;transform-origin:0 0}.intro-label{font-family:'Parisienne',cursive;font-size:1.8rem;color:var(--pink);opacity:0;text-shadow:var(--script-shadow);animation:introLabelFade .6s ease 1.9s both}@keyframes dayFlowerClose{0%{opacity:1;transform:scale(1) rotate(0deg);filter:blur(0px)}30%{transform:scale(1.12) rotate(-8deg);filter:blur(0px)}60%{opacity:.6;transform:scale(.7) rotate(15deg);filter:blur(2px)}100%{opacity:0;transform:scale(0) rotate(40deg);filter:blur(6px)}}@keyframes nightFlowerBloom{0%{opacity:0;transform:scale(0) rotate(-40deg);filter:blur(8px) brightness(3)}25%{opacity:.4;transform:scale(.3) rotate(-20deg);filter:blur(4px) brightness(2)}55%{opacity:.9;transform:scale(1.15) rotate(5deg);filter:blur(1px) brightness(1.4)}75%{transform:scale(.96) rotate(-2deg);filter:blur(0) brightness(1.1)}100%{opacity:1;transform:scale(1) rotate(0deg);filter:blur(0) brightness(1)}}@keyframes nightFlowerClose{0%{opacity:1;transform:scale(1) rotate(0deg);filter:blur(0)}40%{transform:scale(1.08) rotate(8deg);filter:blur(1px)}100%{opacity:0;transform:scale(0) rotate(-35deg);filter:blur(8px)}}@keyframes dayFlowerReopen{0%{opacity:0;transform:scale(0) rotate(35deg);filter:blur(6px)}30%{opacity:.5;transform:scale(.4) rotate(15deg);filter:blur(3px)}60%{transform:scale(1.1) rotate(-4deg);filter:blur(.5px)}80%{transform:scale(.97) rotate(1deg)}100%{opacity:1;transform:scale(1) rotate(0deg);filter:blur(0)}}@keyframes nightGlow{0%,100%{filter:drop-shadow(0 0 6px rgba(180,140,255,.3)) drop-shadow(0 0 14px rgba(140,100,220,.15))}50%{filter:drop-shadow(0 0 12px rgba(200,160,255,.5)) drop-shadow(0 0 28px rgba(160,120,240,.25))}}.flower-morph-wrap{position:absolute;inset:0;display:block}.flower-morph-wrap .day-flower{display:block;width:100%;height:100%;position:relative}.flower-morph-wrap .night-flower{display:block;width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;pointer-events:none}.flower-morph-wrap .day-flower{opacity:1;transform:scale(1) rotate(0deg);filter:blur(0)}.flower-morph-wrap .night-flower{opacity:0;transform:scale(0) rotate(40deg);filter:blur(6px)}.flower-morph-wrap.going-dark .day-flower{animation:dayFlowerClose .7s cubic-bezier(.4,0,.2,1) forwards}.flower-morph-wrap.going-dark .night-flower{animation:nightFlowerBloom .9s cubic-bezier(.175,.885,.32,1.275) .45s forwards}body.dark-mode .flower-morph-wrap:not(.going-dark):not(.going-light) .day-flower{opacity:0;transform:scale(0) rotate(40deg);filter:blur(6px)}body.dark-mode .flower-morph-wrap:not(.going-dark):not(.going-light) .night-flower{opacity:1;transform:scale(1) rotate(0deg);filter:blur(0);animation:nightGlow 3s ease-in-out infinite}.flower-morph-wrap.going-light .day-flower{animation:dayFlowerReopen .8s cubic-bezier(.175,.885,.32,1.275) .35s forwards;opacity:0;transform:scale(0) rotate(35deg)}.flower-morph-wrap.going-light .night-flower{animation:nightFlowerClose .5s cubic-bezier(.4,0,.2,1) forwards;opacity:1;transform:scale(1)}@media(pointer:fine){*,*::before,*::after{cursor:none!important}}#customCursor{position:fixed;pointer-events:none;z-index:99998;width:22px;height:22px;transform:translate(-50%,-50%);transition:transform .08s ease;display:none}@media(pointer:fine){#customCursor{display:block}}#customCursor svg{width:100%;height:100%;filter:drop-shadow(0 2px 6px rgba(207,143,135,.5))}.cursor-petal{position:fixed;pointer-events:none;z-index:99997;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50% 0 50% 0;background:var(--pink);opacity:0;transition:opacity .4s ease,transform .4s ease}#a11yModal.open{display:flex!important}.a11y-modal-box{background:var(--card);border:1.5px solid rgba(207,143,135,.3);border-radius:24px;padding:1.6rem 1.8rem;width:100%;max-width:340px;box-shadow:0 24px 70px rgba(160,120,110,.25);animation:pop .35s cubic-bezier(.175,.885,.32,1.275) both}.a11y-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}.a11y-modal-title{font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:var(--cream);font-weight:600;display:flex;align-items:center;gap:.5rem}.a11y-modal-close{background:rgba(120,90,80,.07);border:1px solid var(--border);color:var(--muted);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.a11y-modal-close:hover{background:rgba(248,113,113,.12);border-color:var(--red);color:var(--red)}.a11y-section{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;border-bottom:1px solid rgba(90,70,60,.07)}.a11y-section-label{font-size:.82rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.5rem}.a11y-toggle{position:relative;width:42px;height:24px;flex-shrink:0}.a11y-toggle input{opacity:0;width:0;height:0;position:absolute}.a11y-toggle-track{position:absolute;inset:0;background:rgba(120,90,80,.12);border-radius:50px;transition:background .25s;cursor:pointer}.a11y-toggle input:checked+.a11y-toggle-track{background:var(--pink)}.a11y-toggle-track::after{content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;background:white;border-radius:50%;transition:transform .25s;box-shadow:0 1px 4px rgba(0,0,0,.2)}.a11y-toggle input:checked+.a11y-toggle-track::after{transform:translateX(18px)}.font-scale-btns{display:flex;gap:.35rem}.fsb{background:rgba(120,90,80,.06);border:1px solid var(--border);color:var(--text);width:34px;height:30px;border-radius:8px;font-size:.78rem;font-weight:800;cursor:pointer;font-family:'Mulish',sans-serif;transition:all .2s;display:flex;align-items:center;justify-content:center}.fsb.active,.fsb:hover{background:var(--pink);border-color:var(--pink);color:white}#ttsConfirm{position:fixed;inset:0;z-index:99990;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:1.5rem}#ttsConfirm.open{display:flex}.tts-dialog{background:var(--card);border:1.5px solid rgba(207,143,135,.3);border-radius:22px;padding:2rem 1.8rem;max-width:320px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(160,120,110,.2);animation:pop .35s cubic-bezier(.175,.885,.32,1.275) both}.tts-dialog-icon{font-size:2.4rem;margin-bottom:.8rem;display:block}.tts-dialog h3{font-family:'Cormorant Garamond',serif;font-size:1.25rem;color:var(--cream);margin-bottom:.5rem}.tts-dialog p{font-size:.82rem;color:var(--text);opacity:.75;line-height:1.6;margin-bottom:1.4rem}.tts-dialog-btns{display:flex;gap:.7rem;justify-content:center}.tts-btn-ok{background:linear-gradient(135deg,var(--pink),var(--hot));color:white;border:none;padding:.65rem 1.4rem;border-radius:50px;font-size:.82rem;font-weight:800;cursor:pointer;font-family:'Mulish',sans-serif}.tts-btn-cancel{background:rgba(120,90,80,.06);border:1px solid var(--border);color:var(--text);padding:.65rem 1.2rem;border-radius:50px;font-size:.82rem;font-weight:700;cursor:pointer;font-family:'Mulish',sans-serif}.tts-active-el{outline:2px dashed var(--pink)!important;outline-offset:3px;border-radius:4px}body.dark-mode{--black:#0f0a0d;--deep:#1a1018;--plum:#211620;--card:#1e1320;--pink:#e8a09a;--hot:#d4877e;--blush:#c47070;--lavender:#8a9aa6;--cream:#f5e6e8;--text:#d4bfc4;--muted:#7a6570;--border:rgba(255,210,220,0.10);--green:#6fae8a;--red:#cf7b73;--yellow:#d6a96a;--script-shadow:0 1px 0 rgba(232,160,154,.5),0 2px 8px rgba(232,160,154,.55),0 0 24px rgba(212,135,126,.45)}body.dark-mode{background-color:var(--black);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg opacity='.04' fill='none' stroke='%23c47070' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='20' cy='20' r='5.5'/%3E%3Cellipse cx='20' cy='13' rx='2.4' ry='4' transform='rotate(0 20 20)'/%3E%3Cellipse cx='20' cy='13' rx='2.4' ry='4' transform='rotate(51.4 20 20)'/%3E%3Cellipse cx='20' cy='13' rx='2.4' ry='4' transform='rotate(102.8 20 20)'/%3E%3Cellipse cx='20' cy='13' rx='2.4' ry='4' transform='rotate(154.2 20 20)'/%3E%3Cellipse cx='20' cy='13' rx='2.4' ry='4' transform='rotate(205.7 20 20)'/%3E%3Cellipse cx='20' cy='13' rx='2.4' ry='4' transform='rotate(257.1 20 20)'/%3E%3Cellipse cx='20' cy='13' rx='2.4' ry='4' transform='rotate(308.5 20 20)'/%3E%3Cline x1='20' y1='25.5' x2='20' y2='32'/%3E%3Cline x1='20' y1='28' x2='17' y2='31'/%3E%3C/g%3E%3C/svg%3E");color:var(--text)}body.dark-mode nav{background:rgba(15,10,13,.92)}body.dark-mode .nav-mobile-menu{background:rgba(20,14,18,.98)}body.dark-mode .hero-bg{background:radial-gradient(ellipse 70% 70% at 18% 35%,rgba(50,25,35,.9),transparent 55%),radial-gradient(ellipse 55% 55% at 85% 25%,rgba(80,40,50,.22),transparent 55%),var(--black)}body.dark-mode .ticker{background:#3d1f28}body.dark-mode .modal,.dark-mode .cart-drawer,.dark-mode .checkout-overlay .co-modal{background:var(--card)!important}body.dark-mode .pcard{background:rgba(255,210,220,.025)}body.dark-mode .dm-banner{background:linear-gradient(135deg,#1a1018,#221520 40%,#1a1d22)}body.dark-mode .a11y-modal-box,body.dark-mode .tts-dialog{background:var(--card)}body.dark-mode .mug-banner{background:linear-gradient(135deg,rgba(30,19,32,.8),rgba(26,16,24,.9))}body.dark-mode .cat-pill{background:rgba(255,210,220,.02);border-color:rgba(255,210,220,.08)}body.dark-mode .cat-pill:hover{background:rgba(232,160,154,.08)}body.dark-mode footer{background:linear-gradient(180deg,var(--black) 0%,#0a0608 100%)}body.dark-mode .step{background:rgba(255,210,220,.025);border-color:rgba(255,210,220,.06)}body.dark-mode .tag{background:rgba(255,210,220,.04);border-color:rgba(255,210,220,.1)}body.dark-mode .hero-eyebrow{background:rgba(232,160,154,.1);border-color:rgba(232,160,154,.25)}body.dark-mode .polaroid{background:#251820;box-shadow:0 12px 40px rgba(0,0,0,.6)}body.dark-mode #introScreen{background:var(--black)}body{transition:background-color .5s ease,color .4s ease}nav{transition:background-color .5s ease,border-color .5s ease}.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-bloom{opacity:0;transform:scale(.85);transition:opacity .75s ease,transform .75s cubic-bezier(.175,.885,.32,1.275)}.reveal-bloom.visible{opacity:1;transform:scale(1)}.reveal-left{opacity:0;transform:translateX(-36px);transition:opacity .75s ease,transform .75s ease}.reveal-left.visible{opacity:1;transform:translateX(0)}.reveal-right{opacity:0;transform:translateX(36px);transition:opacity .75s ease,transform .75s ease}.reveal-right.visible{opacity:1;transform:translateX(0)}.reveal-glow{opacity:0;transform:scale(.97);box-shadow:0 0 0 rgba(207,143,135,0);transition:opacity .9s ease,transform .9s ease,box-shadow .9s ease}.reveal-glow.visible{opacity:1;transform:scale(1);box-shadow:0 0 60px rgba(207,143,135,.18)}.d1{transition-delay:.1s!important}.d2{transition-delay:.18s!important}.d3{transition-delay:.26s!important}.d4{transition-delay:.34s!important}.d5{transition-delay:.42s!important}.d6{transition-delay:.5s!important}.d7{transition-delay:.58s!important}.d8{transition-delay:.66s!important}.nav-mobile-menu .a11y-mobile-link{color:var(--pink)!important;opacity:1!important;display:flex;align-items:center;gap:.45rem}#hero-react-root nav,#hero-react-root .hero{display:block}@media(max-width:600px){.hero-hf2-wrap{display:none !important}}@media(max-width:900px){.a11y-desktop-btn{display:none !important}.nav-links-desktop{display:none !important}}.tts-active-el{outline:2px dashed var(--pink)!important;outline-offset:3px;border-radius:4px}@media(pointer:fine){*,*::before,*::after{cursor:none!important}}@media(max-width:900px){nav,.nav-mobile-menu,.cart-drawer,.checkout-overlay,.modal-overlay,#a11yModal,#ttsConfirm{backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important}}.hero-bg,.blob{will-change:transform}.ticker-track{will-change:transform}.hero-hf2-wrap>div{animation:none !important}.star{will-change:transform,opacity;transform:translateZ(0)}
/* - Hero responsivo + Flor mobile - */
.hero-flower-abs{display:none;position:absolute;top:0;right:0;width:100px;height:100px;pointer-events:none;z-index:1;opacity:.9;filter:drop-shadow(0 4px 12px rgba(189,125,118,.18))}
.hero-text-col{position:relative}
.hero-text-col .hero-eyebrow{max-width:100%}
.hero-right-col{position:relative;height:500px}
.hero-flower-desktop{position:absolute;top:0;right:1rem;width:180px;height:180px;pointer-events:none;z-index:1;transform:rotate(12deg);filter:drop-shadow(0 4px 12px rgba(189,125,118,.18))}
@media(max-width:900px){
  .hero{min-height:auto!important;align-items:flex-start!important;padding:2.5rem 1.5rem 3rem!important}
  .hero-inner{grid-template-columns:1fr!important;gap:0!important}
  .hero-flower-abs{display:block}
  .hero-text-col .hero-eyebrow{max-width:calc(100% - 115px)}
  .hero-title{font-size:clamp(2.8rem,12vw,4rem)!important}
  .hero-bio{font-size:.9rem!important;margin:1rem 0 1.5rem!important;max-width:100%!important}
}
@media(max-width:600px){
  .hero{padding:2rem 1rem 2.5rem!important}
  .hero-flower-abs{width:86px;height:86px}
  .hero-text-col .hero-eyebrow{max-width:calc(100% - 100px)}
  .hero-title{font-size:clamp(2.6rem,12vw,3.8rem)!important}
}
@media(max-width:420px){
  .hero{padding:1.6rem .9rem 2.5rem!important}
  .hero-flower-abs{width:72px;height:72px}
  .hero-text-col .hero-eyebrow{max-width:calc(100% - 84px)}
  .hero-title{font-size:clamp(2.3rem,11vw,3.2rem)!important}
  .hero-ctas{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}
  .hero-bio{font-size:.84rem!important}
  .btn-hot,.btn-outline{padding:.72rem 1.5rem!important;font-size:.8rem!important}
}
/* <= 900px */
@media(max-width:900px){
  .hero{min-height:auto;padding:2.5rem 1.5rem 3rem}
  .hero-inner{grid-template-columns:1fr;gap:0}
  .hero-flower-abs{display:block}
  .hero-text-col .hero-eyebrow{max-width:calc(100% - 115px)}
  .hero-title{font-size:clamp(2.8rem,12vw,4rem)}
  .hero-bio{font-size:.9rem;margin:1rem 0 1.5rem;max-width:100%}
}
/* <= 600px */
@media(max-width:600px){
  .hero{padding:2rem 1rem 2.5rem}
  .hero-flower-abs{width:86px;height:86px}
  .hero-text-col .hero-eyebrow{max-width:calc(100% - 100px)}
}
/* <= 420px */
@media(max-width:420px){
  .hero{padding:1.8rem .9rem 2.5rem}
  .hero-flower-abs{width:72px;height:72px}
  .hero-text-col .hero-eyebrow{max-width:calc(100% - 84px)}
  .hero-ctas{flex-direction:column;align-items:flex-start;gap:.5rem}
}

/* -- BANNER PRESS ON NAILS -- */
.pon-banner{padding:2rem 3rem;border-top:1px solid rgba(207,143,135,.12);}
.pon-banner-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2.5rem;background:linear-gradient(135deg,rgba(207,143,135,.08),rgba(200,184,240,.10),rgba(232,207,200,.12));border:1px solid rgba(207,143,135,.15);border-radius:20px;padding:2rem 2.5rem;}
.pon-banner-text{flex:1;max-width:480px;}
.pon-eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--pink);display:block;margin-bottom:.55rem;}
.pon-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--cream);line-height:1.15;margin-bottom:.65rem;}
.pon-title em{font-family:'Parisienne',cursive;color:var(--pink);font-style:normal;font-size:1.2em;text-shadow:0 2px 8px rgba(207,143,135,.3);}
.pon-desc{font-size:.88rem;color:var(--text);opacity:.78;line-height:1.6;margin-bottom:1rem;}
.pon-badge{display:inline-block;background:rgba(207,143,135,.12);border:1px solid rgba(207,143,135,.3);color:var(--blush);padding:.3rem .9rem;border-radius:50px;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;}
.pon-illustration{flex-shrink:0;opacity:.9;filter:drop-shadow(0 6px 18px rgba(207,143,135,.2));}
body.dark-mode .pon-banner-inner{background:linear-gradient(135deg,rgba(30,19,32,.6),rgba(26,16,24,.7));border-color:rgba(232,160,154,.1);}
@media(max-width:900px){.pon-banner{padding:1.5rem;}.pon-banner-inner{padding:1.5rem;gap:1.5rem;}.pon-illustration svg{width:120px;height:98px;}}
@media(max-width:600px){.pon-banner{padding:1rem;}.pon-banner-inner{flex-direction:row;gap:1rem;padding:1.2rem 1rem;}.pon-title{font-size:1.4rem;}.pon-desc{font-size:.8rem;}.pon-illustration svg{width:100px;height:82px;}}
@media(max-width:420px){.pon-banner-inner{flex-direction:column;text-align:center;}.pon-illustration{display:none;}}

/* ===========================================
   RESPONSIVIDADE -- CONSOLIDADO
=========================================== */

/* Base: sem overflow horizontal em nenhuma tela */
html, body { overflow-x: hidden; max-width: 100vw; }

/* Blobs: contidos dentro do hero para nao vazar lateralmente */
.blob { max-width: 100vw; }
.blob-1 { right: -50px; }

/* Nav logo link */
.nav-logo a.insta-logo-link { text-decoration: none; display: flex; align-items: center; }

/* Cursor: so sumir em dispositivos com ponteiro fino */
@media(pointer: coarse) { body, * { cursor: auto !important; } }

/* -- TABLET <= 900px -- */
@media(max-width:900px){
  nav { padding: .75rem 1.2rem; }
  .ap-search { width: 100%; max-width: 220px; }
  .ap-tw-head { flex-wrap: wrap; }
  .ap-stats { grid-template-columns: repeat(2,1fr); }
  .ap-inner { padding: 1.2rem 1rem; }
  .ap-settings-grid { grid-template-columns: 1fr; }
}

/* -- MOBILE <= 600px -- */
@media(max-width:600px){
  nav { padding: .7rem 1rem; }

  /* Secoes */
  section { padding: 3rem 1rem; }
  .inner { padding: 0 .8rem; }

  /* Produtos */
  .products-grid { grid-template-columns: repeat(2,1fr); gap: .9rem; }

  /* Filtros scrollaveis */
  .filters {
    justify-content: flex-start;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    flex-wrap: nowrap;
    padding-bottom: .4rem;
    gap: .4rem;
  }
  .filters::-webkit-scrollbar { height: 3px; }
  .filters::-webkit-scrollbar-track { background: transparent; }
  .filters::-webkit-scrollbar-thumb { background: rgba(207,143,135,.3); border-radius: 3px; }
  .filter-btn { flex-shrink: 0; white-space: nowrap; }

  /* Hero */
  .hero { min-height: auto; padding: 2rem 1rem 2.5rem; }
  .hero-title { font-size: clamp(2.6rem,12vw,3.8rem); }
  .hero-bio { font-size: .9rem; margin: 1rem 0 1.5rem; max-width: 100%; }
  .hero-flower-abs { width: 86px; height: 86px; }

  /* Titulo de secao */
  .sec-title { font-size: clamp(1.9rem,6vw,2.4rem); }
  .sec-title span { display: inline; }

  /* Categorias */
  .cat-row { grid-template-columns: repeat(2,1fr); }

  /* Steps */
  .steps { grid-template-columns: 1fr; }

  /* Footer */
  footer { padding: 2.5rem 1rem 1.5rem; }
  .footer-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .footer-bottom { flex-direction: column; gap: .4rem; text-align: center; }

  /* DM banner */
  .dm-banner { grid-template-columns: 1fr; gap: 1.2rem; padding: 2rem 1.5rem; margin: 0 .8rem 3rem; }
  .dm-deco { display: none; }
  .dm-stats { flex-direction: row; flex-wrap: wrap; gap: .6rem; }
  .dm-stat { flex: 1; min-width: 100px; }

  /* Modal produto */
  
  
  
  

  /* Checkout */
  .checkout-overlay { padding: 0; align-items: flex-end; }
  .co-modal { border-radius: 20px 20px 0 0; max-height: 92vh; overflow-y: auto; }

  /* Admin panel */
  .ap-search { width: 100%; max-width: 100%; }
  .ap-stats { grid-template-columns: 1fr 1fr; }
  .ap-table-wrap { overflow-x: auto; }
  .ap-table-wrap table { min-width: 480px; }

  /* Cart */
  .cart-drawer { width: 100vw; }

  /* Polaroid */
  .polaroid { display: none; }

  /* Tags hero */
  .hero-tags { gap: .3rem; }
}

/* -- SMALL MOBILE <= 420px -- */
@media(max-width:420px){
  nav { padding: .65rem .8rem; }
  .nav-logo-text { font-size: 1.05rem; }
  .nav-logo { gap: .4rem; }
  .nav-right { gap: .5rem; }
  .cart-label { display: none; }
  #cartToggle { padding: .5rem .7rem; }
  #cartToggle svg { margin-right: 0 !important; }

  section { padding: 2.5rem .8rem; }

  /* Hero */
  .hero { padding: 1.6rem .9rem 2.5rem; }
  .hero-title { font-size: clamp(2.3rem,11vw,3.2rem); }
  .hero-bio { font-size: .84rem; }
  .hero-flower-abs { width: 72px; height: 72px; }
  .hero-eyebrow { font-size: .6rem; }
  .hero-ctas { flex-direction: column; align-items: flex-start; gap: .5rem; }
  .btn-hot, .btn-outline { padding: .72rem 1.5rem; font-size: .8rem; }

  /* Produtos */
  .products-grid { grid-template-columns: repeat(2,1fr); gap: .6rem; }
  .pcard { border-radius: 14px; }
  .pcard-info { padding: .7rem .8rem .9rem; }
  .pcard-name { font-size: .95rem; }
  .pcard-price { font-size: 1.15rem; }

  /* Secoes */
  .sec-title { font-size: 1.8rem; }
  .cat-row { grid-template-columns: repeat(2,1fr); gap: .6rem; }
  .cat-pill { padding: 1rem .6rem; }
  .cat-pill-icon { font-size: 1.4rem; }
  .cat-pill-name { font-size: .72rem; }

  /* Footer */
  .footer-grid { gap: 1.2rem; }

  /* Steps */
  .step { padding: 1.2rem; }

  /* DM Banner */
  .dm-banner { padding: 1.5rem 1rem; margin: 0 .5rem 2.5rem; }
  .dm-stat-num { font-size: 1.5rem; }

  /* Admin */
  .ap-stats { grid-template-columns: 1fr 1fr; }
  .ap-inner { padding: 1rem .75rem; }
  .ap-search { font-size: .75rem; }
  .filter-btn { font-size: .68rem; padding: .32rem .85rem; }

  /* Cart */
  .cart-head { padding: 1rem 1.2rem .8rem; }

  /* Misc */
  .empty-grid { padding: 3rem 1rem; }
}

/* pon-banner sempre visivel */

/* -- TELA DE CARREGAMENTO -- */
#ds-loading{
  position:fixed;inset:0;z-index:999999;
  background:var(--black);
  display:flex;align-items:center;justify-content:center;
  flex-direction:column;gap:1.2rem;
  transition:opacity .75s ease, visibility .75s ease;
}
#ds-loading.ds-hide{opacity:0;visibility:hidden;pointer-events:none;}
#ds-loading .dl-flower{width:150px;height:150px;overflow:visible;}
#ds-loading .dl-label{
  font-family:'Parisienne',cursive;
  font-size:1.9rem;color:var(--pink);
  text-shadow:var(--script-shadow);
  opacity:0;
  animation:dlLabelIn .55s ease 1.7s both;
}
#ds-loading .dl-dots{
  display:flex;gap:.45rem;opacity:0;
  animation:dlLabelIn .4s ease 2.1s both;
}
#ds-loading .dl-dot{
  width:5px;height:5px;border-radius:50%;background:var(--pink);
  animation:dlDotBounce 1.1s ease-in-out infinite;
}
#ds-loading .dl-dot:nth-child(2){animation-delay:.18s;}
#ds-loading .dl-dot:nth-child(3){animation-delay:.36s;}
@keyframes dlLabelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes dlDotBounce{0%,80%,100%{transform:scaleY(1)}40%{transform:scaleY(1.6)}}

/* Petalas da flor de carregamento */
#dl-leaf{animation:leafSpread .45s ease .08s both;transform-origin:75px 95px}
#dl-p0{--r:0deg;  animation:petalOpen .38s cubic-bezier(.175,.885,.32,1.275) .28s both;transform-origin:0 0}
#dl-p1{--r:60deg; animation:petalOpen .38s cubic-bezier(.175,.885,.32,1.275) .46s both;transform-origin:0 0}
#dl-p2{--r:120deg;animation:petalOpen .38s cubic-bezier(.175,.885,.32,1.275) .64s both;transform-origin:0 0}
#dl-p3{--r:180deg;animation:petalOpen .38s cubic-bezier(.175,.885,.32,1.275) .82s both;transform-origin:0 0}
#dl-p4{--r:240deg;animation:petalOpen .38s cubic-bezier(.175,.885,.32,1.275) 1.00s both;transform-origin:0 0}
#dl-p5{--r:300deg;animation:petalOpen .38s cubic-bezier(.175,.885,.32,1.275) 1.18s both;transform-origin:0 0}
#dl-stamen{animation:stamenPop .3s cubic-bezier(.175,.885,.32,1.275) 1.48s both;transform-origin:0 0}

body.dark-mode #ds-loading{background:var(--black);}

/* ================================================
   ECOBAGS -- bg, badges, banner, tags
================================================ */
.bg-eco{background:linear-gradient(160deg,#dceedd,#c6dfc8)}
.pb-ecobag{background:linear-gradient(135deg,#3d8b6a,#6fae8a)}
.bg-eco-badge{background:rgba(111,174,138,.15);color:var(--green);border:1px solid rgba(111,174,138,.35)}
.bg-hot-badge{background:rgba(217,156,138,.18);color:var(--hot);border:1px solid rgba(217,156,138,.4)}
.tag-opt[data-tag="ecobag"] input:checked+.tag-opt-inner{
  background:rgba(111,174,138,.18);border-color:var(--green);color:var(--green)}
.ecobag-banner{padding:2rem 3rem;border-top:1px solid rgba(111,174,138,.15)}
.ecobag-banner-inner{
  max-width:1100px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:2.5rem;
  background:linear-gradient(135deg,rgba(111,174,138,.08),rgba(198,223,200,.12),rgba(220,238,221,.14));
  border:1px solid rgba(111,174,138,.18);border-radius:20px;padding:2rem 2.5rem}
.ecobag-banner-text{flex:1;max-width:480px}
.ecobag-eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;
  color:var(--green);display:block;margin-bottom:.55rem}
.ecobag-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.6rem,3vw,2.2rem);
  color:var(--cream);line-height:1.15;margin-bottom:.65rem}
.ecobag-title em{font-family:'Parisienne',cursive;color:var(--green);font-style:normal;
  font-size:1.2em;text-shadow:0 2px 8px rgba(111,174,138,.3)}
.ecobag-desc{font-size:.88rem;color:var(--text);opacity:.78;line-height:1.6;margin-bottom:1rem}
.ecobag-badge{display:inline-block;background:rgba(111,174,138,.12);
  border:1px solid rgba(111,174,138,.3);color:var(--green);padding:.3rem .9rem;
  border-radius:50px;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.ecobag-illustration{flex-shrink:0;opacity:.9;filter:drop-shadow(0 6px 18px rgba(111,174,138,.2))}
body.dark-mode .ecobag-banner-inner{
  background:linear-gradient(135deg,rgba(15,28,18,.7),rgba(20,35,22,.8));
  border-color:rgba(111,174,138,.12)}
@media(max-width:900px){
  .ecobag-banner{padding:1.5rem}
  .ecobag-banner-inner{padding:1.5rem;gap:1.5rem}
  .ecobag-illustration svg{width:110px;height:110px}}
@media(max-width:600px){
  .ecobag-banner{padding:1rem}
  .ecobag-banner-inner{flex-direction:row;gap:1rem;padding:1.2rem 1rem}
  .ecobag-title{font-size:1.4rem}
  .ecobag-desc{font-size:.8rem}
  .ecobag-illustration svg{width:90px;height:90px}}
@media(max-width:420px){
  .ecobag-banner-inner{flex-direction:column;text-align:center}
  .ecobag-illustration{display:none}}


.kits-section{padding:1.5rem 1rem 2rem;border-top:1px solid rgba(207,143,135,.15)}
.kits-header{text-align:center;margin-bottom:1.2rem}
.kits-eyebrow{font-size:.65rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--pink);display:block;margin-bottom:.4rem}
.kits-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.5rem,3vw,2.2rem);color:var(--cream);line-height:1.15;margin-bottom:.3rem}
.kits-title em{font-family:'Parisienne',cursive;color:var(--pink);font-style:normal;font-size:1.1em;text-shadow:0 2px 8px rgba(207,143,135,.35)}
.kits-subtitle{font-size:.82rem;color:var(--text);opacity:.72;line-height:1.5}
/* Carousel wrap */
.kits-carousel-wrap{position:relative;max-width:1000px;margin:0 auto;padding:0 48px}
.kits-carousel-clip{overflow-x:auto;overflow-y:visible;position:relative;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.kits-carousel-clip::-webkit-scrollbar{display:none}
.kits-grid{display:flex;gap:1.2rem;padding:.3rem 0 .8rem}
/* Cards */
.kit-card{flex-shrink:0;scroll-snap-align:start;cursor:pointer;background:var(--card);border:1px solid rgba(207,143,135,.2);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 16px rgba(160,120,110,.1);transition:border-color .3s,box-shadow .3s}
.kit-card:hover{border-color:rgba(207,143,135,.45);box-shadow:0 12px 36px rgba(160,120,110,.18)}
/* Arrows */



#kitsArrowPrev{left:0}
#kitsArrowNext{right:0}
/* Dots */
.kits-nav-dots{display:flex;justify-content:center;gap:.5rem;margin-top:.4rem}
.kits-dot{width:7px;height:7px;border-radius:50%;background:rgba(207,143,135,.25);cursor:pointer;transition:all .28s;border:none;padding:0}
.kits-dot.active{background:var(--pink);width:18px;border-radius:4px}
/* Card image */

.kit-img-main{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .4s ease}
.kit-card:hover .kit-img-main{transform:scale(1.04)}
.kit-img-secondary{position:absolute;bottom:.6rem;right:.6rem;width:60px;height:60px;border-radius:10px;object-fit:cover;object-position:center;border:2px solid var(--card);box-shadow:0 3px 12px rgba(0,0,0,.22);transition:transform .3s ease}
.kit-card:hover .kit-img-secondary{transform:scale(1.08) rotate(-2deg)}
.kit-badge-wrap{position:absolute;top:.7rem;left:.7rem;display:flex;flex-direction:column;gap:.3rem}
.kit-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.18rem .6rem;border-radius:50px;font-size:.55rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(6px)}
.kit-badge-collab{background:linear-gradient(135deg,rgba(139,92,246,.85),rgba(192,132,252,.85));color:white}
.kit-badge-new{background:linear-gradient(135deg,rgba(207,143,135,.9),rgba(217,156,138,.9));color:white}
.kit-badge-twilight{background:linear-gradient(135deg,rgba(80,10,20,.88),rgba(140,20,30,.88));color:#f0c0c0;border:1px solid rgba(180,40,40,.4)}
.kit-view-hint{position:absolute;bottom:.6rem;left:50%;transform:translateX(-50%);background:rgba(83,71,67,.78);backdrop-filter:blur(4px);color:white;font-size:.58rem;font-weight:800;padding:.2rem .65rem;border-radius:50px;opacity:0;transition:opacity .25s;pointer-events:none;white-space:nowrap;z-index:4}
.kit-card:hover .kit-view-hint{opacity:1}
/* Card body */
.kit-card-body{padding:.8rem 1rem 1rem;display:flex;flex-direction:column;gap:.5rem}
.kit-card-theme{font-size:.58rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--pink);opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kit-card-name{font-family:'Cormorant Garamond',serif;font-size:1.1rem;color:var(--cream);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kit-card-items{display:flex;flex-direction:column;gap:.3rem;overflow:hidden}
.kit-item-row{display:flex;align-items:flex-start;gap:.45rem;font-size:.75rem;color:var(--text);opacity:.8;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kit-item-row::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--pink);flex-shrink:0;margin-top:.45rem;opacity:.8}
.kit-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.6rem;border-top:1px solid var(--border);gap:.4rem;flex-wrap:wrap}
.kit-price-wrap{display:flex;flex-direction:column;gap:.05rem}
.kit-price-label{font-size:.58rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.kit-price{font-family:'Cormorant Garamond',serif;font-size:1.35rem;color:var(--blush);line-height:1}
.kit-btn{background:linear-gradient(135deg,var(--pink),var(--hot));color:white;border:none;padding:.5rem .8rem;border-radius:50px;font-size:.7rem;font-weight:800;cursor:pointer;font-family:'Mulish',sans-serif;transition:all .3s;box-shadow:0 3px 12px rgba(207,143,135,.35);display:flex;align-items:center;gap:.3rem;white-space:nowrap;flex-shrink:0;min-width:0}
.kit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(207,143,135,.5)}

.kit-btn--twilight{background:linear-gradient(135deg,#8b1a2a,#c0303a)}
.kit-btn--twilight:hover{box-shadow:0 6px 20px rgba(140,30,40,.45)}
/* Modal */
#kitDetailOverlay{position:fixed;inset:0;background:rgba(0,0,0,.84);backdrop-filter:blur(14px);z-index:750;display:none;align-items:center;justify-content:center;padding:1rem}
#kitDetailOverlay.open{display:flex}
.kit-detail-modal{background:var(--card);border:1px solid rgba(207,143,135,.2);border-radius:26px;width:100%;max-width:820px;height:min(88vh,560px);overflow:hidden;box-shadow:0 28px 80px rgba(160,120,110,.22);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;animation:pdIn .35s cubic-bezier(.175,.885,.32,1.275) both}
.kit-detail-gallery{background:var(--card);border-radius:26px 0 0 26px;overflow:hidden;display:flex;flex-direction:column;position:relative}
.kit-gal-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;flex:1;min-height:0}
.kit-gal-track::-webkit-scrollbar{display:none}
.kit-gal-slide{flex:0 0 100%;scroll-snap-align:start;position:relative;height:100%}
.kit-gal-slide img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.kit-gal-arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:rgba(83,71,67,.75);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);color:white;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;z-index:5;transition:all .22s}
.kit-gal-arrow:hover{background:var(--pink)}
.kit-gal-arrow.hidden{opacity:0;pointer-events:none}
.kit-gal-arrow-l{left:.55rem}
.kit-gal-arrow-r{right:.55rem}
.kit-gal-dots{display:flex;justify-content:center;gap:.4rem;padding:.55rem;flex-shrink:0}
.kit-gal-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:all .22s;border:none;padding:0}
.kit-gal-dot.active{background:white;width:14px;border-radius:3px}
.kit-detail-info{padding:1.6rem 1.5rem;display:flex;flex-direction:column;overflow-y:auto}
.kit-detail-close{align-self:flex-end;background:rgba(120,90,80,.06);border:1px solid var(--border);color:var(--muted);width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .2s;margin-bottom:1rem;flex-shrink:0}
.kit-detail-close:hover{background:rgba(248,113,113,.15);color:var(--red)}
.kit-detail-theme{font-size:.6rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--pink);margin-bottom:.35rem}
.kit-detail-name{font-family:'Cormorant Garamond',serif;font-size:1.5rem;color:var(--cream);line-height:1.15;margin-bottom:.7rem}
.kit-detail-items{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}
.kit-detail-item{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--text);opacity:.82}
.kit-detail-item::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--pink);flex-shrink:0}
.kit-detail-price-row{display:flex;align-items:baseline;gap:.5rem;margin-bottom:1.2rem}
.kit-detail-price{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--blush)}
.kit-detail-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:auto}
.kit-detail-add{background:linear-gradient(135deg,var(--pink),var(--hot));border:none;color:white;padding:.9rem;border-radius:12px;font-size:.88rem;font-weight:800;cursor:pointer;font-family:'Mulish',sans-serif;transition:all .3s;box-shadow:0 5px 18px rgba(207,143,135,.35);display:flex;align-items:center;justify-content:center;gap:.45rem}
.kit-detail-add:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(207,143,135,.48)}
body.dark-mode .kit-card{background:rgba(255,210,220,.025);border-color:rgba(255,210,220,.08)}
body.dark-mode .kit-card:hover{border-color:rgba(232,160,154,.3)}
body.dark-mode 
body.dark-mode .kit-detail-modal{background:var(--card)}
body.dark-mode 
body.dark-mode 
body.dark-mode .kits-dot{background:rgba(255,210,220,.12)}
@media(max-width:900px){
  .kits-section{padding:1.2rem .5rem 1.8rem}
  .kits-carousel-wrap{padding:0 38px}
  .kit-detail-modal{grid-template-columns:1fr;max-width:400px}
  .kit-detail-modal{height:auto;max-height:92vh;grid-template-rows:auto 1fr}
  .kit-detail-gallery{border-radius:20px 20px 0 0;height:72vw;max-height:360px;flex-shrink:0}
  .kit-gal-slide img{object-fit:contain;object-position:center}
}
@media(max-width:600px){
  .kits-section{padding:1rem 0 1.5rem}
  .kits-carousel-wrap{padding:0 34px}
  
  .kit-img-secondary{width:52px;height:52px}
  .kit-card-body{padding:.65rem .85rem .85rem}
  .kit-detail-modal{max-width:100%;border-radius:16px 16px 0 0;position:fixed;bottom:0;top:auto}
}


/* -- Inline styles extracted from HTML ------------------------------- */
@keyframes cupomPop{from{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
      @keyframes cupomFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
      #cupom-code{font-family:'Mulish',sans-serif;font-size:1.4rem;font-weight:900;letter-spacing:.18em;color:var(--pink);background:rgba(207,143,135,.1);border:1.5px dashed rgba(207,143,135,.45);border-radius:12px;padding:.65rem 1.4rem;display:inline-block;cursor:pointer;transition:all .2s;user-select:all;margin:.8rem 0}
      #cupom-code:active{transform:scale(.97)}
      #cupom-copied{display:none;font-size:.72rem;color:var(--pink);font-weight:700;margin-top:.3rem;animation:cupomPop .3s both}
      #cupom-close-btn{position:absolute;top:1rem;right:1rem;background:rgba(120,90,80,.08);border:1px solid rgba(207,143,135,.2);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;color:var(--muted);transition:all .2s}
      #cupom-close-btn:hover{background:rgba(207,143,135,.15)}

/* Tag Canekita */
.tag-opt[data-tag="canekita"] input:checked+.tag-opt-inner{background:rgba(217,156,138,.22);border-color:var(--hot);color:var(--hot)}
.pb-canekita{background:linear-gradient(135deg,#c0734a,#e8a07a)}


/* ==========================================
   BARRA DE PESQUISA
========================================== */

#searchOverlay.open{display:flex}
@keyframes searchFadeIn{from{opacity:0}to{opacity:1}}


@keyframes searchSlideIn{from{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:none}}

#searchClose{
  position:absolute;top:.8rem;right:.9rem;
  background:rgba(120,90,80,.06);border:1px solid var(--border);
  color:var(--muted);width:28px;height:28px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:.85rem;transition:all .2s;
}
#searchClose:hover{background:rgba(248,113,113,.12);color:#e57373}

#searchInputWrap{
  display:flex;align-items:center;gap:.7rem;
  background:rgba(120,90,80,.04);
  border:1.5px solid rgba(207,143,135,.25);
  border-radius:50px;padding:.6rem 1rem;
  transition:border-color .2s;margin-top:.2rem;
}
#searchInputWrap:focus-within{border-color:rgba(207,143,135,.6)}


#searchInput::placeholder{color:var(--muted);opacity:.6}

#searchGoBtn{
  background:linear-gradient(135deg,var(--pink),var(--hot));
  color:white;border:none;border-radius:50px;
  padding:.42rem 1.1rem;font-size:.78rem;font-weight:800;
  font-family:'Mulish',sans-serif;cursor:pointer;
  white-space:nowrap;transition:all .22s;
  box-shadow:0 3px 10px rgba(207,143,135,.3);
  flex-shrink:0;
}
#searchGoBtn:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(207,143,135,.45)}

#searchHint{
  font-size:.72rem;color:var(--muted);opacity:.55;
  margin:.6rem 0 0 1rem;
}

#searchResultInfo{
  display:none;
  align-items:center;gap:.6rem;
  background:rgba(207,143,135,.08);
  border:1px solid rgba(207,143,135,.2);
  border-radius:10px;padding:.5rem 1rem;
  margin-bottom:.8rem;font-size:.8rem;color:var(--text);
}
#searchResultInfo.show{display:flex}
#searchResultInfo strong{color:var(--pink)}
#searchClearBtn{
  margin-left:auto;background:none;border:none;
  color:var(--muted);font-size:.75rem;cursor:pointer;
  font-family:'Mulish',sans-serif;text-decoration:underline;
  padding:.1rem .3rem;
}
#searchClearBtn:hover{color:var(--pink)}

/* Lupa no nav */
#navSearchBtn{transition:opacity .2s}
#navSearchBtn:hover{opacity:.7}

/* Hello Kitty kit variant */
.kit-badge-hk{background:linear-gradient(135deg,rgba(220,50,70,.85),rgba(255,100,120,.85));color:white}
.kit-btn--hk{background:linear-gradient(135deg,#dc3246,#e85570)}
.kit-btn--hk:hover{box-shadow:0 8px 24px rgba(220,50,70,.45)}

/* =======================================================
   FAVORITOS PERSISTENTES
======================================================= */
.pcard-wish svg { display:block; transition:all .2s; }
.pcard-wish.liked { color:var(--pink) !important; }
.pcard-wish.liked svg { transform:scale(1.2); filter:drop-shadow(0 0 4px rgba(207,143,135,.5)); }

/* =======================================================
   STOCK BADGE
======================================================= */

.stock-badge::before {
  content:''; width:5px; height:5px; border-radius:50%;
  background:var(--hot); flex-shrink:0;
  animation:sbPulse 1.4s ease-in-out infinite;
}
@keyframes sbPulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.65)} }
.stock-badge.stock-last { background:rgba(220,70,70,.88); }
.stock-badge.stock-last::before { background:#fff; }

/* =======================================================
   QUICK VIEW -- hover mostra 2a foto
======================================================= */
.pcard-img-second {
  position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover;
  opacity:0; transition:opacity .32s ease; z-index:2;
}
.pcard-img:hover .pcard-img-second { opacity:1; }

/* =======================================================
   FILTROS AVANCADOS (tamanho + preco)
======================================================= */
.adv-filters {
  display:flex; align-items:center; flex-wrap:wrap;
  gap:.7rem 1.4rem; padding:.7rem 0 .8rem;
  border-bottom:1px solid var(--border); margin-bottom:1rem;
}
.adv-filter-group { display:flex; align-items:center; gap:.55rem; flex-wrap:wrap; }
.adv-filter-label {
  font-size:.58rem; font-weight:800; letter-spacing:.14em;
  text-transform:uppercase; color:var(--muted); white-space:nowrap;
}

/* Size chips */
.size-chips { display:flex; gap:.3rem; flex-wrap:wrap; }
.size-chip {
  background:transparent; border:1.5px solid var(--border);
  color:var(--text); border-radius:8px;
  padding:.24rem .6rem; font-size:.72rem; font-weight:700;
  font-family:inherit; cursor:pointer; transition:all .17s;
}
.size-chip:hover  { border-color:var(--pink); color:var(--pink); }
.size-chip.active {
  background:var(--pink); color:#fff;
  border-color:var(--pink); box-shadow:0 2px 8px rgba(207,143,135,.3);
}

/* Price range */
.price-range-wrap { display:flex; align-items:center; gap:.55rem; }
.pr-val { font-size:.72rem; font-weight:800; color:var(--pink); min-width:38px; white-space:nowrap; }
.pr-track { position:relative; width:130px; height:4px; background:var(--border); border-radius:4px; }
.pr-fill  { position:absolute; height:100%; background:linear-gradient(90deg,var(--pink),var(--hot)); border-radius:4px; pointer-events:none; left:0; width:100%; }
.pr-input {
  position:absolute; top:50%; transform:translateY(-50%);
  width:100%; height:4px; background:transparent;
  -webkit-appearance:none; appearance:none; pointer-events:none; outline:none; margin:0;
}
.pr-input::-webkit-slider-thumb {
  -webkit-appearance:none; width:16px; height:16px; border-radius:50%;
  background:#fff; border:2px solid var(--pink); cursor:pointer; pointer-events:all;
  box-shadow:0 1px 4px rgba(207,143,135,.4); transition:transform .15s;
}
.pr-input::-webkit-slider-thumb:hover { transform:scale(1.2); }
.pr-input::-moz-range-thumb { width:16px; height:16px; border-radius:50%; background:#fff; border:2px solid var(--pink); cursor:pointer; pointer-events:all; }
.adv-clear {
  background:transparent; border:1.5px solid var(--border);
  color:var(--muted); border-radius:50px;
  padding:.24rem .8rem; font-size:.65rem; font-weight:700;
  font-family:inherit; cursor:pointer; transition:all .17s;
}
.adv-clear:hover { border-color:var(--pink); color:var(--pink); }

@media(max-width:600px){
  .adv-filters  { gap:.55rem 1rem; }
  .pr-track     { width:100px; }
}

/* =======================================================
   CLIENTES TAMBEM VIRAM
======================================================= */
.pd-related {
  padding:1rem 1.4rem 1.4rem;
  border-top:1px solid var(--border);
}
.pd-related-label {
  font-size:.58rem; font-weight:800; letter-spacing:.14em;
  text-transform:uppercase; color:var(--muted); margin-bottom:.7rem;
}
.pd-related-row {
  display:flex; gap:.65rem; overflow-x:auto;
  scrollbar-width:none; -webkit-overflow-scrolling:touch;
}
.pd-related-row::-webkit-scrollbar { display:none; }
.pd-related-card {
  flex-shrink:0; width:88px; cursor:pointer; transition:transform .2s;
}
.pd-related-card:hover { transform:translateY(-2px); }
.pd-related-card img {
  width:88px; height:88px; object-fit:cover;
  border-radius:10px; border:1px solid var(--border); display:block; margin-bottom:.3rem;
}
.pd-rel-name {
  font-size:.67rem; color:var(--text); line-height:1.25;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.pd-rel-price { font-size:.7rem; font-weight:800; color:var(--pink); margin-top:.18rem; }

/* ======================================
   SEARCH OVERLAY -- completo
====================================== */
#searchOverlay {
  position: fixed; inset: 0;
  background: rgba(0,0,0,.65);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  z-index: 600;
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding: 5rem 1rem 1rem;
  animation: fadeIn .2s ease;
}
#searchOverlay.open { display: flex; }

#searchBox {
  background: var(--card);
  border: 1.5px solid rgba(207,143,135,.22);
  border-radius: 20px;
  width: 100%;
  max-width: 580px;
  padding: 1.2rem;
  box-shadow: 0 24px 60px rgba(0,0,0,.35);
  animation: slideDown .25s cubic-bezier(.175,.885,.32,1.275) both;
}

@keyframes slideDown {
  from { opacity:0; transform: translateY(-20px); }
  to   { opacity:1; transform: translateY(0); }
}

#searchHeader {
  display: flex;
  align-items: center;
  gap: .5rem;
  background: rgba(120,90,80,.06);
  border: 1px solid rgba(207,143,135,.18);
  border-radius: 12px;
  padding: .6rem .8rem;
}

#searchInput {
  flex: 1;
  background: none;
  border: none;
  outline: none;
  color: var(--text);
  font-size: .92rem;
  font-family: 'Mulish', sans-serif;
  min-width: 0;
}
#searchInput::placeholder { color: var(--muted); opacity: .7; }

#searchGoBtn, #searchClose {
  background: none;
  border: none;
  cursor: pointer;
  color: var(--muted);
  padding: .25rem;
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  transition: color .2s, background .2s;
  flex-shrink: 0;
}
#searchGoBtn:hover { color: var(--pink); background: rgba(207,143,135,.1); }
#searchClose:hover { color: var(--text); background: rgba(120,90,80,.1); }

#searchFilters {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: .75rem;
}

.sf-label {
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--muted);
  margin-bottom: .3rem;
  display: block;
}

.sf-chips {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}

.sf-chip {
  background: rgba(120,90,80,.06);
  border: 1.5px solid rgba(207,143,135,.2);
  color: var(--muted);
  padding: .3rem .75rem;
  border-radius: 50px;
  font-size: .72rem;
  font-weight: 700;
  cursor: pointer;
  font-family: 'Mulish', sans-serif;
  transition: all .18s;
}
.sf-chip:hover { border-color: var(--pink); color: var(--pink); }
.sf-chip.active {
  background: var(--pink);
  border-color: var(--pink);
  color: white;
}

.sf-price-row {
  display: flex;
  align-items: center;
  gap: .6rem;
  font-size: .72rem;
  font-weight: 700;
  color: var(--muted);
}

#pfTrack {
  position: relative;
  flex: 1;
  height: 4px;
  background: rgba(207,143,135,.15);
  border-radius: 4px;
}

#pfFill {
  position: absolute;
  height: 100%;
  background: var(--pink);
  border-radius: 4px;
  left: 0; width: 100%;
  pointer-events: none;
}

#pfMin, #pfMax {
  position: absolute;
  width: 100%;
  height: 4px;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  pointer-events: none;
  top: 0; left: 0;
}
#pfMin::-webkit-slider-thumb,
#pfMax::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px; height: 16px;
  border-radius: 50%;
  background: var(--pink);
  border: 2px solid white;
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
  cursor: pointer;
  pointer-events: all;
}
#pfMin::-moz-range-thumb,
#pfMax::-moz-range-thumb {
  width: 16px; height: 16px;
  border-radius: 50%;
  background: var(--pink);
  border: 2px solid white;
  cursor: pointer;
  pointer-events: all;
}

#advClear {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  background: rgba(207,143,135,.1);
  border: 1px solid rgba(207,143,135,.25);
  color: var(--pink);
  padding: .3rem .8rem;
  border-radius: 50px;
  font-size: .7rem;
  font-weight: 700;
  cursor: pointer;
  font-family: 'Mulish', sans-serif;
  transition: all .18s;
  align-self: flex-start;
}
#advClear:hover { background: rgba(207,143,135,.2); }

#searchHint {
  font-size: .68rem;
  color: var(--muted);
  opacity: .6;
  margin-top: .6rem;
  text-align: center;
  font-style: italic;
}

#searchResultInfo {
  display: none;
  align-items: center;
  justify-content: space-between;
  padding: .6rem 1rem;
  background: rgba(207,143,135,.08);
  border: 1px solid rgba(207,143,135,.2);
  border-radius: 12px;
  margin-bottom: 1rem;
  font-size: .75rem;
  color: var(--text);
  gap: 1rem;
}
#searchResultInfo.show { display: flex; }
#searchClearBtn {
  background: var(--pink);
  color: white;
  border: none;
  padding: .3rem .8rem;
  border-radius: 50px;
  font-size: .68rem;
  font-weight: 700;
  cursor: pointer;
  font-family: 'Mulish', sans-serif;
  flex-shrink: 0;
}

/* ======================================
   SUGGEST BUTTON -- tab lateral
====================================== */



#suggestOverlay.open { display: flex; }
#suggestOverlay {
  animation: fadeIn .2s ease;
}

/* ======================================
   LOGO CABIDE -- nav
====================================== */
#mainNav .nav-logo-svg,
#mainNav svg.logo-hanger {
  color: var(--pink);
}

/* ======================================
   CARD PRODUCT IMAGE -- fix
====================================== */
.pcard-img {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4/5;
  background: rgba(120,90,80,.06);
  border-radius: 14px 14px 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pcard-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: 14px 14px 0 0;
  transition: transform .4s ease;
}
.pcard:hover .pcard-img img { transform: scale(1.04); }

.pcard-img .pcard-img-second {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  border-radius: 14px 14px 0 0;
  opacity: 0;
  transition: opacity .35s ease;
}
.pcard:hover .pcard-img-second { opacity: 1; }

/* ======================================
   CART EMPTY STATE -- svg bag
====================================== */
.cart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 1.5rem;
  gap: .8rem;
  text-align: center;
}
.cart-empty svg { opacity: .35; }
.cart-empty p {
  color: var(--muted);
  font-size: .82rem;
  font-style: italic;
}

/* ======================================
   FAVORITES DRAWER -- open state
====================================== */
#favoritesOverlay.open { display: block !important; }
#favoritesDrawer.open { transform: translateX(0) !important; }

/* ======================================
   STOCK BADGE
====================================== */
.stock-badge {
  position: absolute;
  bottom: .5rem;
  left: .5rem;
  background: rgba(251,146,60,.92);
  color: white;
  font-size: .6rem;
  font-weight: 800;
  padding: .2rem .5rem;
  border-radius: 50px;
  font-family: 'Mulish', sans-serif;
  letter-spacing: .04em;
  backdrop-filter: blur(4px);
}
.stock-badge.stock-last {
  background: rgba(239,68,68,.92);
  animation: pulse 1.5s ease-in-out infinite;
}

/* ======================================
   MOBILE FIXES
====================================== */
@media (max-width: 600px) {
  #searchBox { border-radius: 16px; padding: 1rem; }
  
  .pcard-img { aspect-ratio: 3/4; }
}

/* ======================================
   SUGGEST BUTTON -- top-right corner
====================================== */





/* ======================================
   PRODUCT DETAIL MODAL -- close btn
====================================== */



/* ======================================
   PD ACTIONS -- add/wish/notify buttons
====================================== */






/* pd-wish-btn hover handled in block below */




/* ======================================
   PD ARROWS -- SVG chevrons
====================================== */






/* ======================================
   FAVORITES DRAWER
====================================== */
#favoritesOverlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.55);
  z-index: 699;
  backdrop-filter: blur(6px);
  display: none;
}
#favoritesOverlay.open { display: block; }

#favoritesDrawer {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 400px;
  max-width: 95vw;
  background: var(--card);
  z-index: 700;
  transform: translateX(-100%);
  transition: transform .35s cubic-bezier(.4,0,.2,1);
  overflow-y: auto;
  box-shadow: 8px 0 40px rgba(0,0,0,.25);
  display: flex;
  flex-direction: column;
}
#favoritesDrawer.open { transform: translateX(0); }

#favoritesGrid {
  padding: 1rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
  flex: 1;
}

/* ======================================
   WAITLIST MODAL
====================================== */
.modal-overlay.open { display: flex !important; }
/* ══════════════════════════════════════
   AVISE-ME MODAL — redesign
══════════════════════════════════════ */
.wl-modal {
  max-width: 360px;
  width: 100%;
  border-radius: 22px;
  overflow: hidden;
  padding: 0;
}

/* Header */
.wl-head {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: 1.2rem 1.4rem;
  background: linear-gradient(135deg, rgba(207,143,135,.12), rgba(217,156,138,.08));
  border-bottom: 1px solid rgba(207,143,135,.15);
}
.wl-head-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--pink), var(--hot));
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(207,143,135,.35);
}
.wl-head-title {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.15rem;
  color: var(--cream);
  font-weight: 600;
  margin: 0;
  line-height: 1.2;
}
.wl-head-sub {
  font-size: .75rem;
  color: var(--muted);
  margin: .1rem 0 0;
  line-height: 1.4;
}
.wl-head-sub strong {
  color: var(--blush);
}
.wl-close-btn {
  margin-left: auto;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(120,90,80,.07);
  border: 1px solid var(--border);
  color: var(--muted);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .18s;
  flex-shrink: 0;
}
.wl-close-btn:hover { background: rgba(248,113,113,.15); color: var(--red); }

/* Body */
.wl-body {
  padding: 1.2rem 1.4rem 1.4rem;
  display: flex;
  flex-direction: column;
  gap: .9rem;
}
.wl-field-group {
  display: flex;
  flex-direction: column;
  gap: .4rem;
}
.wl-label {
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--pink);
}
.wl-opt {
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  color: var(--muted);
  font-size: .65rem;
}
.wl-input {
  width: 100%;
  background: rgba(120,90,80,.05);
  border: 1.5px solid var(--border);
  color: var(--text);
  padding: .65rem .9rem;
  border-radius: 10px;
  font-size: .85rem;
  font-family: 'Mulish', sans-serif;
  outline: none;
  transition: border-color .2s;
  box-sizing: border-box;
}
.wl-input:focus { border-color: var(--pink); }
.wl-input::placeholder { color: var(--muted); opacity: .5; }

/* Sizes */
.wl-sizes {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}
.wl-size-btn {
  padding: .28rem .7rem;
  border-radius: 8px;
  border: 1.5px solid rgba(207,143,135,.25);
  background: rgba(120,90,80,.04);
  color: var(--muted);
  font-size: .72rem;
  font-weight: 700;
  cursor: pointer;
  font-family: 'Mulish', sans-serif;
  transition: all .18s;
}
.wl-size-btn:hover { border-color: var(--pink); color: var(--pink); }
.wl-size-btn.active {
  background: var(--pink);
  border-color: var(--pink);
  color: white;
}

/* Tipo row */
.wl-tipo-row {
  display: flex;
  gap: .5rem;
}
.wl-tipo-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  padding: .55rem .8rem;
  border-radius: 10px;
  border: 1.5px solid rgba(207,143,135,.2);
  background: rgba(120,90,80,.03);
  color: var(--muted);
  font-size: .78rem;
  font-weight: 700;
  cursor: pointer;
  font-family: 'Mulish', sans-serif;
  transition: all .18s;
}
.wl-tipo-btn:hover { border-color: var(--pink); color: var(--pink); }
.wl-tipo-btn.active {
  background: rgba(207,143,135,.12);
  border-color: var(--pink);
  color: var(--pink);
  font-weight: 800;
}

/* Send button */
.wl-send-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  width: 100%;
  background: linear-gradient(135deg, var(--pink), var(--hot));
  color: white;
  border: none;
  padding: .8rem 1.5rem;
  border-radius: 12px;
  font-size: .85rem;
  font-weight: 800;
  cursor: pointer;
  font-family: 'Mulish', sans-serif;
  transition: all .22s;
  box-shadow: 0 4px 16px rgba(207,143,135,.35);
  margin-top: .1rem;
}
.wl-send-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 22px rgba(207,143,135,.5);
}
.wl-send-btn:disabled { opacity: .6; cursor: not-allowed; transform: none; }

#wlMsg { font-size: .78rem; margin-top: .2rem; text-align: center; min-height: 1.2rem; }
.wl-ok { color: var(--green); font-weight: 700; }
.wl-err { color: var(--red); font-weight: 700; }

/* ======================================
   PWA INSTALL BANNER
====================================== */
#pwaInstallBanner {
  position: fixed;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%) translateY(120px);
  z-index: 800;
  transition: transform .4s cubic-bezier(.175,.885,.32,1.275);
  width: calc(100% - 2rem);
  max-width: 400px;
}
#pwaInstallBanner.show { transform: translateX(-50%) translateY(0); }
#pwaInstallInner {
  background: var(--card);
  border: 1.5px solid rgba(207,143,135,.25);
  border-radius: 18px;
  padding: 1rem 1.2rem;
  display: flex;
  align-items: center;
  gap: .8rem;
  box-shadow: 0 12px 40px rgba(0,0,0,.25);
}
#pwaInstallText { flex: 1; }
#pwaInstallText strong { display: block; font-size: .85rem; color: var(--cream); font-weight: 700; }
#pwaInstallText span { font-size: .72rem; color: var(--muted); }
#pwaInstallBtn {
  background: linear-gradient(135deg, var(--pink), var(--hot));
  color: white;
  border: none;
  padding: .45rem 1rem;
  border-radius: 50px;
  font-size: .75rem;
  font-weight: 800;
  cursor: pointer;
  font-family: 'Mulish', sans-serif;
  flex-shrink: 0;
}
#pwaInstallDismiss {
  background: none;
  border: none;
  color: var(--muted);
  cursor: pointer;
  padding: .3rem;
  flex-shrink: 0;
}

/* ======================================================
   PRODUCT DETAIL MODAL -- unico, definitivo, sem conflitos
====================================================== */

/* Overlay */
.pdetail-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.85);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  z-index: 700;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.pdetail-overlay.open { display: flex; }

/* Modal container */
.pdetail-modal {
  position: relative;
  background: var(--card);
  border: 1px solid rgba(207,143,135,.15);
  border-radius: 22px;
  width: min(900px, 96vw);
  height: min(90vh, 600px);
  overflow: hidden;
  box-shadow: 0 32px 80px rgba(0,0,0,.4);
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  animation: pdIn .3s cubic-bezier(.175,.885,.32,1.275) both;
}
@keyframes pdIn {
  from { opacity:0; transform:scale(.95) translateY(16px); }
  to   { opacity:1; transform:scale(1) translateY(0); }
}

/* Close button -- absolute top-right */
.pd-close-btn {
  position: absolute;
  top: .7rem;
  right: .7rem;
  z-index: 20;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(20,14,18,.75);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,.12);
  color: rgba(255,255,255,.9);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .18s, transform .18s;
}
.pd-close-btn:hover {
  background: rgba(207,143,135,.5);
  transform: rotate(90deg);
}

/* -- Gallery column -- */
.pd-gallery {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: rgba(0,0,0,.04);
  border-radius: 22px 0 0 22px;
  /* height fills grid row */
}

/* Slides area -- takes all remaining space */
.pd-slides {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  position: relative;
  cursor: grab;
  display: flex;
}
.pd-slides:active { cursor: grabbing; }

/* Track -- horizontal flex of slides */
.pd-track {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform .38s cubic-bezier(.4,0,.2,1);
  will-change: transform;
}

/* Each slide */
.pd-slide-item {
  flex: 0 0 100%;
  min-width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pd-slide-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  pointer-events: none;
}
.pd-slide-item .emoji-big { font-size: 6rem; }

/* Arrows */
.pd-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(15,10,13,.72);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(207,143,135,.2);
  color: rgba(255,255,255,.9);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .18s;
}
.pd-arrow:hover { background: rgba(207,143,135,.4); }
.pd-arrow.hidden { display: none; }
#pdArrowL { left: .5rem; }
#pdArrowR { right: .5rem; }

/* Dots */
.pd-dots {
  display: flex;
  justify-content: center;
  gap: .4rem;
  padding: .45rem .5rem;
  flex-shrink: 0;
}
.pd-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(207,143,135,.25);
  border: none;
  cursor: pointer;
  transition: background .2s, transform .2s;
}
.pd-dot.active {
  background: var(--pink);
  transform: scale(1.4);
}

/* Thumbnails */
.pd-thumbs {
  display: flex;
  gap: .35rem;
  padding: .25rem .5rem .5rem;
  overflow-x: auto;
  scrollbar-width: none;
  flex-shrink: 0;
}
.pd-thumbs::-webkit-scrollbar { display: none; }
.pd-thumb {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 7px;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color .18s;
}
.pd-thumb.active { border-color: var(--pink); }
.pd-thumb img { width: 100%; height: 100%; object-fit: cover; }

/* -- Info column -- */
.pd-info {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}
/* Conteudo scrollavel -- tudo menos os botoes */
.pd-info-scroll {
  flex: 1;
  overflow-y: auto;
  padding: 1.6rem 1.5rem 0;
  min-height: 0;
}
.pd-info-scroll::-webkit-scrollbar { width: 4px; }
.pd-info-scroll::-webkit-scrollbar-thumb {
  background: rgba(207,143,135,.25);
  border-radius: 4px;
}
/* pd-info scrollbar moved to .pd-info-scroll */

/* Action buttons */
.pd-actions {
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  padding: .9rem 1.5rem 1.4rem;
  border-top: 1px solid rgba(207,143,135,.1);
  background: var(--card);
}
.pd-add-btn {
  flex: 1;
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  background: linear-gradient(135deg, var(--pink), var(--hot));
  color: white;
  border: none;
  padding: .65rem 1.1rem;
  border-radius: 50px;
  font-size: .8rem;
  font-weight: 800;
  cursor: pointer;
  font-family: 'Mulish', sans-serif;
  transition: all .22s;
  box-shadow: 0 4px 14px rgba(207,143,135,.35);
}
.pd-add-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(207,143,135,.5); }
.pd-add-btn:disabled { opacity: .4; cursor: not-allowed; transform: none; }
.pd-wish-btn {
  display: flex;
  align-items: center;
  gap: .35rem;
  background: transparent;
  border: 1.5px solid rgba(207,143,135,.3);
  color: var(--pink);
  padding: .65rem .9rem;
  border-radius: 50px;
  font-size: .75rem;
  font-weight: 700;
  cursor: pointer;
  font-family: 'Mulish', sans-serif;
  transition: all .18s;
  white-space: nowrap;
}
.pd-wish-btn:hover, .pd-wish-btn.liked {
  background: rgba(207,143,135,.1);
  border-color: var(--pink);
}
.pd-wish-btn.liked svg { fill: var(--pink); }
.pd-notify-btn {
  display: flex;
  align-items: center;
  gap: .3rem;
  background: transparent;
  border: 1.5px solid rgba(207,143,135,.2);
  color: var(--muted);
  padding: .65rem .9rem;
  border-radius: 50px;
  font-size: .75rem;
  font-weight: 700;
  cursor: pointer;
  font-family: 'Mulish', sans-serif;
  transition: all .18s;
  white-space: nowrap;
}
.pd-notify-btn:hover { border-color: var(--pink); color: var(--pink); }

/* -- Mobile -- */
/* ======================================
   SUGGEST BUTTON -- abaixo do header (top-right)
====================================== */





/* ======================================
   KIT CARDS -- imagens corretas
====================================== */
.kit-card-imgs {
  position: relative;
  width: 100%;
  aspect-ratio: 5 / 4;
  background: linear-gradient(145deg, rgba(232,207,200,.3), rgba(207,143,135,.12));
  overflow: hidden;
  border-radius: 14px 14px 0 0;
  flex-shrink: 0;
}
.kit-card-imgs--twilight {
  background: linear-gradient(145deg, #1a0a0e, #2d0f16);
}
.kit-card-imgs--hk {
  background: linear-gradient(145deg, rgba(255,230,240,.4), rgba(255,180,210,.2));
}

/* ======================================
   PCARD-WISH -- botao favoritar nos cards
====================================== */
.pcard-wish {
  position: absolute;
  top: .55rem;
  right: .55rem;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(247,236,231,.92);
  border: 1.5px solid rgba(207,143,135,.3);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .2s;
  z-index: 3;
  color: rgba(180,100,100,.7);
  flex-shrink: 0;
}
.pcard-wish:hover {
  background: white;
  border-color: var(--pink);
  transform: scale(1.12);
  color: var(--pink);
}
.pcard-wish.liked {
  background: var(--pink);
  border-color: var(--pink);
  color: white;
}
.pcard-wish.liked svg { fill: white; stroke: white; }
.dark-mode .pcard-wish {
  background: rgba(30,20,25,.85);
  border-color: rgba(207,143,135,.3);
  color: rgba(207,143,135,.7);
}
.dark-mode .pcard-wish:hover {
  background: rgba(207,143,135,.2);
  color: var(--pink);
}

/* ======================================
   KITS GRID -- carrossel
====================================== */
#kitsClip {
  overflow-x: auto;
  overflow-y: visible;
  /* scroll-snap-type e scroll-behavior gerenciados pelo JS */
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: .5rem;
}
#kitsClip::-webkit-scrollbar { display: none; }
#kitsGrid {
  display: flex;
  gap: 14px;
  padding: .3rem 0;
  flex-shrink: 0;
  min-width: max-content; /* necessario para o clip ter scrollWidth > offsetWidth */
}
.kit-card {
  flex-shrink: 0;
  scroll-snap-align: start;
  width: 300px;
  background: var(--card);
  border: 1px solid rgba(207,143,135,.2);
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  transition: transform .25s, box-shadow .25s;
  display: flex;
  flex-direction: column;
}
.kit-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 35px rgba(160,120,110,.18);
}


/* ======================================
   SUGGEST BUTTON -- horizontal floating (desktop)
   In mobile: vertical tab on right side
====================================== */
#suggestBtn {
  position: fixed;
  bottom: 2rem;
  right: 1.5rem;
  z-index: 490;
  background: linear-gradient(135deg, var(--pink), var(--hot));
  color: white;
  border: none;
  border-radius: 50px;
  padding: .7rem 1.2rem;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .5rem;
  box-shadow: 0 6px 24px rgba(207,143,135,.45);
  transition: transform .2s, box-shadow .2s;
  font-family: 'Mulish', sans-serif;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .04em;
  white-space: nowrap;
}
#suggestBtn:hover {
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 10px 32px rgba(207,143,135,.6);
}
#suggestBtn:active { transform: scale(.97); }
#suggestBtn svg { flex-shrink: 0; }
#suggestBtn span {
  writing-mode: horizontal-tb;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .04em;
  font-family: 'Mulish', sans-serif;
  text-transform: none;
}

/* ======================================
   SUGGEST OVERLAY -- lindo modal
====================================== */
#suggestOverlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.7);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  z-index: 800;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
#suggestOverlay.open { display: flex; }

#suggestBox {
  background: var(--card);
  border: 1.5px solid rgba(207,143,135,.25);
  border-radius: 24px;
  padding: 2rem 1.8rem;
  width: 100%;
  max-width: 400px;
  box-shadow: 0 32px 80px rgba(0,0,0,.35);
  animation: suggestIn .32s cubic-bezier(.175,.885,.32,1.275) both;
  position: relative;
}
@keyframes suggestIn {
  from { opacity:0; transform: scale(.92) translateY(20px); }
  to   { opacity:1; transform: scale(1) translateY(0); }
}
#suggestBox h3 {
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--cream);
  margin-bottom: .35rem;
  display: flex;
  align-items: center;
  gap: .5rem;
}
#suggestBox p {
  font-size: .8rem;
  color: var(--muted);
  line-height: 1.6;
  margin-bottom: 1.2rem;
}
#suggestBox textarea,
#suggestBox input[type="text"] {
  width: 100%;
  background: rgba(120,90,80,.06);
  border: 1.5px solid rgba(207,143,135,.2);
  border-radius: 12px;
  padding: .7rem .9rem;
  color: var(--text);
  font-family: 'Mulish', sans-serif;
  font-size: .82rem;
  outline: none;
  transition: border-color .2s;
  margin-bottom: .6rem;
  box-sizing: border-box;
  resize: vertical;
}
#suggestBox textarea:focus,
#suggestBox input[type="text"]:focus {
  border-color: var(--pink);
}
#suggestSend {
  width: 100%;
  background: linear-gradient(135deg, var(--pink), var(--hot));
  color: white;
  border: none;
  padding: .75rem 1.5rem;
  border-radius: 50px;
  font-size: .82rem;
  font-weight: 800;
  cursor: pointer;
  font-family: 'Mulish', sans-serif;
  transition: all .22s;
  box-shadow: 0 4px 16px rgba(207,143,135,.4);
  margin-top: .4rem;
}
#suggestSend:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 22px rgba(207,143,135,.55);
}
#suggestMsg.ok  { color: #4ade80; font-size: .78rem; margin-top: .5rem; text-align: center; }
#suggestMsg.err { color: #f87171; font-size: .78rem; margin-top: .5rem; text-align: center; }

/* suggest close btn */
#suggestBox .suggest-close {
  position: absolute;
  top: .8rem;
  right: .8rem;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(120,90,80,.08);
  border: 1px solid rgba(207,143,135,.2);
  color: var(--muted);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .18s;
}
#suggestBox .suggest-close:hover {
  background: rgba(207,143,135,.15);
  color: var(--text);
}

/* Mobile: vertical tab on right */
@media (max-width: 768px) {
  #suggestBtn {
    bottom: auto;
    top: 72px;
    right: 0;
    border-radius: 10px 0 0 10px;
    padding: .65rem .5rem;
    flex-direction: column;
    gap: .3rem;
    font-size: .58rem;
    box-shadow: -3px 0 16px rgba(207,143,135,.4);
  }
  #suggestBtn:hover {
    transform: translateX(-3px);
    box-shadow: -5px 0 22px rgba(207,143,135,.5);
  }
  #suggestBtn span {
    writing-mode: vertical-rl;
    font-size: .58rem;
    letter-spacing: .09em;
    text-transform: uppercase;
  }
}

/* ======================================
   KIT CAROUSEL ARROWS -- restored
====================================== */
.kits-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-55%);
  z-index: 10;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(247,236,231,.95);
  border: 1.5px solid rgba(207,143,135,.35);
  color: var(--blush);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all .2s;
  box-shadow: 0 2px 12px rgba(160,120,110,.2);
  font-size: 1rem;
  line-height: 1;
}
.kits-arrow:hover {
  background: var(--pink);
  border-color: var(--pink);
  color: white;
  transform: translateY(-55%) scale(1.1);
}
.kits-arrow:disabled {
  opacity: .25;
  cursor: not-allowed;
  transform: translateY(-55%);
}
.dark-mode .kits-arrow {
  background: rgba(20,10,14,.9);
  border-color: rgba(207,143,135,.25);
  color: var(--pink);
}
#kitsArrowPrev { left: 4px; }
#kitsArrowNext { right: 4px; }

/* ======================================
   MOBILE HEADER FIXES
====================================== */
@media (max-width: 768px) {
  #mainNav {
    padding: 0 .9rem;
    height: 56px;
  }
  /* Keep sections from being crushed by fixed nav */
  body { padding-top: 56px; }
  .hero { padding-top: 0; min-height: calc(100svh - 56px); }

  /* Site name smaller */
  #site-name {
    font-size: 1.05rem !important;
  }
  /* Hide non-essential nav items on mobile */
  #nav-insta { display: none; }
}

@media (max-width: 480px) {
  #mainNav { padding: 0 .7rem; }
  #site-name { font-size: .95rem !important; }
}

/* ======================================
   PRODUCT MODAL MOBILE -- image display
====================================== */
@keyframes pdInMobile {
  from { transform: translateY(50px); opacity: 0; }
  to   { transform: translateY(0);    opacity: 1; }
}

@media (max-width: 700px) {
  .pdetail-overlay { padding: 0; align-items: flex-end; }

  .pdetail-modal {
    width: 100vw;
    height: 95svh;
    max-height: 95svh;
    border-radius: 20px 20px 0 0;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    overflow: hidden;
    animation: pdInMobile .28s ease both;
  }

  /* Galeria ocupa o espaco que a imagem precisar, limitado a 62vw */
  .pd-gallery {
    border-radius: 20px 20px 0 0;
    height: auto;
    min-height: 220px;
    max-height: 62vw;
    flex-shrink: 0;
  }

  /* Slides: altura 100% do pai */
  .pd-slides {
    height: 100%;
    min-height: 220px;
    max-height: 62vw;
  }

  /* Imagem: contain — mostra a foto inteira; fundo creme se mistura ao modal */
  .pd-slide-item img {
    object-fit: contain;
    object-position: center center;
  }
  .pd-gallery, .pd-slides { background: var(--card); }

  .pd-info { overflow: hidden; }
  .pd-info-scroll {
    padding: .9rem 1rem 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .pd-actions {
    padding: .6rem 1rem 1rem;
    flex-wrap: wrap; gap: .35rem;
  }
  .pd-add-btn { width: 100%; flex: none; font-size: .75rem; padding: .6rem .9rem; }
  .pd-wish-btn, .pd-notify-btn { padding: .6rem .75rem; font-size: .7rem; }
}
