@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root {
  --bunni-bg: #080808;
  --bunni-surface: #0F0F0F;
  --bunni-card: #121212;
  --bunni-card-2: #161616;
  --bunni-pink: #FF9FCB;
  --bunni-pink-hover: #F88FBE;
  --bunni-text: #FFFFFF;
  --bunni-muted: #A1A1AA;
  --bunni-border: #242424;
  --bunni-radius: 16px;
  --bunni-radius-sm: 11px;
  --bunni-shadow: 0 18px 55px rgba(0,0,0,.38);
}

html { background: var(--bunni-bg) !important; }
body {
  background: var(--bunni-bg) !important;
  color: var(--bunni-text) !important;
  font-family: 'DM Sans', sans-serif !important;
}
body::before, body::after { pointer-events:none; }
body::before {
  content:"";
  position:fixed; inset:0; z-index:-1;
  background:
    radial-gradient(700px 420px at 12% 0%, rgba(255,159,203,.055), transparent 68%),
    radial-gradient(650px 420px at 88% 18%, rgba(255,159,203,.035), transparent 70%);
}
h1,h2,h3,h4,h5,h6 { font-family:'Manrope',sans-serif !important; color:#fff !important; letter-spacing:-.025em; }
a,button,input,textarea,select { transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease, opacity .18s ease !important; }
button { font:inherit; }
[x-cloak] { display:none !important; }

.bunni-container { width:min(1180px, calc(100% - 40px)); margin:0 auto; }
.bunni-section { padding:78px 0; }
.bunni-section-tight { padding-top:36px; }
.bunni-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.bunni-section-head-centered { justify-content:center; text-align:center; }
.bunni-section-head h2 { margin:6px 0 0; font-size:clamp(1.65rem,3vw,2.45rem); }
.bunni-section-head p { max-width:650px; margin:10px auto 0; color:var(--bunni-muted); line-height:1.7; }
.bunni-eyebrow { display:inline-flex; color:var(--bunni-pink); font-size:.68rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }

.bunni-nav { position:sticky; top:0; z-index:100; }
.bunni-nav-shell {
  background:rgba(8,8,8,.88);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--bunni-border);
}
.bunni-nav-inner {
  width:min(1180px, calc(100% - 40px)); min-height:76px; margin:auto;
  display:flex; align-items:center; justify-content:space-between; gap:24px;
}
.bunni-brand { display:inline-flex; align-items:center; gap:10px; color:#fff; text-decoration:none; font:800 1.05rem 'Manrope',sans-serif; letter-spacing:-.03em; }
.bunni-brand-image { width:30px; height:30px; object-fit:contain; border-radius:9px; }
.bunni-nav-desktop { display:flex; align-items:center; gap:24px; }
.bunni-nav-link,.bunni-nav-button {
  color:var(--bunni-muted); text-decoration:none; background:none; border:0; padding:8px 0;
  font-size:.86rem; font-weight:600; cursor:pointer;
}
.bunni-nav-link:hover,.bunni-nav-link.is-active,.bunni-nav-button:hover { color:#fff; }
.bunni-nav-link.is-active { color:var(--bunni-pink); }
.bunni-cart-link,.bunni-icon-button {
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; border:1px solid var(--bunni-border); border-radius:12px;
  color:#fff; background:var(--bunni-card); text-decoration:none;
}
.bunni-cart-link:hover,.bunni-icon-button:hover { border-color:rgba(255,159,203,.55); color:var(--bunni-pink); transform:translateY(-1px); }
.bunni-cart-count {
  position:absolute; top:-7px; right:-7px; min-width:19px; height:19px; padding:0 5px;
  border-radius:999px; display:flex; align-items:center; justify-content:center;
  background:var(--bunni-pink); color:#080808; font-size:.62rem; font-weight:800;
}
.bunni-nav-mobile-actions { display:none; gap:8px; }
.bunni-mobile-menu { overflow:hidden; transition:height .2s ease; }
.bunni-mobile-menu-inner { padding:0 20px 18px; display:flex; flex-direction:column; gap:2px; }
.bunni-mobile-link { text-align:left; border:0; background:none; padding:12px 0; color:var(--bunni-muted); text-decoration:none; font-weight:600; cursor:pointer; }
.bunni-mobile-link:hover { color:var(--bunni-pink); }

.bunni-hero { padding:96px 0 72px; }
.bunni-hero-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr); align-items:center; gap:70px; }
.bunni-hero-copy h1 { font-size:clamp(2.7rem,6vw,5.5rem); line-height:1.02; max-width:760px; margin:12px 0 20px; }
.bunni-hero-copy h1::selection { background:var(--bunni-pink); color:#080808; }
.bunni-hero-copy p { max-width:620px; color:var(--bunni-muted); font-size:1.02rem; line-height:1.75; }
.bunni-hero-search { max-width:560px; margin-top:28px; }
.bunni-actions { margin-top:18px; display:flex; flex-wrap:wrap; gap:10px; }
.bunni-actions a,.bunni-actions button {
  border-radius:12px !important; font-weight:700 !important;
}
.bunni-hero-note { display:flex; align-items:center; gap:8px; margin-top:22px; color:#77777f; font-size:.78rem; }
.bunni-status-dot { width:7px; height:7px; border-radius:50%; background:var(--bunni-pink); box-shadow:0 0 0 4px rgba(255,159,203,.08); }
.bunni-hero-art { min-height:460px; position:relative; display:grid; place-items:center; }
.bunni-bunny-card {
  position:relative; width:min(360px,85%); aspect-ratio:1; display:grid; place-items:center;
  border:1px solid var(--bunni-border); border-radius:28px; background:linear-gradient(145deg,#151515,#0d0d0d);
  box-shadow:var(--bunni-shadow); overflow:hidden; transform:rotate(3deg);
}
.bunni-bunny-card::before { content:""; position:absolute; inset:15%; border-radius:50%; background:rgba(255,159,203,.08); filter:blur(45px); }
.bunni-bunny-card img { position:relative; z-index:1; width:58%; height:58%; object-fit:contain; }
.bunni-bunny-mark { position:relative; z-index:1; font:800 9rem 'Manrope',sans-serif; color:var(--bunni-pink); }
.bunni-card-label { position:absolute; z-index:2; left:22px; bottom:20px; color:#777; font-size:.65rem; font-weight:800; letter-spacing:.2em; }
.bunni-orbit { position:absolute; border:1px solid rgba(255,159,203,.12); border-radius:50%; }
.bunni-orbit-a { width:430px; height:270px; transform:rotate(28deg); }
.bunni-orbit-b { width:310px; height:420px; transform:rotate(-30deg); }

.bunni-product-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.bunni-product-card {
  display:block; min-width:0; overflow:hidden; background:var(--bunni-card);
  border:1px solid var(--bunni-border); border-radius:var(--bunni-radius);
  color:#fff; text-decoration:none; box-shadow:0 8px 28px rgba(0,0,0,.18);
}
.bunni-product-card:hover { border-color:rgba(255,159,203,.42); transform:translateY(-4px); box-shadow:var(--bunni-shadow); }
.bunni-product-media { position:relative; aspect-ratio:16/10; overflow:hidden; background:#0c0c0c; }
.bunni-product-media img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .35s ease; }
.bunni-product-card:hover .bunni-product-media img { transform:scale(1.035); }
.bunni-product-placeholder { height:100%; display:grid; place-items:center; color:#333; }
.bunni-product-badges { position:absolute; left:12px; top:12px; display:flex; flex-wrap:wrap; gap:6px; }
.bunni-product-badges span {
  padding:5px 8px; border-radius:999px; background:var(--badge-color,var(--bunni-pink)); color:#080808;
  font-size:.62rem; font-weight:800;
}
.bunni-product-body { padding:15px; }
.bunni-product-top { display:flex; justify-content:space-between; gap:10px; align-items:center; }
.bunni-product-top h3 { margin:0; font-size:.96rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bunni-product-top i { color:#666; font-size:.75rem; }
.bunni-product-meta { display:flex; align-items:baseline; gap:7px; margin-top:9px; }
.bunni-product-price { color:var(--bunni-pink); font-weight:800; }
.bunni-product-old-price { color:#666; font-size:.75rem; text-decoration:line-through; }
.bunni-product-category { display:inline-block; margin-top:10px; color:#77777f; font-size:.7rem; }

.bunni-category-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.bunni-category-card { overflow:hidden; border:1px solid var(--bunni-border); border-radius:var(--bunni-radius); background:var(--bunni-card); color:#fff; text-decoration:none; }
.bunni-category-card:hover { border-color:rgba(255,159,203,.42); transform:translateY(-3px); }
.bunni-category-image { aspect-ratio:16/8; background:#0d0d0d; overflow:hidden; display:grid; place-items:center; color:#3a3a3a; }
.bunni-category-image img { width:100%; height:100%; object-fit:cover; }
.bunni-category-body { display:flex; justify-content:space-between; align-items:center; padding:15px 17px; font-weight:700; }
.bunni-category-body i { color:#666; font-size:.78rem; }
.bunni-category-card:hover .bunni-category-body i { color:var(--bunni-pink); }

.bunni-feature-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.bunni-feature-card { background:var(--bunni-card); border:1px solid var(--bunni-border); border-radius:var(--bunni-radius); padding:23px; }
.bunni-feature-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:12px; background:rgba(255,159,203,.08); color:var(--bunni-pink); margin-bottom:22px; }
.bunni-feature-card h3 { font-size:1rem; margin:0 0 8px; }
.bunni-feature-card p { color:var(--bunni-muted); font-size:.82rem; line-height:1.65; margin:0; }

.bunni-faq-wrap { max-width:850px; }
.bunni-faq-list { border-top:1px solid var(--bunni-border); }
.bunni-faq-item { border-bottom:1px solid var(--bunni-border); }
.bunni-faq-question { width:100%; border:0; background:none; color:#fff; display:flex; justify-content:space-between; gap:20px; text-align:left; padding:20px 0; font-weight:700; cursor:pointer; }
.bunni-faq-question i { color:var(--bunni-pink); font-size:.78rem; }
.bunni-faq-answer { padding:0 40px 20px 0; color:var(--bunni-muted); line-height:1.7; font-size:.88rem; }

.bunni-text-link { color:#fff; text-decoration:none; font-size:.82rem; font-weight:700; }
.bunni-text-link:hover { color:var(--bunni-pink); }
.bunni-text-link i { margin-left:5px; font-size:.7rem; }
.bunni-empty { grid-column:1/-1; padding:45px; text-align:center; border:1px dashed var(--bunni-border); border-radius:var(--bunni-radius); color:#777; }
.bunni-section-search { max-width:500px; margin:0 0 20px; }

.bunni-footer { margin-top:40px; border-top:1px solid var(--bunni-border); background:#0a0a0a; }
.bunni-footer-main { display:flex; justify-content:space-between; gap:60px; padding:55px 0 45px; }
.bunni-footer-brand { max-width:310px; }
.bunni-footer-brand-link { margin-bottom:13px; }
.bunni-footer-brand p { color:#777; font-size:.82rem; line-height:1.6; margin:0; }
.bunni-socials { display:flex; gap:8px; margin-top:20px; }
.bunni-socials a { width:36px; height:36px; display:grid; place-items:center; border:1px solid var(--bunni-border); border-radius:10px; color:#777; text-decoration:none; }
.bunni-socials a:hover { color:var(--bunni-pink); border-color:rgba(255,159,203,.42); }
.bunni-footer-links { display:flex; gap:70px; }
.bunni-footer-links > div { display:flex; flex-direction:column; gap:10px; min-width:100px; }
.bunni-footer-links span { color:#fff; font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.13em; margin-bottom:5px; }
.bunni-footer-links a,.bunni-footer-links button { padding:0; border:0; background:none; color:#777; text-decoration:none; text-align:left; cursor:pointer; font-size:.78rem; }
.bunni-footer-links a:hover,.bunni-footer-links button:hover { color:var(--bunni-pink); }
.bunni-footer-bottom { border-top:1px solid var(--bunni-border); padding:17px 0; display:flex; justify-content:space-between; gap:20px; color:#555; font-size:.68rem; }
.bunni-footer-bottom span:last-child { color:#777; font-weight:800; letter-spacing:.14em; }

.bg-background,[class*="bg-background"] { background-color:var(--bunni-bg) !important; }
.bg-card,[class*="bg-card"] { background-color:var(--bunni-card) !important; }
.text-t-primary,[class*="text-t-primary"] { color:var(--bunni-text) !important; }
.text-t-primary\/50,[class*="text-t-primary/50"] { color:#77777f !important; }
.text-t-primary\/60,[class*="text-t-primary/60"] { color:#88888f !important; }
[class*="border-white/"] { border-color:var(--bunni-border) !important; }
.text-accent-500,[class*="text-accent"] { color:var(--bunni-pink) !important; }
.bg-accent-500,[class*="bg-accent-500"] { background-color:var(--bunni-pink) !important; color:#080808 !important; }
.border-accent-500,[class*="border-accent"] { border-color:var(--bunni-pink) !important; }
.bg-accent-500:hover,[class*="bg-accent-500"]:hover { background-color:var(--bunni-pink-hover) !important; }
input,textarea,select {
  background:#101010 !important; color:#fff !important; border:1px solid var(--bunni-border) !important;
  border-radius:11px !important;
}
input:focus,textarea:focus,select:focus { border-color:rgba(255,159,203,.55) !important; box-shadow:0 0 0 3px rgba(255,159,203,.08) !important; outline:none !important; }
.editor a { color:var(--bunni-pink) !important; }
.editor a:hover { color:var(--bunni-pink-hover) !important; }
table { border-color:var(--bunni-border) !important; }
button, [role="button"] { border-radius:10px; }
img { max-width:100%; }

@media (max-width: 900px) {
  .bunni-nav-desktop { display:none; }
  .bunni-nav-mobile-actions { display:flex; }
  .bunni-hero { padding:64px 0 38px; }
  .bunni-hero-grid { grid-template-columns:1fr; gap:35px; min-height:0; }
  .bunni-hero-copy h1 { font-size:clamp(2.5rem,12vw,4.1rem); }
  .bunni-hero-art { min-height:330px; }
  .bunni-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .bunni-feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .bunni-container,.bunni-nav-inner { width:min(100% - 28px,1180px); }
  .bunni-section { padding:55px 0; }
  .bunni-section-head { align-items:flex-start; flex-direction:column; gap:10px; }
  .bunni-product-grid,.bunni-category-grid,.bunni-feature-grid { grid-template-columns:1fr; }
  .bunni-product-grid { gap:12px; }
  .bunni-hero-art { min-height:280px; }
  .bunni-bunny-card { width:72%; border-radius:22px; }
  .bunni-orbit-a { width:290px; height:190px; }
  .bunni-orbit-b { width:220px; height:300px; }
  .bunni-footer-main { flex-direction:column; gap:38px; padding:42px 0 34px; }
  .bunni-footer-links { gap:30px; flex-wrap:wrap; }
  .bunni-footer-bottom { flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; }
}