:root{
  --pp-c1:#56d6bd;
  --pp-c2:#59c8ff;
  --pp-c3:#7b72ff;
  --pp-c4:#c879ff;
  --pp-c5:#ff77b8;
  --pp-c6:#ff9d62;
  --pp-c7:#ffd45b;
  --pp-ink:#252236;
}

/* Exact font: supplied OTF is Snaap Bold. Register it under the real family name and
   force it across visible UI text, while preserving Font Awesome icon fonts. */
@font-face{
  font-family:'Snaap';
  src:url('../fonts/Snapp_0949115100.otf') format('opentype');
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@font-face{
  font-family:'Snaap';
  src:url('../fonts/Snapp_0949115100.otf') format('opentype');
  font-style:normal;
  font-weight:700;
  font-display:swap;
}

html,body,
body button,body input,body textarea,body select,body option,
body a,body p,body span,body small,body strong,body b,body label,
body h1,body h2,body h3,body h4,body h5,body h6,body li,body td,body th,
body div,body section,body article,body aside,body header,body footer,body nav{
  font-family:'Snaap','Tahoma',sans-serif !important;
}
/* Font Awesome must retain its own font family. */
i.fa-solid,i.fa-regular,i.fa-light,i.fa-thin,i.fa-duotone,span.fa-solid,span.fa-regular,span.fa-light,span.fa-thin{font-family:"Font Awesome 6 Free" !important;}
i.fa-brands,span.fa-brands,.fab::before{font-family:"Font Awesome 6 Brands" !important;}
.fa::before,.fas::before,.far::before{font-family:"Font Awesome 6 Free" !important;}
svg{font-family:inherit !important;}

/* ===== HERO: rebuilt from scratch, exactly seven signature colors ===== */
#home-hero-premium.pp-rainbow-hero{
  --hero-radius:42px;
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  min-height:620px !important;
  padding:clamp(22px,4vw,48px) !important;
  border:1px solid rgba(37,34,54,.10) !important;
  border-radius:var(--hero-radius) !important;
  background:
    radial-gradient(circle at 9% 10%,rgba(86,214,189,.42) 0 10%,transparent 26%),
    radial-gradient(circle at 88% 12%,rgba(89,200,255,.38) 0 12%,transparent 27%),
    radial-gradient(circle at 12% 92%,rgba(255,212,91,.36) 0 10%,transparent 26%),
    radial-gradient(circle at 90% 88%,rgba(255,119,184,.33) 0 11%,transparent 27%),
    linear-gradient(135deg,#f8fffd 0%,#f6fbff 36%,#fff8fc 70%,#fffdf7 100%) !important;
  box-shadow:0 22px 0 rgba(37,34,54,.045),0 34px 70px rgba(62,48,90,.14) !important;
}
#home-hero-premium.pp-rainbow-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:10px !important;
  border-radius:34px !important;
  padding:2px !important;
  background:linear-gradient(90deg,var(--pp-c1),var(--pp-c2),var(--pp-c3),var(--pp-c4),var(--pp-c5),var(--pp-c6),var(--pp-c7)) !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask-composite:exclude !important;
  opacity:.46 !important;
  pointer-events:none !important;
}
#home-hero-premium.pp-rainbow-hero::after{
  content:"" !important;
  position:absolute !important;
  width:55%;height:55%;right:-10%;bottom:-15%;
  border-radius:50%;
  background:conic-gradient(from 30deg,var(--pp-c1),var(--pp-c2),var(--pp-c3),var(--pp-c4),var(--pp-c5),var(--pp-c6),var(--pp-c7),var(--pp-c1));
  filter:blur(2px);
  opacity:.15;
  transform:rotate(-14deg);
  pointer-events:none;
}
.pp-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(330px,.86fr);gap:28px;align-items:center;min-height:525px}
.pp-hero-copy{min-width:0;padding:8px 8px 8px 0}
.pp-hero-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(37,34,54,.10);box-shadow:6px 7px 0 rgba(37,34,54,.055),0 14px 24px rgba(48,40,65,.08);font-size:11px;color:#625b70}
.pp-kicker-paw{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#dffcf5,#effbff);color:#3a8d7a;box-shadow:3px 4px 0 rgba(37,34,54,.06)}
.pp-kicker-dot{width:5px;height:5px;border-radius:999px;background:var(--pp-c5);box-shadow:0 0 0 4px rgba(255,119,184,.12)}
.pp-hero-title-wrap{margin-top:22px}
.pp-hero-mini-label{display:block;font-size:clamp(13px,1.4vw,16px);color:#756d84;margin-bottom:5px}
#home-hero-premium.pp-rainbow-hero h1{margin:0 !important;font-size:clamp(2.15rem,5.1vw,4.9rem) !important;line-height:1.2 !important;letter-spacing:-.035em !important;color:var(--pp-ink) !important;text-wrap:balance}
.pp-hero-title-accent{display:inline-block;margin-top:9px;padding:5px 10px;border-radius:12px;background:linear-gradient(90deg,rgba(86,214,189,.18),rgba(89,200,255,.14),rgba(255,212,91,.18));color:#4f4960;font-size:clamp(12px,1.4vw,15px)}
.pp-hero-text{max-width:690px;margin:18px 0 0 !important;font-size:clamp(13px,1.35vw,16px) !important;line-height:2.15 !important;color:#6a6475 !important;font-weight:400 !important}
.pp-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}
.pp-hero-btn{display:inline-flex;align-items:center;gap:10px;min-height:54px;padding:9px 15px;border-radius:18px;border:1px solid rgba(37,34,54,.10);text-decoration:none;box-shadow:7px 8px 0 rgba(37,34,54,.06),0 16px 28px rgba(48,40,65,.08);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.pp-hero-btn:hover{transform:translateY(-3px);box-shadow:9px 11px 0 rgba(37,34,54,.06),0 21px 34px rgba(48,40,65,.10);filter:saturate(1.04)}
.pp-btn-primary{background:linear-gradient(135deg,#2f2a41,#4b4164);color:#fff}
.pp-btn-secondary{background:rgba(255,255,255,.86);color:#373143}
.pp-btn-icon{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.pp-btn-secondary .pp-btn-icon{background:linear-gradient(145deg,#e5fff7,#e6f4ff);color:#5c6d7f}
.pp-btn-arrow{font-size:11px;opacity:.7}
.pp-hero-trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px;max-width:760px}
.pp-trust-chip{min-width:0;padding:10px 11px;border-radius:17px;background:rgba(255,255,255,.62);border:1px solid rgba(37,34,54,.08);box-shadow:5px 6px 0 rgba(37,34,54,.045);display:flex;align-items:center;gap:8px}
.pp-trust-number{width:29px;height:29px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;font-size:9px;background:linear-gradient(145deg,#fff,#eefbff);color:#716a7e;box-shadow:3px 4px 0 rgba(37,34,54,.05)}
.pp-trust-chip b{display:block;color:#40394e;font-size:10px}.pp-trust-chip small{display:block;margin-top:2px;color:#8c8494;font-size:8px}

.pp-hero-visual{position:relative;min-height:490px;display:grid;place-items:center}
.pp-visual-shadow{position:absolute;width:72%;height:26%;bottom:8%;background:radial-gradient(ellipse,rgba(52,42,69,.20) 0%,rgba(52,42,69,0) 68%);filter:blur(12px)}
.pp-cat-card{position:relative;width:min(100%,390px);padding:15px;border-radius:32px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.84);box-shadow:18px 20px 0 rgba(44,39,59,.045),0 30px 58px rgba(51,41,70,.13);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform:rotate(1.1deg)}
.pp-cat-card-top{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 12px}.pp-pill{font-size:9px;padding:6px 9px;border-radius:999px;border:1px solid rgba(37,34,54,.08)}.pp-pill-mint{background:#e6fff7;color:#3b8b78}.pp-cat-spark{width:31px;height:31px;display:grid;place-items:center;border-radius:11px;background:#fff4c8;color:#ae7e10;box-shadow:3px 4px 0 rgba(37,34,54,.045)}
.pp-cat-image-stage{position:relative;min-height:335px;border-radius:26px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#eafff8,#eff8ff 39%,#f5ecff 64%,#fff0f5 82%,#fff8dd);border:1px solid rgba(37,34,54,.07)}
.pp-cat-image-stage::before{content:"";position:absolute;inset:11px;border-radius:21px;border:1px dashed rgba(37,34,54,.09);pointer-events:none}.pp-cat-halo{position:absolute;width:68%;height:68%;border-radius:50%;background:conic-gradient(from 10deg,var(--pp-c1),var(--pp-c2),var(--pp-c3),var(--pp-c4),var(--pp-c5),var(--pp-c6),var(--pp-c7));filter:blur(5px);opacity:.19;transform:rotate(13deg)}
.pp-cat-image-stage img{position:relative;z-index:2;width:74%;max-width:260px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 20px 24px rgba(47,39,62,.18));transform:translateY(-5px) scale(1.08)}
.pp-floating-note{position:absolute;z-index:3;padding:7px 9px;border-radius:12px;background:#fff;border:1px solid rgba(37,34,54,.08);box-shadow:5px 6px 0 rgba(37,34,54,.05),0 13px 18px rgba(47,39,62,.08);font-size:8px;color:#5a5368}.pp-note-a{right:10px;top:19%}.pp-note-b{left:10px;bottom:17%}
.pp-cat-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 4px 2px}.pp-cat-eyebrow{display:block;font-size:8px;letter-spacing:.14em;color:#978ea0}.pp-cat-card-bottom strong{display:block;margin-top:2px;font-size:20px;color:#332d40}.pp-cat-card-bottom small{display:block;margin-top:2px;color:#898193;font-size:8px}.pp-logo-mini{width:54px;height:54px;flex:0 0 auto;border-radius:16px;background:#fff;border:1px solid rgba(37,34,54,.08);box-shadow:4px 5px 0 rgba(37,34,54,.05);padding:5px}.pp-logo-mini img{width:100%;height:100%;object-fit:contain}

.pp-color-wheel{position:absolute;right:-1%;bottom:2%;width:126px;height:126px;border-radius:50%;background:rgba(255,255,255,.52);border:1px solid rgba(37,34,54,.07);box-shadow:9px 10px 0 rgba(37,34,54,.04);backdrop-filter:blur(12px)}
.pp-wheel-dot{position:absolute;width:21px;height:21px;border-radius:50%;border:3px solid #fff;box-shadow:0 6px 12px rgba(48,40,65,.12)}
.pp-wheel-1{background:var(--pp-c1);top:5px;left:49px}.pp-wheel-2{background:var(--pp-c2);top:25px;right:12px}.pp-wheel-3{background:var(--pp-c3);top:65px;right:8px}.pp-wheel-4{background:var(--pp-c4);bottom:7px;right:44px}.pp-wheel-5{background:var(--pp-c5);bottom:22px;left:10px}.pp-wheel-6{background:var(--pp-c6);top:51px;left:8px}.pp-wheel-7{background:var(--pp-c7);top:20px;left:22px}
.pp-hero-orb{position:absolute;z-index:0;width:20px;height:20px;border-radius:50%;opacity:.95;box-shadow:0 8px 16px rgba(47,39,62,.08)}.pp-orb-1{background:var(--pp-c1);top:11%;right:45%}.pp-orb-2{background:var(--pp-c2);top:18%;right:6%}.pp-orb-3{background:var(--pp-c3);bottom:18%;right:46%;width:16px;height:16px}.pp-orb-4{background:var(--pp-c4);top:9%;left:8%}.pp-orb-5{background:var(--pp-c5);bottom:13%;left:5%}.pp-orb-6{background:var(--pp-c6);bottom:7%;left:37%;width:14px;height:14px}.pp-orb-7{background:var(--pp-c7);top:32%;left:2%;width:15px;height:15px}

@media (max-width:900px){
  .pp-hero-grid{grid-template-columns:1fr;gap:18px;min-height:0}
  .pp-hero-copy{padding:0}.pp-hero-visual{min-height:410px;order:-1}.pp-cat-card{width:min(100%,340px)}
  .pp-cat-image-stage{min-height:280px}.pp-cat-image-stage img{width:70%}.pp-color-wheel{right:2%;bottom:0;width:92px;height:92px}.pp-wheel-dot{width:16px;height:16px;border-width:2px}.pp-wheel-1{top:4px;left:38px}.pp-wheel-2{top:18px;right:7px}.pp-wheel-3{top:47px;right:6px}.pp-wheel-4{bottom:5px;right:31px}.pp-wheel-5{bottom:15px;left:7px}.pp-wheel-6{top:38px;left:6px}.pp-wheel-7{top:14px;left:16px}
}
@media (max-width:600px){
  #home-hero-premium.pp-rainbow-hero{min-height:0 !important;padding:15px !important;border-radius:30px !important;box-shadow:0 13px 0 rgba(37,34,54,.045),0 22px 42px rgba(62,48,90,.11) !important}
  #home-hero-premium.pp-rainbow-hero::before{inset:7px;border-radius:25px}.pp-hero-grid{gap:10px}.pp-hero-visual{min-height:332px}.pp-cat-card{padding:10px;border-radius:26px;transform:none}.pp-cat-image-stage{min-height:235px;border-radius:21px}.pp-cat-image-stage img{width:72%;max-width:220px}.pp-floating-note{font-size:7px;padding:6px 7px}.pp-note-a{right:7px}.pp-note-b{left:7px}.pp-cat-card-bottom{padding-top:9px}.pp-cat-card-bottom strong{font-size:16px}.pp-cat-card-bottom small{font-size:7px}.pp-logo-mini{width:43px;height:43px;border-radius:13px}
  .pp-hero-kicker{font-size:8px;padding:7px 9px;gap:6px}.pp-kicker-paw{width:23px;height:23px;font-size:9px}.pp-hero-title-wrap{margin-top:14px}.pp-hero-mini-label{font-size:10px}.pp-hero-title-accent{font-size:8px;margin-top:6px;padding:4px 7px}#home-hero-premium.pp-rainbow-hero h1{font-size:clamp(1.75rem,9vw,2.45rem) !important;line-height:1.28 !important}.pp-hero-text{font-size:9.5px !important;line-height:2 !important;margin-top:11px !important}.pp-hero-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}.pp-hero-btn{min-height:47px;padding:7px 10px;border-radius:15px;font-size:9px;box-shadow:5px 6px 0 rgba(37,34,54,.05)}.pp-btn-icon{width:30px;height:30px;border-radius:10px}.pp-hero-trust-row{gap:6px;margin-top:13px}.pp-trust-chip{padding:7px 6px;border-radius:13px;gap:5px}.pp-trust-number{width:23px;height:23px;border-radius:8px;font-size:7px}.pp-trust-chip b{font-size:7px}.pp-trust-chip small{font-size:6px}.pp-orb-1{top:7%;right:48%}.pp-orb-2{top:14%;right:4%}.pp-orb-3{bottom:19%;right:45%}.pp-orb-4{top:7%;left:6%}.pp-orb-5{bottom:11%;left:4%}.pp-orb-6{bottom:5%;left:40%}.pp-orb-7{top:36%;left:1%}
}

/* Prevent hero from inheriting legacy geometry rules. */
#home-hero-premium.pp-rainbow-hero > .relative,
#home-hero-premium.pp-rainbow-hero .fox-hero-brand-card{all:unset !important}

/* Global final font reset for content generated by JavaScript too. */
body [class*="font-"]{font-family:'Snaap','Tahoma',sans-serif !important}
.fa,.fa-solid,.fa-regular,.fa-light,.fa-thin,.fa-duotone{font-family:"Font Awesome 6 Free" !important}
.fa-brands{font-family:"Font Awesome 6 Brands" !important}

/* Make admin credential fields use supplied font as well, while code remains monospaced only where needed. */
#admin-portal-modal input,#admin-portal-modal button,#admin-portal-modal label,#admin-portal-modal p,#admin-portal-modal span,#admin-portal-modal h3{font-family:'Snaap','Tahoma',sans-serif !important}
#admin-portal-modal code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace !important}


/* v3 category system — soft 3D, cute, fast and responsive */
.pp-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pp-category-card{position:relative;display:flex;min-height:220px;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid rgba(47,39,62,.08);border-radius:28px;background:linear-gradient(145deg,#fff,#faf8ff);padding:12px;text-decoration:none;box-shadow:0 10px 0 rgba(47,39,62,.035),0 20px 32px rgba(47,39,62,.08);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.pp-category-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--pp-accent) 40%,#fff);box-shadow:0 14px 0 rgba(47,39,62,.035),0 28px 46px rgba(47,39,62,.12)}
.pp-category-card:active{transform:translateY(-1px) scale(.992)}
.pp-category-card-glow{position:absolute;inset:-35% auto auto -10%;width:150px;height:150px;border-radius:50%;background:var(--pp-accent);opacity:.12;filter:blur(22px);pointer-events:none}
.pp-category-number{position:absolute;right:14px;top:12px;z-index:4;font-size:9px;font-weight:900;letter-spacing:.16em;color:#9b94a8;direction:ltr}
.pp-category-media{position:relative;min-height:124px;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#f1eeff,#fff5ec);border:1px solid rgba(47,39,62,.06);display:grid;place-items:center}
.pp-category-media:before{content:"";position:absolute;inset:9px;border-radius:17px;border:1px dashed rgba(47,39,62,.08);pointer-events:none}
.pp-category-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.74;transform:scale(1.03);transition:transform .4s ease,opacity .3s ease}
.pp-category-card:hover .pp-category-media img{transform:scale(1.1);opacity:.82}
.pp-category-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(47,39,62,.18));pointer-events:none}
.pp-category-icon{position:relative;z-index:2;width:56px;height:56px;border-radius:19px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);display:grid;place-items:center;font-size:20px;color:var(--pp-accent);box-shadow:7px 9px 0 rgba(47,39,62,.07),0 18px 24px rgba(47,39,62,.1);border:1px solid rgba(255,255,255,.9)}
.pp-category-copy{padding:11px 4px 2px}
.pp-category-en{display:block;font-size:7px;letter-spacing:.16em;color:#aaa2b1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-category-copy h3{margin-top:4px;font-size:14px;line-height:1.7;font-weight:950;color:#342f3e}
.pp-category-meta{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:9px;color:#948b9e}
.pp-category-meta b{font-size:10px;color:var(--pp-accent)}
.pp-category-meta i{margin-right:auto;color:var(--pp-accent);transition:transform .2s ease}
.pp-category-card:hover .pp-category-meta i{transform:translateX(-3px)}
.pp-empty-categories{border:1px dashed rgba(47,39,62,.12);border-radius:24px;padding:34px 16px;display:flex;flex-direction:column;align-items:center;gap:9px;color:#978ea0;background:#fff}
.pp-empty-categories i{font-size:28px;color:#c9bfd2}
.pp-category-filter-row{display:flex;align-items:stretch;gap:10px;min-width:max-content}
.pp-category-filter{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(47,39,62,.08);border-radius:18px;background:#fff;color:#645b6e;box-shadow:0 5px 0 rgba(47,39,62,.03),0 8px 18px rgba(47,39,62,.05);font-size:10px;font-weight:900;white-space:nowrap;transition:all .2s ease}
.pp-category-filter:hover{transform:translateY(-2px);border-color:#ffc7b4;background:#fffaf7;color:#ea6b39}
.pp-category-filter.is-active{background:linear-gradient(135deg,#ff8a5b,#ff6e9f);color:#fff;border-color:transparent;box-shadow:0 6px 0 rgba(225,90,73,.16),0 14px 24px rgba(225,90,73,.18)}
.pp-category-filter-icon{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:#f8f5fb;color:#9a90a4;font-size:11px;box-shadow:inset 0 1px rgba(255,255,255,.9)}
.pp-category-filter.is-active .pp-category-filter-icon{background:rgba(255,255,255,.2);color:#fff}
.pp-category-filter-text{max-width:145px;overflow:hidden;text-overflow:ellipsis}
.pp-category-filter-count{min-width:24px;padding:3px 5px;border-radius:9px;background:#f1edf5;color:#877c91;font-size:9px;text-align:center}
.pp-category-filter.is-active .pp-category-filter-count{background:rgba(255,255,255,.18);color:#fff}
@media (min-width:640px){.pp-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.pp-category-card{min-height:245px;padding:14px}.pp-category-media{min-height:145px}.pp-category-copy h3{font-size:15px}}
@media (min-width:1024px){.pp-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pp-category-card{min-height:255px}.pp-category-media{min-height:152px}}
@media (prefers-reduced-motion:reduce){.pp-category-card,.pp-category-media img,.pp-category-meta i,.pp-category-filter{transition:none!important}}
.pp-admin-category-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(47,39,62,.08);border-radius:22px;background:linear-gradient(145deg,#fff,#fbf9ff);box-shadow:0 7px 0 rgba(47,39,62,.03),0 12px 24px rgba(47,39,62,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.pp-admin-category-card:hover{transform:translateY(-2px);border-color:#ffd0bf;box-shadow:0 9px 0 rgba(47,39,62,.03),0 18px 30px rgba(47,39,62,.09)}
.pp-admin-category-avatar{width:56px;height:56px;border-radius:17px;overflow:hidden;position:relative;flex:0 0 auto;border:1px solid rgba(47,39,62,.07);background:linear-gradient(145deg,#f3efff,#fff2e7);box-shadow:5px 6px 0 rgba(47,39,62,.05)}
.pp-admin-category-avatar img{width:100%;height:100%;object-fit:cover}
.pp-admin-category-avatar.is-empty{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#ff8a5b,#ff6e9f)}
@media (max-width:639px){.pp-admin-category-card{align-items:flex-start}.pp-admin-category-avatar{width:48px;height:48px}.pp-admin-category-actions{display:grid!important;grid-template-columns:repeat(2,1fr);gap:5px!important;width:82px}.pp-admin-category-actions label,.pp-admin-category-actions button{justify-content:center;min-width:0}}


/* =========================================================
   PetRaPet V8 — full-card category photography + phone performance pass
   ========================================================= */
.pp-category-card{
  min-height:238px !important;
  padding:0 !important;
  isolation:isolate;
  background:#e8e2ef !important;
}
.pp-category-media{
  position:absolute !important;
  inset:0 !important;
  min-height:0 !important;
  border:0 !important;
  border-radius:inherit !important;
  background:#ded7e8 !important;
  overflow:hidden !important;
  z-index:0 !important;
}
.pp-category-media:before{display:none !important}
.pp-category-media img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  opacity:1 !important;
  transform:none !important;
  filter:saturate(1.06) contrast(1.02) !important;
  transition:transform .3s ease,filter .3s ease !important;
}
.pp-category-card:hover .pp-category-media img{transform:scale(1.035) !important;filter:saturate(1.1) contrast(1.03) !important}
.pp-category-media-shade{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg,rgba(28,21,42,.04) 0%,rgba(28,21,42,.18) 42%,rgba(25,19,39,.78) 100%) !important;
}
.pp-category-card-glow{z-index:2 !important;filter:blur(28px) !important;opacity:.22 !important}
.pp-category-number{z-index:4 !important;top:14px !important;right:15px !important;color:rgba(255,255,255,.84) !important;text-shadow:0 2px 8px rgba(0,0,0,.26) !important}
.pp-category-copy{position:absolute !important;z-index:4 !important;left:12px !important;right:12px !important;bottom:11px !important;padding:0 !important;color:#fff !important}
.pp-category-en{color:rgba(255,255,255,.74) !important;text-shadow:0 1px 6px rgba(0,0,0,.28) !important}
.pp-category-copy h3{color:#fff !important;font-size:15px !important;line-height:1.65 !important;text-shadow:0 2px 8px rgba(0,0,0,.28) !important;margin-top:2px !important}
.pp-category-meta{margin-top:5px !important;color:rgba(255,255,255,.82) !important}
.pp-category-meta b,.pp-category-meta i{color:#fff !important;text-shadow:0 1px 5px rgba(0,0,0,.24)}
.pp-category-icon{
  position:absolute !important;
  z-index:4 !important;
  top:13px !important;
  left:13px !important;
  width:46px !important;
  height:46px !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.82) !important;
  color:var(--pp-accent) !important;
  box-shadow:0 9px 22px rgba(30,22,44,.18),inset 0 1px 0 rgba(255,255,255,.9) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
}

/* Mobile: keep the visual depth but remove expensive blur/transitions that can stutter on mid-range phones. */
@media (max-width:700px){
  .pp-category-card{min-height:188px !important;border-radius:24px !important;box-shadow:0 8px 0 rgba(47,39,62,.035),0 16px 24px rgba(47,39,62,.08) !important}
  .pp-category-copy{left:10px !important;right:10px !important;bottom:9px !important}
  .pp-category-copy h3{font-size:12px !important}
  .pp-category-en{font-size:6.5px !important}
  .pp-category-meta{font-size:8px !important;margin-top:3px !important}
  .pp-category-icon{top:10px !important;left:10px !important;width:38px !important;height:38px !important;border-radius:13px !important;font-size:14px !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}
  .pp-category-card:hover{transform:none !important}
  .pp-category-card:hover .pp-category-media img{transform:none !important}
  .pp-category-media-shade{background:linear-gradient(180deg,rgba(28,21,42,.02),rgba(25,19,39,.76)) !important}
  #home-hero-premium.pp-rainbow-hero .pp-cat-card,
  #home-hero-premium.pp-rainbow-hero .pp-color-wheel,
  .glass-nav,
  .fox-mobile-bottom-nav,
  .pp-category-icon{
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }
  #home-hero-premium.pp-rainbow-hero .pp-cat-card{box-shadow:10px 12px 0 rgba(44,39,59,.04),0 20px 34px rgba(51,41,70,.10) !important}
  main > section,
  footer{contain:layout paint !important}
}
@media (max-width:420px){
  .pp-category-card{min-height:166px !important;border-radius:21px !important}
  .pp-category-copy{bottom:8px !important}
  .pp-category-copy h3{font-size:11px !important}
  .pp-category-icon{width:34px !important;height:34px !important;border-radius:11px !important;font-size:12px !important}
}
@media (prefers-reduced-motion: reduce){
  .pp-category-media img,.pp-category-card,.pp-category-meta i{transition:none !important}
  #home-hero-premium.pp-rainbow-hero *{animation-duration:0.001ms !important;animation-iteration-count:1 !important}
}