:root{
  --petra-bg:#fffdf8;
  --petra-paper:#ffffff;
  --petra-ink:#13202a;
  --petra-jade:#72d6bd;
  --petra-turq:#6fe1dd;
  --petra-blue:#8bd2ff;
  --petra-red:#ff9b9b;
  --petra-orange:#ffc27d;
  --petra-purple:#c7a8ff;
  --petra-yellow:#ffe58b;
  --petra-shadow:0 18px 48px rgba(34,54,62,.10);
  --petra-radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body,
body.paw-bg,
body.cat-paw-pattern{
  color:var(--petra-ink)!important;
  background:
    radial-gradient(circle at 8% 16%, rgba(111,225,221,.22) 0 11rem, transparent 11.2rem),
    radial-gradient(circle at 92% 12%, rgba(199,168,255,.20) 0 13rem, transparent 13.2rem),
    radial-gradient(circle at 15% 82%, rgba(255,229,139,.18) 0 10rem, transparent 10.2rem),
    radial-gradient(circle at 84% 82%, rgba(255,155,155,.16) 0 12rem, transparent 12.2rem),
    linear-gradient(180deg,#fffdf8 0%,#f9fffd 55%,#fffaf6 100%)!important;
  font-family:'Snaap','Snapp','IRANSans','IRANSansX',Tahoma,Arial,sans-serif!important;
}
body::before,body::after{display:none!important}
::selection{background:#17232b!important;color:#fff!important}

/* Every visible text run gets a light fill plus a thin black glyph stroke. */
[data-petra-rainbow]{
  color:var(--petra-color,#8bd2ff)!important;
  -webkit-text-stroke:.58px #111820;
  paint-order:stroke fill;
  text-shadow:none!important;
}
[data-petra-rainbow].petra-white-text{color:#fff!important}

/* Header: soft white shell with a seven-color accent rail. */
header.sticky,.glass-nav{
  background:rgba(255,255,255,.92)!important;
  border-bottom:0!important;
  box-shadow:0 10px 34px rgba(31,46,52,.08)!important;
  backdrop-filter:blur(16px)!important;
  position:sticky;
}
header.sticky::after{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--petra-jade),var(--petra-turq),var(--petra-blue),var(--petra-red),var(--petra-orange),var(--petra-purple),var(--petra-yellow));}
.brand-logo-trigger>div{
  background:linear-gradient(145deg,#eefcf9,#fff7db)!important;
  border:2px solid #13202a!important;
  border-radius:18px!important;
  box-shadow:8px 8px 0 rgba(23,35,43,.10)!important;
}
.brand-logo-trigger>div::after{display:none!important}
.brand-logo-trigger img{background:transparent!important}

/* Top strip */
body>div:first-child{
  background:linear-gradient(90deg,var(--petra-jade),var(--petra-turq),var(--petra-blue),var(--petra-purple),var(--petra-red),var(--petra-orange),var(--petra-yellow))!important;
  color:#17232b!important;
  border:0!important;
  box-shadow:none!important;
  font-weight:900!important;
}
body>div:first-child *{-webkit-text-stroke:.45px #17232b!important;color:#fffefb!important}

/* Main containers and panels */
main{position:relative!important}
main .bg-white,
main .glass-card,
.fox-filter-shell,
#products-page-root>div,
#favorites-root>div,
#compare-root>div{
  background:rgba(255,255,255,.97)!important;
  border:2px solid rgba(19,32,42,.10)!important;
  box-shadow:var(--petra-shadow)!important;
  border-radius:26px!important;
}

/* Completely new hero geometry */
#home-hero-premium,.petra-hero{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  min-height:520px;
  padding:clamp(28px,5vw,60px)!important;
  border-radius:48px 24px 62px 30px!important;
  border:3px solid #17232b!important;
  background:
    linear-gradient(135deg,rgba(114,214,189,.94) 0 18%,rgba(255,229,139,.95) 18% 35%,rgba(139,210,255,.96) 35% 55%,rgba(255,194,125,.96) 55% 72%,rgba(199,168,255,.95) 72% 86%,rgba(255,155,155,.96) 86% 100%)!important;
  box-shadow:16px 18px 0 rgba(19,32,42,.11)!important;
}
#home-hero-premium::before{content:"";position:absolute;inset:-30% auto auto -12%;width:60%;height:120%;background:rgba(255,255,255,.30);transform:rotate(12deg);border-radius:50%;z-index:0}
#home-hero-premium::after{content:"";position:absolute;right:-85px;bottom:-100px;width:270px;height:270px;border-radius:50%;background:rgba(255,255,255,.35);border:24px solid rgba(19,32,42,.07);z-index:0}
#home-hero-premium>div.relative{position:relative;z-index:2}
#home-hero-premium .bg-white\/20,#home-hero-premium .bg-white\/10{background:rgba(255,255,255,.58)!important;border:2px solid rgba(19,32,42,.16)!important;box-shadow:10px 12px 0 rgba(19,32,42,.10)!important;backdrop-filter:blur(6px)!important}
#home-hero-premium h1{font-size:clamp(2rem,4.7vw,4.5rem)!important;line-height:1.22!important;max-width:900px}
#home-hero-premium p{color:#15222b!important;max-width:760px;font-weight:800!important}
#home-hero-premium .fox-hero-brand-card>div{border-radius:54px 24px 54px 24px!important;background:rgba(255,255,255,.47)!important;border:3px solid #17232b!important;box-shadow:14px 16px 0 rgba(19,32,42,.12)!important}
#home-hero-premium .fox-hero-brand-card>div>div:first-child{background:#fff!important;border:2px solid #17232b!important}
#home-hero-premium .fox-hero-brand-card img{background:transparent!important}

/* Hero social/CTA buttons */
#home-hero-premium a.rounded-2xl{border:2px solid #17232b!important;box-shadow:6px 7px 0 rgba(19,32,42,.10)!important}

/* Category and section tiles */
#home-categories-grid>a,
#home-categories-container>a,
#category-pills-container>*{
  border:2px solid #17232b!important;
  box-shadow:7px 7px 0 rgba(19,32,42,.08)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,255,252,.96))!important;
  color:var(--petra-ink)!important;
}
#home-categories-grid>a:nth-child(7n+1){background:linear-gradient(145deg,#e8fff7,#72d6bd)!important}
#home-categories-grid>a:nth-child(7n+2){background:linear-gradient(145deg,#eaffff,#6fe1dd)!important}
#home-categories-grid>a:nth-child(7n+3){background:linear-gradient(145deg,#eef8ff,#8bd2ff)!important}
#home-categories-grid>a:nth-child(7n+4){background:linear-gradient(145deg,#fff2f2,#ff9b9b)!important}
#home-categories-grid>a:nth-child(7n+5){background:linear-gradient(145deg,#fff4e6,#ffc27d)!important}
#home-categories-grid>a:nth-child(7n+6){background:linear-gradient(145deg,#f4ecff,#c7a8ff)!important}
#home-categories-grid>a:nth-child(7n){background:linear-gradient(145deg,#fffbe8,#ffe58b)!important}

/* Product cards */
.product-card-item,#home-featured-grid>div,#home-bestseller-grid>div,#catalog-products-grid>div{
  background:rgba(255,255,255,.97)!important;
  border:2px solid #17232b!important;
  border-radius:30px!important;
  box-shadow:9px 10px 0 rgba(19,32,42,.08)!important;
  transform:none!important;
}
.product-card-item:hover,#home-featured-grid>div:hover,#home-bestseller-grid>div:hover,#catalog-products-grid>div:hover{
  transform:translateY(-7px) rotate(-.35deg)!important;
  box-shadow:13px 15px 0 rgba(19,32,42,.12)!important;
}
.product-img-box,
.product-card-item>a.aspect-square,
#home-featured-grid .aspect-square,
#catalog-products-grid .aspect-square{
  background:linear-gradient(145deg,#e8fff7 0 20%,#f4ecff 20% 40%,#fffbe8 40% 60%,#eef8ff 60% 80%,#fff2f2 80% 100%)!important;
  border:0!important;
  min-height:190px;
}
.product-img-box img,.product-card-item img,#home-featured-grid img,#catalog-products-grid img{background:transparent!important}
.product-info-box,.product-card-item>.p-5{background:#fff!important}

/* Colorful price chips */
.price-text{color:#13202a!important;background:linear-gradient(90deg,var(--petra-yellow),var(--petra-orange));padding:.25rem .5rem;border:2px solid #17232b;border-radius:12px;display:inline-block}

/* Catalog toolbar */
#category-pills-container>*{background:#fff!important}

/* Product page */
#product-page-root{padding-top:20px!important;padding-bottom:48px!important}
#product-page-root>.space-y-6>section:first-of-type,
#product-page-root .petra-product-shell{
  background:
    linear-gradient(135deg,rgba(114,214,189,.18),rgba(139,210,255,.18) 25%,rgba(255,194,125,.20) 50%,rgba(199,168,255,.18) 75%,rgba(255,155,155,.18));
  border:3px solid #17232b!important;
  border-radius:44px 24px 44px 24px!important;
  box-shadow:13px 15px 0 rgba(19,32,42,.10)!important;
}
#product-page-root [id="fox-main-product-image"]{background:transparent!important}
#product-page-root .product-gallery-box{background:linear-gradient(145deg,#e8fff7,#eef8ff,#fffbe8,#fff2f2,#f4ecff)!important;border:3px solid #17232b!important;border-radius:36px!important}
#product-page-root .petra-mini-panel{border:2px solid #17232b!important;border-radius:22px!important;background:#fff!important;box-shadow:6px 7px 0 rgba(19,32,42,.08)!important}
#product-page-root details{background:rgba(255,255,255,.88)!important;border:2px solid #17232b!important;border-radius:18px!important;margin:.45rem 0;padding:.7rem 1rem}

/* Order banner and footer: same seven-color language as hero */
main>.petra-order-banner,
main>div[class*="from-purple-700"]{
  position:relative;overflow:hidden;border:3px solid #17232b!important;
  border-radius:42px 22px 42px 22px!important;
  background:linear-gradient(105deg,#72d6bd,#6fe1dd,#8bd2ff,#ff9b9b,#ffc27d,#c7a8ff,#ffe58b)!important;
  box-shadow:13px 15px 0 rgba(19,32,42,.10)!important;
}
footer,.petra-footer{
  background:linear-gradient(110deg,#e8fff7,#eaffff 16%,#eef8ff 32%,#fff2f2 48%,#fff4e6 64%,#f4ecff 80%,#fffbe8)!important;
  color:#15222b!important;border-top:3px solid #17232b!important;
  position:relative;overflow:hidden;
}
footer::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.28) 0 30px,transparent 30px 60px);pointer-events:none}
footer .text-slate-400,footer .text-slate-500{color:#1d2b34!important}
footer a,footer p,footer h4,footer span,footer li{position:relative;z-index:2}

/* Cart drawer */
#cart-drawer{background:rgba(19,32,42,.34)!important}
#cart-drawer>div{
  background:linear-gradient(180deg,#fff,#f9fffd)!important;
  border-left:3px solid #17232b!important;
  box-shadow:-18px 0 50px rgba(19,32,42,.15)!important;
}
#cart-items-container>div{background:linear-gradient(135deg,#f7fffc,#fff)!important;border:2px solid rgba(19,32,42,.12)!important}
.petra-cart-socials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.petra-cart-socials a{border:2px solid #17232b;border-radius:15px;padding:10px;text-align:center;font-weight:900;text-decoration:none;box-shadow:4px 5px 0 rgba(19,32,42,.08)}
.petra-cart-socials a:nth-child(1){background:#d8fff2}.petra-cart-socials a:nth-child(2){background:#dff5ff}.petra-cart-socials a:nth-child(3){background:#fff1cf}.petra-cart-socials a:nth-child(4){background:#eee2ff}

/* Support page social hub */
.petra-social-hub{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}
.petra-social-hub a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;border:2px solid #17232b;border-radius:20px;font-weight:900;text-decoration:none;box-shadow:7px 7px 0 rgba(19,32,42,.08)}
.petra-social-hub a:nth-child(1){background:#d8fff2}.petra-social-hub a:nth-child(2){background:#dff5ff}.petra-social-hub a:nth-child(3){background:#fff1cf}.petra-social-hub a:nth-child(4){background:#eee2ff}

/* Modal surfaces */
.fixed.bg-slate-950\/60,.fixed.bg-slate-950\/75{background:rgba(19,32,42,.28)!important}
.fixed .bg-white{border:3px solid #17232b!important;box-shadow:14px 16px 0 rgba(19,32,42,.12)!important}

/* Mobile nav */
.fox-mobile-bottom-nav{background:rgba(255,255,255,.94)!important;border:2px solid #17232b!important;box-shadow:0 -10px 28px rgba(19,32,42,.10)!important}

/* Avoid old black remnants from legacy theme */
.bg-slate-950,.bg-slate-900{background:linear-gradient(135deg,#eef8ff,#f4ecff)!important;color:#14212a!important}
.text-white{color:#15222b!important}

@media (max-width:900px){
  #home-hero-premium{min-height:auto;border-radius:34px 18px 42px 22px!important}
  #home-hero-premium .fox-hero-brand-card{order:-1}
  .petra-social-hub{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  #home-hero-premium h1{font-size:2rem!important}
  #home-hero-premium{padding:20px!important}
  .petra-social-hub{grid-template-columns:1fr}
  [data-petra-rainbow]{-webkit-text-stroke:.48px #111820}
}