/* PoringShop redesign theme — ported from the design export (cute pink / glassmorphism) */
:root{
  --bg1:#fff3f9; --bg2:#ffe6f1;
  --pink-100:#ffe6f1; --pink-200:#ffd3e4; --pink-300:#ffb8d4; --pink-400:#ff8fbc; --pink-500:#fa6aa3; --pink-600:#ec5191;
  --rose:#e0457f; --plum:#7a2348; --ink:#5b2138; --muted:#a06b82; --faint:#c89bac;
  --green:#34c759; --greenD:#1c8a4e; --amber:#ff9f0a; --amberD:#c77800; --red:#ff3b6b;
  --glass:rgba(255,255,255,0.55);
  --glass-2:rgba(255,255,255,0.40);
  --sheet-bg:rgba(255,249,252,0.78);
  --blur:blur(30px) saturate(180%);
  --hi:inset 0 1px 0 rgba(255,255,255,0.75);
  --sh:0 10px 30px rgba(236,81,145,0.13);
  --sh-sm:0 6px 18px rgba(236,81,145,0.10);
}
.poring,.poring *{box-sizing:border-box;}
body.poring{margin:0;padding:0;font-family:'Prompt',sans-serif;color:var(--ink);background:linear-gradient(165deg,var(--bg1) 0%,var(--bg2) 60%,#ffdfee 100%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;}
.poring .cute{font-family:'Itim',cursive;line-height:1.4;}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes floaty2{0%,100%{transform:translateY(0)}50%{transform:translateY(11px)}}
@keyframes popIn{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.poring .psc::-webkit-scrollbar{width:6px;height:6px;}
.poring .psc::-webkit-scrollbar-thumb{background:rgba(250,106,163,0.35);border-radius:6px;}
.poring .psc{scrollbar-width:thin;scrollbar-color:rgba(250,106,163,0.35) transparent;}
.poring .hscroll{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
.poring .hscroll::-webkit-scrollbar{display:none;}
.poring .fadeIn{animation:fadeIn .35s ease;}
.sheet-ov{position:fixed;inset:0;z-index:120;background:rgba(90,25,55,0.34);backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .22s ease;}
.sheet{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:var(--sheet-bg);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:1px solid rgba(255,255,255,0.7);border-radius:32px;box-shadow:0 30px 70px rgba(90,25,55,0.3),var(--hi);animation:popIn .32s cubic-bezier(.2,.9,.3,1);position:relative;}
.grabber{width:42px;height:5px;border-radius:3px;background:rgba(122,35,72,0.16);margin:11px auto 2px;}
@media(max-width:600px){
 .sheet-ov{align-items:flex-end;padding:0;}
 .sheet{max-width:100%;border-radius:30px 30px 0 0;max-height:93vh;animation:sheetUp .34s cubic-bezier(.2,.9,.3,1);}
}
@media(max-width:920px){ .nav-desktop{display:none !important;} .nav-burger{display:flex !important;} .bottom-nav{display:flex !important;} .main-pad{padding-bottom:108px !important;} }
@media(min-width:921px){ .nav-mobile-panel{display:none !important;} }
@media(max-width:880px){ .g4{grid-template-columns:repeat(3,1fr) !important;} .g2c{grid-template-columns:1fr !important;} }
@media(max-width:560px){ .g4{grid-template-columns:repeat(2,1fr) !important;} .hero-art{display:none !important;} .hero-card{padding:24px !important;} }

/* hide legacy fixed footer/nav-spacer on redesigned pages */
body.poring > footer{display:none !important;}