@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Montserrat:wght@400;600;700;800;900&display=swap');
:root{--pink:#ff1493;--hot:#ff4eb8;--deep:#19051f;--purple:#3b0d5b;--violet:#70228c;--gold:#f8d46a;--cream:#fff5fb;--muted:#766477;--ink:#211127}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}button,.button{border:0;cursor:pointer;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;font-family:Montserrat,Arial,sans-serif}
.site-header,.admin-header{display:flex;align-items:center;justify-content:space-between;padding:16px 5vw;background:linear-gradient(100deg,#16051d,#351047 55%,#18051e);color:white;gap:20px;border-bottom:2px solid var(--gold);box-shadow:0 5px 25px #29072c55;position:relative;z-index:2}
.brand{font-weight:900;letter-spacing:1.3px;color:white;display:flex;align-items:center;gap:10px;text-shadow:0 1px 10px #ff149355}.brand b{color:#ff75c4}.brand small{display:block;font-size:9px;letter-spacing:2.5px;color:var(--gold);margin-top:4px}.crown{font-size:34px;color:var(--gold);filter:drop-shadow(0 0 7px #f8d46a)}
nav{display:flex;gap:20px;font-size:11px;text-transform:uppercase;letter-spacing:1.1px;font-weight:800}nav a:hover{color:#ff78c9;text-shadow:0 0 10px #ff1493}
.cart-button{background:linear-gradient(135deg,#ffe99b,#d9a82e);color:#351047;padding:12px 16px;border-radius:2px;box-shadow:0 0 15px #f8d46a55}
.hero{min-height:535px;position:relative;background:radial-gradient(ellipse at 78% 45%,#a62b91 0,#5a176e 30%,#2a0c3b 58%,#17051e 100%);color:white;display:grid;grid-template-columns:1fr 1fr;padding:65px 9vw;overflow:hidden}
.hero:before,.promo:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle at 12% 22%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 72% 18%,#ffeaa1 0 1px,transparent 2px),radial-gradient(circle at 35% 77%,#ffb8e5 0 1px,transparent 2px),radial-gradient(circle at 88% 70%,#fff 0 1px,transparent 2px),radial-gradient(circle at 53% 44%,#ffeaa1 0 1px,transparent 2px);background-size:115px 115px,153px 153px,97px 97px,131px 131px,177px 177px}
.hero-copy{align-self:center;z-index:1}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:900;color:var(--pink);text-transform:uppercase}.hero .eyebrow{color:var(--gold)}.hero h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:clamp(58px,8vw,100px);line-height:.83;margin:22px 0;text-shadow:0 5px 25px #09000f}.hero h1 em{font-style:italic;color:#ff70c5;text-shadow:2px 2px 0 var(--gold),0 0 25px #ff1493}.hero-copy>p:not(.eyebrow){color:#f7dff1;max-width:390px;line-height:1.7}.button{display:inline-block;background:linear-gradient(105deg,#ff1493,#c52baf 55%,#7624a0);color:white;padding:15px 23px;border-radius:2px;margin-top:13px;box-shadow:0 5px 20px #ff149355;border:1px solid #ffb4df}.button:hover{filter:brightness(1.12);transform:translateY(-1px)}
.hero-art{position:relative;min-height:350px;border:2px solid #f8d46a;border-radius:49% 49% 4px 4px;background:radial-gradient(ellipse at 50% 35%,#ff9bd6 0,#e53caa 28%,#7b287f 57%,#311044 100%);box-shadow:0 0 70px #ff149366 inset,0 0 30px #f8d46a55;display:flex;align-items:center;justify-content:center;transform:rotate(1deg);isolation:isolate}
.hero-art:before{content:"";position:absolute;inset:13px;border:1px solid #ffe9a6;border-radius:49% 49% 2px 2px;z-index:-1}
.hero-art:after{content:"";position:absolute;width:48%;height:78%;bottom:0;left:26%;border-radius:48% 48% 5% 5%;background:linear-gradient(90deg,#210d2e,#6c285e 35%,#29102f 72%);clip-path:polygon(28% 0,72% 0,85% 18%,100% 100%,0 100%,15% 18%);filter:drop-shadow(0 0 14px #f8d46a)}
.sparkle{font-size:130px;color:#ffe9f5;text-shadow:0 0 15px white,0 0 35px #ff8dd2;position:absolute;top:4%;left:12%}.hero-stamp{position:absolute;right:2%;top:12%;background:linear-gradient(135deg,#fff1ad,#d9a82e);color:#3b0d5b;font-family:'DM Serif Display',Georgia,serif;font-size:19px;font-weight:900;padding:20px 17px;border-radius:50%;text-align:center;transform:rotate(12deg);line-height:1.05;box-shadow:0 0 0 4px #fff3c5,0 0 20px #f8d46a}.hero-caption{position:absolute;bottom:26px;left:10%;font-weight:900;letter-spacing:3px;color:white;text-shadow:0 2px 10px #16051d}
.ticker{background:linear-gradient(90deg,#b90b78,#ff1493,#a20d87);color:white;text-align:center;padding:13px;font-weight:900;letter-spacing:2px;font-size:10px;border-top:1px solid #ffc4e4;border-bottom:1px solid #ffc4e4;text-shadow:0 1px 5px #6b0049}
.intro{text-align:center;padding:66px 20px 34px;background:linear-gradient(#fff,#fff7fc)}.intro h2,.section-head h2,.promo h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:40px;line-height:1.02;margin:10px 0}.intro>p:last-child,.promo p:last-child{color:var(--muted)}
.shop-section{padding:30px 5vw 75px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-head h2{margin-bottom:0;color:#351047}.section-head select{padding:12px;border:1px solid #e8c4dc;background:white;color:#351047;font-family:inherit}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{border:1px solid #f0d6e7;background:white;position:relative;box-shadow:0 8px 25px #50113a0d;transition:.2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #50113a22;border-color:#ef91c5}.product-photo{height:260px;background:radial-gradient(circle at 50% 35%,#fff5fb,#f2c8e3 65%,#dfbce9);display:flex;align-items:center;justify-content:center;color:#9a6689;font-size:12px;text-align:center;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:cover}.product-info{padding:14px}.product-info h3{font-size:14px;margin:7px 0 8px;color:#351047}.product-info p{font-size:11px;color:var(--muted);margin:5px 0}.price{font-weight:900;color:#8d145f}.tag{display:inline-block;background:#ffe1f1;color:#a10d67;padding:6px 8px;font-size:8px;font-weight:900;letter-spacing:1px;text-transform:uppercase;margin:3px 3px 3px 0;border:1px solid #ffc0e1}.tag.gold{background:#fff2c9;color:#775500;border-color:#f4d77f}
.promo{position:relative;overflow:hidden;margin:20px 5vw 70px;padding:55px;text-align:center;background:radial-gradient(ellipse at 50% 0,#70228c,#321044 60%,#18051f);color:white;border:2px solid var(--gold);box-shadow:0 10px 35px #45104b33}.promo>*{position:relative;z-index:1}.promo .eyebrow{color:var(--gold)}.promo h2{font-size:48px;text-shadow:0 0 20px #ff149366}.promo p:last-child{color:#f1d9ed}
footer{background:linear-gradient(100deg,#16051d,#351047,#16051d);color:white;text-align:center;padding:38px;border-top:2px solid var(--gold)}footer small{display:block;color:#d8bfdc;margin:10px}footer>a{display:inline-block;color:#ff78c9;margin-top:10px}.footer-brand{justify-content:center}
.cart-drawer{position:fixed;z-index:5;right:0;top:0;height:100vh;width:min(420px,100%);background:white;box-shadow:-10px 0 40px #0002;padding:25px;transform:translateX(110%);transition:.25s;overflow:auto}.cart-drawer.open{transform:translateX(0)}.cart-head,.cart-total{display:flex;justify-content:space-between;align-items:center}.cart-head button{background:none;font-size:20px}.cart-line{padding:14px 0;border-bottom:1px solid #eee}.cart-line button{background:none;color:#b0005c;font-size:11px}.fine-print{font-size:11px;color:var(--muted);line-height:1.5}
.product-detail{padding:55px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:45px}.detail-photo{min-height:450px;background:linear-gradient(145deg,#f9ddeb,#e8d4f2);display:flex;align-items:center;justify-content:center;color:#986487}.detail-photo img{width:100%;height:100%;object-fit:cover}.detail-copy h1{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:42px;color:#351047}.detail-copy .price{font-size:24px}.detail-copy p{line-height:1.7;color:#655968}
.admin-body{background:#faf5fa}.admin-header{background:linear-gradient(100deg,#16051d,#351047)}.admin-header>span{color:var(--gold);font-size:11px;letter-spacing:2px}.admin-wrap{max-width:1200px;padding:40px 25px;margin:auto}.admin-actions{display:flex;gap:10px}.secondary{background:#eee;color:#32104f;margin:0}.file-label{cursor:pointer}.admin-grid{display:grid;grid-template-columns:360px 1fr;gap:30px;align-items:start}.admin-form,.inventory{background:white;padding:24px;border:1px solid #efd7e8;box-shadow:0 8px 25px #50113a0b}.admin-form h2,.inventory h2{margin-top:0;color:#351047}.admin-form label{display:block;font-size:12px;font-weight:700;margin:14px 0;color:#4b3c50}.admin-form input,.admin-form select,.admin-form textarea{display:block;width:100%;padding:11px;margin-top:6px;border:1px solid #e4d2df;border-radius:3px;font:inherit;font-weight:400}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.text-button{background:none;color:var(--pink);margin:15px}.admin-item{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #eee}.admin-item h3{margin:0 0 6px;font-size:14px}.admin-item p{margin:3px 0;color:var(--muted);font-size:12px}.admin-item button{margin:4px;padding:7px 9px;font-size:10px;background:#f6e8f1;color:#7b1854}.admin-item button.archive{background:#eee;color:#555}.empty{padding:30px;text-align:center;color:var(--muted)}
@media(max-width:850px){nav{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;padding:50px 8vw}.hero-art{min-height:260px;margin-top:35px}.admin-grid{grid-template-columns:1fr}}
@media(max-width:520px){.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-photo{height:190px}.product-detail{grid-template-columns:1fr;padding:25px}.detail-photo{min-height:300px}.admin-wrap{padding:25px 12px}.section-head{align-items:start;flex-direction:column}.admin-actions{width:100%}.admin-actions>*{flex:1;text-align:center}.hero h1{font-size:62px}.hero{padding:42px 7vw}.intro h2{font-size:33px}.promo{padding:35px 18px}}

/* Original Baby Got Backside logo artwork */
.brand-image{display:flex;align-items:center;flex:0 0 auto;line-height:0}
.brand-image img{display:block;width:clamp(150px,19vw,245px);height:auto;max-height:112px;object-fit:contain;object-position:center}
.footer-brand{display:flex;justify-content:center;margin:0 auto 16px}
.footer-brand img{display:block;width:min(320px,75vw);height:auto;object-fit:contain}
@media(max-width:760px){
  .site-header,.admin-header{flex-wrap:wrap}
  .brand-image img{width:180px;max-height:90px}
  nav{order:3;width:100%;overflow-x:auto;padding:8px 0}
}

/* Full-width original six-model storefront hero */
.hero-banner{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:radial-gradient(ellipse at 50% 20%,#84218c 0,#42104f 48%,#17051e 100%);
  padding:42px 5vw 30px;
  text-align:center;
}
.hero-banner:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.45;
  background-image:radial-gradient(circle at 12% 22%,#fff 0 1px,transparent 1.8px),radial-gradient(circle at 72% 18%,#ffeaa1 0 1px,transparent 2px),radial-gradient(circle at 35% 77%,#ffb8e5 0 1px,transparent 2px);
  background-size:115px 115px,153px 153px,97px 97px;
}
.hero-banner-copy{
  position:relative;
  z-index:1;
  max-width:900px;
  margin:0 auto 28px;
}
.hero-banner .eyebrow{color:#f8d46a}
.hero-banner h1{
  font-family:'DM Serif Display',Georgia,serif;
  font-size:clamp(38px,6vw,72px);
  line-height:1;
  font-weight:400;
  margin:15px 0;
  text-shadow:0 5px 25px #09000f;
}
.hero-banner h1 em{
  color:#ff70c5;
  text-shadow:2px 2px 0 #f8d46a,0 0 25px #ff1493;
}
.hero-banner-copy>p:not(.eyebrow){color:#f7dff1;line-height:1.7}
.hero-model-banner{
  position:relative;
  z-index:1;
  max-width:1252px;
  margin:0 auto;
  padding:12px;
  border:2px solid #f8d46a;
  background:linear-gradient(135deg,#ffb8e5,#6e267d,#f8d46a);
  box-shadow:0 0 35px #ff149355,0 0 55px #f8d46a22;
}
.hero-model-banner img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
@media(max-width:760px){
  .hero-banner{padding:32px 4vw 22px}
  .hero-banner-copy{margin-bottom:20px}
  .hero-model-banner{padding:6px}
}
