
/* SoloPrint COSMIC visual redesign — isolated preview v1.
   This stylesheet is loaded AFTER the legacy stylesheet.
   It intentionally does not alter cart/order/search business logic. */
:root{
  --bg:#070a1b;
  --card:#0f162c;
  --card2:#172144;
  --text:#f7f7ff;
  --muted:#b6c0dc;
  --line:rgba(182,155,255,.24);
  --brand:#934bff;
  --brand2:#20d3ff;
  --cosmic-violet:#b989ff;
  --cosmic-cyan:#67e7ff;
}
html{background:#060a19;scroll-behavior:smooth}
body.cosmic-site{
  margin:0;
  min-height:100vh;
  color:#f7f6ff;
  background-color:#060a18 !important;
  background-image:
    radial-gradient(ellipse at 12% 13%,rgba(77,30,154,.18),transparent 38%),
    radial-gradient(ellipse at 88% 37%,rgba(14,114,191,.09),transparent 35%),
    linear-gradient(180deg,rgba(7,8,24,.02) 0%,rgba(7,9,24,.18) 34%,#070a19 78%),
    url("cosmic-nebula.svg") !important;
  background-position:top center,top center,top center,top center !important;
  background-repeat:no-repeat !important;
  background-size:auto,auto,auto,100% auto !important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  line-height:1.5;
}
body.cosmic-site a:focus-visible,
body.cosmic-site button:focus-visible,
body.cosmic-site input:focus-visible,
body.cosmic-site summary:focus-visible{
  outline:2px solid #82e8ff !important;outline-offset:3px;
}
body.cosmic-site main{
  width:min(100%,1560px) !important;max-width:1560px !important;
  padding:24px clamp(18px,4.4vw,74px) 75px !important;
  margin:0 auto !important;
}
body.cosmic-site footer{
  position:relative;z-index:1;
  background:linear-gradient(180deg,rgba(13,17,39,.86),#080b1a) !important;
  border-top:1px solid rgba(181,142,255,.22) !important;
  gap:32px;padding:38px clamp(20px,6vw,100px) !important;
}
body.cosmic-site footer .footer-links a:hover{color:#c7a0ff}
body.cosmic-site em{font-style:normal;color:#c7a2ff}
/* Header: same underlying navigation and feature JS, new two-tier shell. */
body.cosmic-site > header.cosmic-header{
  display:block !important;
  width:100% !important;max-width:none !important;
  position:sticky !important;top:0 !important;
  padding:0 !important;margin:0 !important;
  z-index:101 !important;
  border:0 !important;
  border-bottom:1px solid rgba(184,146,255,.25) !important;
  background:rgba(7,9,26,.94) !important;
  box-shadow:0 12px 35px rgba(0,0,0,.25);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
body.cosmic-site header.cosmic-header > .cosmic-topbar{
  display:block !important;
  background:rgba(2,5,19,.46);
  border-bottom:1px solid rgba(167,154,233,.13);
  margin:0 !important;padding:0 !important;width:100%;max-width:none !important;
}
body.cosmic-site .cosmic-topbar-inner{
  max-width:1460px;margin:0 auto;
  display:flex;align-items:center;gap:32px;
  min-height:32px;padding:4px clamp(18px,4.4vw,74px);
  font-size:11px;letter-spacing:.02em;color:#afbcde;
}
body.cosmic-site .cosmic-topbar-inner span span{color:#d3afff;margin-right:5px}
body.cosmic-site .cosmic-topbar-inner > a{
  margin-left:auto;color:#d9c7ff;font-weight:700;
}
body.cosmic-site .cosmic-topbar-inner > a:hover{color:white}
body.cosmic-site header.cosmic-header > .cosmic-header-main{
  max-width:1560px !important;
  margin:0 auto !important;padding:10px 142px 10px clamp(18px,4.4vw,74px) !important;
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  flex-direction:row !important;flex-wrap:nowrap !important;gap:16px !important;min-height:76px;
}
body.cosmic-site header.cosmic-header .cosmic-brand{
  display:flex !important;align-items:center !important;flex-shrink:0 !important;
  width:auto !important;max-width:none !important;min-width:200px !important;
  gap:11px !important;margin:0 !important;
}
body.cosmic-site header.cosmic-header .cosmic-brand .brand-logo{
  height:52px !important;width:52px !important;max-width:52px !important;min-width:52px !important;
  min-height:52px !important;max-height:52px !important;
  border-radius:14px !important;
  background:transparent !important;border:1px solid rgba(147,104,255,.4) !important;
  box-shadow:0 0 22px rgba(147,75,255,.20);
}
body.cosmic-site header.cosmic-header .cosmic-brand .brand-logo img{
  height:100% !important;width:100% !important;object-fit:cover !important;
}
body.cosmic-site header.cosmic-header .cosmic-brand > .cosmic-brand-caption{
  display:flex !important;flex-direction:column !important;align-items:flex-start !important;
  flex:0 0 auto !important;
  width:auto !important;height:auto !important;min-width:0 !important;
  min-height:0 !important;max-width:none !important;max-height:none !important;
  padding:0 !important;margin:0 !important;border:0 !important;
  border-radius:0 !important;background:none !important;box-shadow:none !important;
  color:inherit !important;
}
body.cosmic-site header.cosmic-header .cosmic-brand-caption b span{
  display:inline !important;width:auto !important;height:auto !important;min-width:0 !important;
  min-height:0 !important;padding:0 !important;background:none !important;
  border:0 !important;border-radius:0 !important;box-shadow:none !important;
  color:#ba81ff !important;
}
body.cosmic-site .cosmic-brand-caption{
  display:flex !important;flex-direction:column;align-items:flex-start;
  white-space:nowrap;
}
body.cosmic-site header.cosmic-header .cosmic-brand-caption b{
  font-size:clamp(20px,2vw,27px) !important;
  line-height:1.0 !important;font-weight:850 !important;
  letter-spacing:-.045em !important;
}
body.cosmic-site .cosmic-brand-caption b span{
  display:inline !important;color:#ba81ff !important;
  width:auto !important;height:auto !important;background:none !important;
  padding:0 !important;border:0 !important;
}
body.cosmic-site header.cosmic-header .cosmic-brand-caption small{
  font-size:10px !important;color:#b3bddb !important;
  line-height:1.3 !important;margin-top:6px !important;white-space:nowrap;
}
body.cosmic-site header.cosmic-header nav.cosmic-nav{
  display:flex !important;flex-wrap:nowrap !important;
  flex:1 1 auto !important;justify-content:center !important;align-items:center !important;
  gap:3px !important;min-width:0 !important;width:auto !important;
  padding:0 !important;overflow-x:auto !important;scrollbar-width:none;
}
body.cosmic-site header.cosmic-header .cosmic-nav::-webkit-scrollbar{display:none}
body.cosmic-site header.cosmic-header .cosmic-nav a{
  flex:0 0 auto !important;padding:10px 10px !important;
  border-radius:11px !important;color:#e8eafa !important;
  font-size:12px !important;font-weight:650 !important;white-space:nowrap;
  transition:background .2s,color .2s;
}
body.cosmic-site header.cosmic-header .cosmic-nav a:hover{
  color:white !important;background:rgba(155,97,255,.23) !important;
}
body.cosmic-site header.cosmic-header .cosmic-header-search{
  position:relative;flex:0 1 215px;width:215px;min-width:115px;
}
body.cosmic-site header.cosmic-header .cosmic-header-search input{
  width:100%;min-height:40px;border-radius:12px;
  border:1px solid rgba(189,166,255,.35) !important;
  background:rgba(24,25,51,.86) !important;
  padding:10px 12px 10px 35px;color:#f7f7ff;
  font-size:12px !important;outline:none;
}
body.cosmic-site header.cosmic-header .cosmic-header-search input::placeholder{color:#abb4d0}
body.cosmic-site .cosmic-search-icon{
  position:absolute;z-index:1;top:4px;left:11px;
  color:#d6c0ff;font-size:28px;line-height:30px;pointer-events:none;
}
body.cosmic-site header.cosmic-header .cosmic-header-results{
  position:absolute !important;top:calc(100% + 8px) !important;left:0;right:0;
  max-height:min(65vh,460px);overflow-y:auto;z-index:120;
  width:min(620px,80vw) !important;min-width:250px;
  background:rgba(12,16,36,.98) !important;border-radius:18px !important;
  box-shadow:0 22px 70px rgba(0,0,0,.6) !important;
}
body.cosmic-site .sp-cart-button,
body.cosmic-site .sp-fav-button.sp-fav-button-top{
  position:fixed !important;bottom:auto !important;
  top:48px !important;width:48px !important;height:48px !important;
  min-width:48px !important;min-height:48px !important;
  border-radius:14px !important;z-index:10200 !important;
  background:rgba(22,23,52,.94) !important;
  border:1px solid rgba(174,130,255,.44) !important;
  color:white !important;box-shadow:0 6px 22px rgba(61,19,122,.35) !important;
}
body.cosmic-site .sp-cart-button{right:clamp(14px,4vw,68px) !important}
body.cosmic-site .sp-fav-button.sp-fav-button-top{right:calc(clamp(14px,4vw,68px) + 58px) !important}
body.cosmic-site .sp-cart-button:hover,
body.cosmic-site .sp-fav-button:hover{
  border-color:#d3a4ff !important;background:#50308a !important;
}
body.cosmic-site .sp-fav-main-icon{font-size:28px !important}
body.cosmic-site .sp-cart-icon{font-size:23px !important}
/* Shared visual system (CSS-only; form and cart logic untouched). */
body.cosmic-site .btn{
  border:1px solid rgba(205,173,255,.55) !important;
  border-radius:13px !important;
  padding:12px 20px !important;min-height:44px;
  color:#fff !important;
  background:linear-gradient(110deg,#6e36cb,#983cf0 66%,#9a50e2) !important;
  box-shadow:0 0 18px rgba(141,69,239,.26),inset 0 1px 0 rgba(255,255,255,.16) !important;
  font-weight:750 !important;letter-spacing:-.01em;
  transition:transform .2s,box-shadow .2s,border-color .2s !important;
}
body.cosmic-site .btn:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 0 26px rgba(174,92,249,.52) !important;
}
body.cosmic-site .btn.ghost{
  background:rgba(16,20,42,.68) !important;
  border:1px solid rgba(160,148,222,.65) !important;
  box-shadow:none !important;
}
body.cosmic-site .btn.ghost:hover{background:rgba(77,50,134,.42) !important}
body.cosmic-site h1,body.cosmic-site h2,body.cosmic-site h3{letter-spacing:-.035em}
body.cosmic-site h2{font-size:clamp(23px,2.6vw,31px)}
body.cosmic-site .section-head{
  display:flex !important;align-items:end !important;gap:18px !important;
  margin:0 0 20px !important;justify-content:space-between !important;
}
body.cosmic-site .section-head h2{margin:1px 0 0 !important;font-weight:850}
body.cosmic-site .section-head > a{
  color:#d2a5ff !important;font-weight:750 !important;
  white-space:nowrap;transition:color .2s;
}
body.cosmic-site .section-head > a:hover{color:#fff !important}
body.cosmic-site .cosmic-section-eyebrow{
  display:block;margin-bottom:2px;color:#84e8ff;
  font-size:10px;font-weight:800;letter-spacing:.16em;
}
body.cosmic-site .over{color:#9ceaff !important}
body.cosmic-site .page-title{
  border:1px solid rgba(160,117,251,.18);
  border-radius:24px;padding:24px 30px !important;
  background:linear-gradient(115deg,rgba(52,27,100,.22),rgba(12,23,60,.42)) !important;
  margin:20px 0 30px !important;
}
body.cosmic-site .page-title h1{
  color:#fff !important;
  font-size:clamp(30px,4.0vw,50px) !important;
  line-height:1.12 !important;
}
body.cosmic-site .page-title p,
body.cosmic-site .text p,
body.cosmic-site .specs,
body.cosmic-site .note{color:#bdc5df !important}
body.cosmic-site .text,
body.cosmic-site .info,
body.cosmic-site .product-info,
body.cosmic-site .faq details,
body.cosmic-site .review-card,
body.cosmic-site .sp-worktime-card{
  background:linear-gradient(160deg,rgba(24,25,56,.88),rgba(10,18,37,.91)) !important;
  border:1px solid rgba(165,143,239,.24) !important;
  box-shadow:0 10px 35px rgba(0,0,0,.20) !important;
}
body.cosmic-site .faq details:hover{border-color:rgba(188,132,251,.56) !important}
body.cosmic-site input,
body.cosmic-site select,
body.cosmic-site textarea{
  color:#f4f5ff;
  accent-color:#985fff;
}
body.cosmic-site .sp-catalog-controls,
body.cosmic-site .sp-catalog-tools{
  background:linear-gradient(145deg,rgba(24,25,56,.92),rgba(12,18,40,.89)) !important;
  border:1px solid rgba(165,143,239,.28) !important;
}
/* Advertising placements — fully customizable; no external network calls. */
body.cosmic-site .cosmic-ad{
  position:relative;overflow:hidden;isolation:isolate;
  border:1px solid rgba(187,129,255,.63) !important;
  border-radius:18px !important;
  background:
    radial-gradient(ellipse at 10% 100%,rgba(119,35,222,.28),transparent 44%),
    radial-gradient(ellipse at 88% 7%,rgba(18,167,225,.26),transparent 33%),
    linear-gradient(115deg,rgba(17,19,52,.97),rgba(20,14,55,.85) 65%,rgba(5,28,52,.88)),
    url("cosmic-nebula.svg") center/cover no-repeat !important;
  box-shadow:0 0 0 1px rgba(154,93,246,.12),0 12px 35px rgba(0,0,0,.23),0 0 32px rgba(146,60,217,.17) !important;
}
body.cosmic-site .cosmic-ad::before{
  content:"";position:absolute;inset:-110px auto auto -18px;
  width:270px;height:270px;border-radius:50%;
  background:radial-gradient(circle at 30% 27%,#a5b5ff 0%,#5d55bd 25%,#19225b 56%,#0b102f 70%);
  box-shadow:0 0 50px rgba(123,89,232,.5);opacity:.49;z-index:-1;
}
body.cosmic-site .cosmic-ad::after{
  content:"";position:absolute;right:4%;top:-43px;
  width:180px;height:180px;border:1px solid rgba(114,214,255,.4);
  border-radius:50%;transform:rotate(-25deg) scaleX(1.6);
  box-shadow:0 0 35px rgba(39,209,244,.19),inset 0 0 30px rgba(26,108,199,.09);
  opacity:.65;z-index:-1;
}
body.cosmic-site .cosmic-ad-label{
  display:block;margin-bottom:7px;
  color:#88e9ff;font-size:10px;letter-spacing:.18em;font-weight:800;
}
body.cosmic-site .cosmic-ad h2,
body.cosmic-site .cosmic-ad h3{
  margin:0 !important;color:#f9f6ff !important;
  line-height:1.13 !important;font-weight:870 !important;
  text-shadow:0 2px 20px rgba(0,0,0,.40);
}
body.cosmic-site .cosmic-ad h2 em,
body.cosmic-site .cosmic-ad h3 em{
  background:linear-gradient(95deg,#fff 5%,#cca4ff 50%,#86dfff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.cosmic-site .cosmic-ad .cosmic-ad-link{
  display:inline-flex;gap:8px;align-items:center;justify-content:center;
  color:#fff !important;font-size:13px !important;font-weight:800 !important;
  padding:10px 16px;border-radius:12px;
  border:1px solid rgba(192,158,255,.65);
  background:rgba(74,35,137,.45);
  backdrop-filter:blur(6px);
  white-space:nowrap;
}
body.cosmic-site .cosmic-ad .cosmic-ad-link:hover{
  background:rgba(119,55,201,.86);border-color:#ead6ff;
}
body.cosmic-site .cosmic-ad-wide{
  display:grid !important;
  grid-template-columns:70px minmax(0,1fr) auto !important;
  align-items:center !important;gap:18px !important;
  min-height:132px !important;
  padding:16px 30px !important;
  margin:2px 0 24px !important;
}
body.cosmic-site .cosmic-ad-wide .cosmic-ad-decoration{
  font-size:50px;color:#cd9bff;text-shadow:0 0 26px #9a60ee;line-height:1;
}
body.cosmic-site .cosmic-ad-wide h2{font-size:clamp(22px,2.5vw,32px) !important}
body.cosmic-site .cosmic-ad-wide p{margin:4px 0 0;color:#bec7e5;font-size:13px}
body.cosmic-site .cosmic-ad-grid{
  display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;margin:36px 0 36px !important;
  padding:0 !important;
}
body.cosmic-site .cosmic-ad-small{
  min-height:150px;
  display:flex !important;align-items:center !important;justify-content:space-between !important;
  gap:12px !important;padding:22px 26px !important;
}
body.cosmic-site .cosmic-ad-small h3{font-size:clamp(19px,2.05vw,26px) !important}
body.cosmic-site .cosmic-ad-small::before{top:auto;bottom:-140px;left:-60px}
body.cosmic-site .cosmic-ad-blue{border-color:rgba(73,210,255,.6) !important}
body.cosmic-site .cosmic-ad-blue::before{
  background:radial-gradient(circle at 30% 28%,#bbf3ff,#448eb9 26%,#194573 55%,#071b39 75%);
}
/* Main cosmic hero. */
body.cosmic-site .hero.home-hero.cosmic-hero{
  position:relative;overflow:hidden;isolation:isolate;
  display:grid !important;
  grid-template-columns:minmax(0,1.04fr) minmax(0,1fr) !important;
  gap:0 !important;align-items:stretch !important;
  min-height:430px !important;
  margin:0 0 28px !important;
  padding:0 !important;
  border:1px solid rgba(169,127,245,.45) !important;border-radius:28px !important;
  background:linear-gradient(105deg,rgba(10,15,36,.97) 8%,rgba(14,17,46,.84) 54%,rgba(19,16,62,.35) 100%) !important;
  box-shadow:inset 0 0 60px rgba(68,35,158,.11),0 18px 65px rgba(1,3,16,.40) !important;
}
body.cosmic-site .cosmic-hero::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse at 89% 38%,rgba(109,62,217,.18),transparent 52%);
  z-index:-1;pointer-events:none;
}
body.cosmic-site .cosmic-hero > .cosmic-hero-copy{
  padding:clamp(32px,3.65vw,54px) 22px clamp(32px,3.65vw,54px) clamp(26px,4vw,54px) !important;
  display:flex !important;flex-direction:column !important;
  align-items:flex-start !important;justify-content:center !important;
  min-width:0 !important;
  background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;
}
body.cosmic-site .cosmic-hero-copy .cosmic-overline{
  margin:0 0 12px !important;font-size:10px !important;font-weight:850;
  letter-spacing:.16em !important;color:#91e5ff !important;
}
body.cosmic-site .cosmic-overline span{color:#c18dff;margin-right:6px}
body.cosmic-site .cosmic-hero-copy h1{
  max-width:650px;margin:0 0 17px !important;
  font-size:clamp(34px,3.9vw,56px) !important;
  line-height:1.075 !important;font-weight:900 !important;
  color:#fbfaff !important;
}
body.cosmic-site .cosmic-hero-copy h1 em{
  background:linear-gradient(95deg,#b58aff,#e1caff 55%,#80eaff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.cosmic-site .cosmic-hero-copy p.cosmic-hero-lead{
  max-width:540px;margin:0 0 22px !important;
  font-size:clamp(13px,1.1vw,15px) !important;
  line-height:1.7 !important;color:#cad2eb !important;
}
body.cosmic-site .cosmic-benefits{
  display:flex;flex-wrap:wrap;gap:11px 18px;margin-bottom:25px;
  font-size:11px;color:#d6def5;font-weight:650;
}
body.cosmic-site .cosmic-benefits span{display:inline-flex;gap:7px;align-items:center}
body.cosmic-site .cosmic-benefits b{color:#bc8dfd;font-size:18px}
body.cosmic-site .cosmic-hero-actions{
  display:flex !important;flex-wrap:wrap !important;gap:10px !important;margin:0 !important;
}
body.cosmic-site .cosmic-hero-actions a{font-size:13px !important}
body.cosmic-site .cosmic-hero-visual{
  position:relative;min-width:0;min-height:420px;
  background:radial-gradient(ellipse at 65% 54%,rgba(118,41,231,.25),transparent 57%) !important;
  overflow:hidden;box-shadow:none !important;border:0 !important;
}
body.cosmic-site .cosmic-planet{
  position:absolute;z-index:0;
  width:420px;height:420px;right:-64px;top:-155px;border-radius:50%;
  background:
    radial-gradient(ellipse at 23% 12%,rgba(198,222,255,.50),transparent 27%),
    repeating-radial-gradient(ellipse at 65% 90%,transparent 0 20px,rgba(162,93,250,.11) 22px 31px,transparent 33px 50px),
    radial-gradient(circle at 25% 25%,#668dd9 0%,#4462b3 30%,#302668 65%,#111330 85%);
  box-shadow:0 0 60px rgba(61,145,225,.40),0 0 130px rgba(117,49,197,.18),inset -46px -35px 70px rgba(3,6,29,.85);
  opacity:.78;
}
body.cosmic-site .cosmic-orbit-back{
  position:absolute;inset:7% 0 7% 0;
  background:radial-gradient(ellipse at 55% 65%,rgba(130,48,227,.18),transparent 50%);
}
body.cosmic-site .cosmic-orbit-back::before{
  content:"";position:absolute;
  width:440px;height:130px;right:-100px;top:20px;
  border:1px solid rgba(145,220,255,.47);
  border-radius:50%;transform:rotate(-27deg);
  box-shadow:0 0 35px rgba(76,190,255,.24);
}
body.cosmic-site .cosmic-hero-figure{
  position:absolute;z-index:2;overflow:hidden;
  display:flex;justify-content:flex-end;flex-direction:column;
  width:31%;height:71%;
  border-radius:17px;
  border:1px solid rgba(216,182,255,.58);
  background:linear-gradient(160deg,rgba(37,25,83,.82),rgba(9,16,37,.95));
  box-shadow:0 25px 32px rgba(0,0,0,.42),0 0 22px rgba(117,67,218,.30);
  transition:transform .2s,box-shadow .2s;
}
body.cosmic-site .cosmic-hero-figure::after{
  content:"";position:absolute;inset:45% 0 0;
  background:linear-gradient(0deg,rgba(6,8,26,.95),transparent);
  pointer-events:none;
}
body.cosmic-site .cosmic-hero-figure img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center top;
}
body.cosmic-site .cosmic-hero-figure span{
  position:relative;z-index:3;
  padding:12px 9px;font-size:12px;font-weight:850;
  text-align:center;text-shadow:0 2px 8px black;
}
body.cosmic-site .cosmic-hero-figure-left{left:4%;top:19%;transform:rotate(-8deg)}
body.cosmic-site .cosmic-hero-figure-center{
  left:35%;top:10%;height:78%;transform:rotate(0deg);
  border-color:rgba(179,137,255,.85);
  box-shadow:0 20px 46px rgba(0,0,0,.6),0 0 42px rgba(139,66,240,.38);
}
body.cosmic-site .cosmic-hero-figure-right{right:4%;top:20%;transform:rotate(8deg)}
body.cosmic-site .cosmic-hero-figure-left:hover{transform:translateY(-5px) rotate(-8deg)}
body.cosmic-site .cosmic-hero-figure-center:hover{transform:translateY(-5px)}
body.cosmic-site .cosmic-hero-figure-right:hover{transform:translateY(-5px) rotate(8deg)}
body.cosmic-site .cosmic-hero-visual-note{
  position:absolute;bottom:9px;left:0;right:0;z-index:3;
  text-align:center;color:#e0d0ff;font-weight:650;font-size:11px;
  text-shadow:0 2px 10px #02020e;
}
body.cosmic-site .cosmic-hero-visual-note span{color:#78dcff}
/* Search and 12 real categories. */
body.cosmic-site .cosmic-main-search{
  position:relative !important;z-index:5 !important;
  margin:0 0 35px !important;padding:15px 19px !important;
  border:1px solid rgba(125,132,223,.4) !important;border-radius:19px !important;
  background:linear-gradient(100deg,rgba(19,24,53,.94),rgba(16,16,50,.91)) !important;
  box-shadow:0 14px 35px rgba(0,0,0,.25) !important;
}
body.cosmic-site .cosmic-main-search .sp-search-title{
  font-size:15px !important;margin:0 0 8px !important;font-weight:850 !important;
}
body.cosmic-site .cosmic-search-input-wrap{position:relative}
body.cosmic-site .cosmic-search-input-wrap > span{
  position:absolute;top:6px;left:14px;font-size:28px;color:#bca3fb;pointer-events:none;
}
body.cosmic-site .cosmic-main-search .sp-search-input{
  background:#0c112a !important;border:1px solid rgba(157,157,219,.38) !important;
  color:#fff !important;border-radius:13px !important;
  padding:12px 16px 12px 46px !important;min-height:47px !important;
}
body.cosmic-site .cosmic-home-collections{margin:0 0 12px !important;padding:0 !important}
body.cosmic-site .cosmic-category-grid{
  display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:12px !important;
}
body.cosmic-site .cosmic-category-tile{
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  gap:3px;min-width:0;min-height:126px;padding:15px 8px;
  text-align:center;
  background:linear-gradient(155deg,rgba(24,28,61,.91),rgba(10,18,39,.95));
  border:1px solid rgba(143,140,227,.35);
  border-radius:17px;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 9px 25px rgba(0,0,0,.13);
  transition:transform .2s,border-color .2s,background .2s;
}
body.cosmic-site .cosmic-category-tile:hover{
  transform:translateY(-3px);border-color:rgba(194,131,255,.93);
  background:linear-gradient(160deg,rgba(48,31,100,.94),rgba(12,22,48,.95));
}
body.cosmic-site .cosmic-category-glyph{
  display:grid;place-items:center;
  width:43px;height:43px;margin-bottom:6px;
  color:#c28cff;font-size:30px;font-weight:600;line-height:1;
  text-shadow:0 0 24px rgba(165,87,255,.65);
  background:radial-gradient(circle,rgba(151,84,255,.16),rgba(49,36,93,.05));
  border-radius:13px;
}
body.cosmic-site .cosmic-category-title{
  max-width:100%;font-size:12px;font-weight:800;color:#f8f7ff;line-height:1.25;
}
body.cosmic-site .cosmic-category-count{
  color:#a7b3d4;font-size:10px;font-weight:550;
}
/* Products, favorites and controls. */
body.cosmic-site .cosmic-products{padding:0 !important;margin:0 0 36px !important}
body.cosmic-site .grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(195px,1fr)) !important;
  gap:15px !important;
}
body.cosmic-site .card,
body.cosmic-site .product-card,
body.cosmic-site .catalog-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(24,30,61,.94),rgba(12,17,38,.96)) !important;
  border:1px solid rgba(140,141,212,.39) !important;
  border-radius:16px !important;
  box-shadow:0 12px 33px rgba(0,0,0,.25) !important;
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
body.cosmic-site .card:hover,
body.cosmic-site .product-card:hover{
  transform:translateY(-3px);
  border-color:rgba(169,119,251,.82) !important;
  box-shadow:0 13px 35px rgba(66,34,120,.30) !important;
}
body.cosmic-site .card .pic{
  position:relative;background:radial-gradient(circle at 45% 38%,rgba(66,70,121,.3),#090f24 79%) !important;
  overflow:hidden;border-bottom:1px solid rgba(147,128,216,.19);
  aspect-ratio:1 / 1 !important;
}
body.cosmic-site .card .pic img{
  object-fit:contain !important;width:100%;height:100%;
  background:transparent !important;
  transition:transform .24s;
}
body.cosmic-site .card:hover .pic img{transform:scale(1.05)}
body.cosmic-site .card > div{padding:12px 13px 14px !important}
body.cosmic-site .card .title{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;min-height:2.6em;line-height:1.3;
  color:#f7f7ff;font-weight:800;font-size:13px;
}
body.cosmic-site .card p{font-size:11px !important;margin:7px 0 !important;color:#a7b5d7 !important}
body.cosmic-site .card .price{margin:10px 0 !important;color:#e4dbff;font-size:13px}
body.cosmic-site .card .price b{color:#fff;font-size:18px}
body.cosmic-site .sp-product-card .sp-card-actions-v342{
  display:grid !important;grid-template-columns:1fr 1fr !important;
  gap:8px !important;margin-top:11px !important;
}
body.cosmic-site .sp-product-card .sp-card-actions-v342 .btn.ghost,
body.cosmic-site .sp-product-card .sp-card-actions-v342 .sp-add-cart{
  min-height:40px !important;width:100% !important;
  padding:8px 7px !important;margin:0 !important;
  font-size:12px !important;border-radius:10px !important;
}
body.cosmic-site .sp-add-cart{
  border-color:rgba(194,130,255,.7) !important;
  background:linear-gradient(130deg,#6c30c3,#8540df) !important;
  box-shadow:0 0 15px rgba(160,71,246,.22);
  font-weight:770 !important;
}
body.cosmic-site .sp-add-cart:hover{filter:brightness(1.18)}
body.cosmic-site .sp-fav-toggle{
  background:rgba(9,12,35,.83) !important;
  border:1px solid rgba(205,190,255,.5) !important;
  box-shadow:0 5px 15px rgba(0,0,0,.25) !important;
  color:#eedfff !important;
}
body.cosmic-site .sp-fav-toggle.is-active{color:#f2a0e8 !important}
body.cosmic-site .sp-new-badge{
  border-radius:9px !important;
  background:linear-gradient(110deg,#6a26ad,#a64af2) !important;
  color:#fff !important;
}
/* Other pages and JS-injected components maintain original behavior. */
body.cosmic-site .why-soloprint,
body.cosmic-site .workshop-status,
body.cosmic-site .cosmic-home-reviews{margin:32px 0 !important}
body.cosmic-site .why-card,
body.cosmic-site .workshop-status{
  background:linear-gradient(150deg,rgba(27,25,59,.93),rgba(12,24,47,.9)) !important;
  border-color:rgba(153,128,244,.35) !important;
}
body.cosmic-site .why-card .why-icon{color:#b18dff}
body.cosmic-site .cosmic-info-grid{margin:28px 0 !important}
body.cosmic-site .cosmic-info-grid .info{
  padding:22px !important;border-radius:18px !important;
}
body.cosmic-site .cosmic-info-grid .info > span{
  display:block;font-size:28px;color:#c297ff;margin:0 0 8px;
}
body.cosmic-site .cosmic-info-grid h3{margin:0 0 10px;font-size:19px}
body.cosmic-site .cosmic-info-grid p{font-size:13px;line-height:1.65}
body.cosmic-site .product-info{border-radius:20px !important}
body.cosmic-site .product-info .price.big{color:#d5b2ff}
body.cosmic-site .gallery img{
  border:1px solid rgba(150,144,229,.34) !important;
  background:#0a1125 !important;border-radius:20px !important;
}
body.cosmic-site .faq summary{color:#e9dbff}
body.cosmic-site .chips .chip{
  border-radius:12px !important;
  border-color:rgba(171,147,237,.35) !important;
  background:rgba(31,29,66,.68) !important;
}
body.cosmic-site .chips .chip:hover{border-color:#c38fff !important}
body.cosmic-site .sp-search-grid .sp-search-card,
body.cosmic-site .related-products .card{border-color:rgba(151,122,221,.4) !important}
@media(min-width:1400px){
  body.cosmic-site .grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important}
}
@media(max-width:1240px){
  body.cosmic-site header.cosmic-header > .cosmic-header-main{
    gap:10px !important;padding-right:128px !important;
  }
  body.cosmic-site header.cosmic-header .cosmic-brand{min-width:185px !important}
  body.cosmic-site header.cosmic-header .cosmic-nav a{padding:10px 7px !important;font-size:11px !important}
  body.cosmic-site header.cosmic-header .cosmic-header-search{flex-basis:155px;width:155px}
  body.cosmic-site .cosmic-ad-small{flex-wrap:wrap}
  body.cosmic-site .cosmic-category-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}
@media(max-width:980px){
  body.cosmic-site header.cosmic-header > .cosmic-header-main{
    flex-wrap:wrap !important;padding:10px 126px 8px 22px !important;min-height:85px;
  }
  body.cosmic-site header.cosmic-header .cosmic-brand{width:auto !important;max-width:none !important;flex:0 0 auto}
  body.cosmic-site header.cosmic-header .cosmic-header-search{display:none !important}
  body.cosmic-site header.cosmic-header nav.cosmic-nav{
    display:flex !important;order:3 !important;width:100% !important;min-width:100% !important;
    justify-content:flex-start !important;overflow-x:auto !important;
  }
  body.cosmic-site .cosmic-topbar-inner{gap:15px}
  body.cosmic-site .hero.home-hero.cosmic-hero{grid-template-columns:1fr 1fr !important;min-height:390px !important}
  body.cosmic-site .cosmic-hero-copy h1{font-size:clamp(30px,4.1vw,45px) !important}
  body.cosmic-site .cosmic-hero-visual{min-height:390px}
  body.cosmic-site .cosmic-category-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
  body.cosmic-site .cosmic-ad-grid{gap:12px !important}
  body.cosmic-site .cosmic-ad-small{padding:18px !important}
  body.cosmic-site .cosmic-ad-small .cosmic-ad-link{font-size:11px !important;padding:8px 11px}
}
@media(max-width:700px){
  body.cosmic-site main{padding:16px 14px 48px !important}
  body.cosmic-site .cosmic-topbar-inner{justify-content:space-between;padding:5px 14px !important;font-size:10px}
  body.cosmic-site .cosmic-topbar-inner > span:nth-child(2),
  body.cosmic-site .cosmic-topbar-delivery{display:none}
  body.cosmic-site header.cosmic-header > .cosmic-header-main{
    padding:8px 114px 7px 14px !important;min-height:88px;
  }
  body.cosmic-site header.cosmic-header .cosmic-brand .brand-logo{
    width:43px !important;height:43px !important;min-height:43px !important;min-width:43px !important;
  }
  body.cosmic-site header.cosmic-header .cosmic-brand-caption b{font-size:21px !important}
  body.cosmic-site header.cosmic-header .cosmic-brand-caption small{font-size:9px !important}
  body.cosmic-site header.cosmic-header nav.cosmic-nav{margin:0 !important;padding:3px 0 !important;gap:5px !important}
  body.cosmic-site header.cosmic-header .cosmic-nav a{font-size:11px !important;padding:7px 9px !important}
  body.cosmic-site .sp-cart-button,
  body.cosmic-site .sp-fav-button.sp-fav-button-top{
    top:42px !important;width:42px !important;height:42px !important;
    min-width:42px !important;min-height:42px !important;border-radius:12px !important;
  }
  body.cosmic-site .sp-cart-button{right:12px !important}
  body.cosmic-site .sp-fav-button.sp-fav-button-top{right:62px !important}
  body.cosmic-site .cosmic-ad-wide{
    grid-template-columns:1fr !important;gap:10px !important;
    min-height:0 !important;padding:22px 22px 20px !important;
    margin:0 0 15px !important;
  }
  body.cosmic-site .cosmic-ad-wide .cosmic-ad-decoration{display:none}
  body.cosmic-site .cosmic-ad-wide h2{font-size:24px !important}
  body.cosmic-site .cosmic-ad-wide p{font-size:12px}
  body.cosmic-site .cosmic-ad-wide .cosmic-ad-link{justify-self:start}
  body.cosmic-site .hero.home-hero.cosmic-hero{
    grid-template-columns:1fr !important;min-height:0 !important;
    margin:0 0 17px !important;border-radius:22px !important;
  }
  body.cosmic-site .cosmic-hero > .cosmic-hero-copy{
    padding:26px 22px 15px !important;
  }
  body.cosmic-site .cosmic-hero-copy h1{font-size:clamp(30px,8.2vw,42px) !important;max-width:530px}
  body.cosmic-site .cosmic-hero-copy p.cosmic-hero-lead{font-size:13px !important}
  body.cosmic-site .cosmic-benefits{font-size:10px;gap:9px 13px}
  body.cosmic-site .cosmic-hero-actions{gap:9px !important}
  body.cosmic-site .cosmic-hero-actions .btn{font-size:12px !important;min-height:44px !important;padding:10px 14px !important}
  body.cosmic-site .cosmic-hero-visual{min-height:245px;height:245px;max-height:245px}
  body.cosmic-site .cosmic-planet{width:310px;height:310px;right:-45px;top:-125px}
  body.cosmic-site .cosmic-hero-figure{height:76%;width:29%;border-radius:12px}
  body.cosmic-site .cosmic-hero-figure-center{height:83%}
  body.cosmic-site .cosmic-hero-figure span{font-size:10px;padding:7px 3px}
  body.cosmic-site .cosmic-main-search{margin:0 0 29px !important;padding:13px !important}
  body.cosmic-site .cosmic-main-search .sp-search-title{font-size:14px !important}
  body.cosmic-site .cosmic-section-eyebrow{font-size:9px}
  body.cosmic-site .section-head h2{font-size:23px !important}
  body.cosmic-site .section-head > a{font-size:12px !important}
  body.cosmic-site .cosmic-category-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:9px !important}
  body.cosmic-site .cosmic-category-tile{min-height:111px;padding:11px 6px}
  body.cosmic-site .cosmic-category-glyph{width:37px;height:37px;font-size:26px}
  body.cosmic-site .cosmic-category-title{font-size:11px}
  body.cosmic-site .cosmic-category-count{font-size:9px}
  body.cosmic-site .cosmic-ad-grid{grid-template-columns:1fr !important;gap:12px !important;margin:25px 0 !important}
  body.cosmic-site .cosmic-ad-small{min-height:115px;flex-wrap:nowrap}
  body.cosmic-site .cosmic-ad-small h3{font-size:20px !important}
  body.cosmic-site .grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
  body.cosmic-site .card > div{padding:10px !important}
  body.cosmic-site .card .title{font-size:12px}
  body.cosmic-site .card .price b{font-size:15px}
  body.cosmic-site .sp-product-card .sp-card-actions-v342{grid-template-columns:1fr !important}
  body.cosmic-site .sp-product-card .sp-card-actions-v342 .btn.ghost,
  body.cosmic-site .sp-product-card .sp-card-actions-v342 .sp-add-cart{font-size:12px !important}
  body.cosmic-site .cosmic-info-grid{grid-template-columns:1fr !important}
  body.cosmic-site .page-title{padding:20px !important}
  body.cosmic-site footer{padding:30px 20px !important;flex-direction:column !important}
}
@media(max-width:375px){
  body.cosmic-site header.cosmic-header > .cosmic-header-main{padding-right:104px !important}
  body.cosmic-site header.cosmic-header .cosmic-brand .brand-logo{
    width:36px !important;height:36px !important;min-height:36px !important;min-width:36px !important;
  }
  body.cosmic-site header.cosmic-header .cosmic-brand-caption b{font-size:19px !important}
  body.cosmic-site .sp-cart-button,
  body.cosmic-site .sp-fav-button.sp-fav-button-top{width:38px !important;height:38px !important;min-width:38px !important;min-height:38px !important}
  body.cosmic-site .sp-fav-button.sp-fav-button-top{right:57px !important}
  body.cosmic-site .cosmic-category-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  body.cosmic-site .cosmic-ad-small{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
  body.cosmic-site *,body.cosmic-site *::before,body.cosmic-site *::after{transition:none !important;animation:none !important}
}


/* SoloPrint COSMIC v2 — real header layout, not fixed floating overlays. */
body.cosmic-site header.cosmic-header > .cosmic-header-main {
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) minmax(150px,220px) auto !important;
  justify-content:stretch !important;
  align-items:center !important;
  gap:clamp(9px,1.2vw,19px) !important;
  padding:10px clamp(14px,4vw,58px) !important;
  min-height:76px;
}
body.cosmic-site header.cosmic-header .cosmic-header-search {
  width:100% !important;max-width:none !important;min-width:0 !important;
  flex:none !important;
}
body.cosmic-site header.cosmic-header .cosmic-header-search input{
  display:block !important;min-width:0 !important;max-width:100% !important;
  box-sizing:border-box !important;
}
body.cosmic-site header.cosmic-header .cosmic-header-actions {
  display:flex !important;align-items:center !important;justify-content:flex-end !important;
  position:relative !important;gap:9px !important;min-width:106px !important;
  width:auto !important;height:auto !important;margin:0 !important;
  padding:0 !important;flex:0 0 auto !important;overflow:visible !important;
}
body.cosmic-site header.cosmic-header .cosmic-header-actions .sp-fav-button,
body.cosmic-site header.cosmic-header .cosmic-header-actions .sp-fav-button-top,
body.cosmic-site header.cosmic-header .cosmic-header-actions .sp-cart-button{
  position:relative !important;inset:auto !important;top:auto !important;right:auto !important;
  bottom:auto !important;left:auto !important;transform:none !important;
  flex:0 0 48px !important;display:inline-flex !important;align-items:center !important;
  justify-content:center !important;width:48px !important;height:48px !important;
  min-width:48px !important;min-height:48px !important;max-width:48px !important;
  margin:0 !important;padding:0 !important;border-radius:14px !important;
  z-index:1 !important;vertical-align:middle !important;
}
body.cosmic-site header.cosmic-header .cosmic-header-actions .sp-fav-button:focus-visible,
body.cosmic-site header.cosmic-header .cosmic-header-actions .sp-cart-button:focus-visible{
  outline:2px solid #84eaff !important;outline-offset:3px !important;
}
@media(max-width:1280px){
  body.cosmic-site header.cosmic-header > .cosmic-header-main{
    grid-template-columns:auto minmax(0,1fr) auto !important;
  }
  body.cosmic-site header.cosmic-header .cosmic-header-search{
    grid-column:2;grid-row:1;min-width:0 !important;
  }
  body.cosmic-site header.cosmic-header nav.cosmic-nav{
    grid-column:1 / -1;grid-row:2;order:0 !important;justify-content:center !important;
    width:100% !important;min-width:0 !important;margin:0 !important;
  }
  body.cosmic-site header.cosmic-header .cosmic-header-actions{grid-column:3;grid-row:1}
}
@media(max-width:980px){
  body.cosmic-site header.cosmic-header > .cosmic-header-main{
    grid-template-columns:minmax(0,1fr) auto !important;
    padding:10px clamp(14px,3vw,30px) 7px !important;
    gap:8px 12px !important;min-height:0 !important;
  }
  body.cosmic-site header.cosmic-header .cosmic-header-search{display:none !important}
  body.cosmic-site header.cosmic-header nav.cosmic-nav{
    grid-column:1 / -1;grid-row:2;order:0 !important;
    width:100% !important;min-width:0 !important;margin:0 !important;
    overflow-x:auto !important;justify-content:flex-start !important;
  }
  body.cosmic-site header.cosmic-header .cosmic-header-actions{grid-column:2;grid-row:1}
  body.cosmic-site header.cosmic-header .cosmic-brand{grid-column:1;grid-row:1;min-width:0 !important}
}
@media(max-width:700px){
  body.cosmic-site header.cosmic-header > .cosmic-header-main{
    padding:8px 14px 7px !important;gap:6px 7px !important;
  }
  body.cosmic-site header.cosmic-header .cosmic-header-actions{
    min-width:92px !important;gap:7px !important;
  }
  body.cosmic-site header.cosmic-header .cosmic-header-actions .sp-fav-button,
  body.cosmic-site header.cosmic-header .cosmic-header-actions .sp-fav-button-top,
  body.cosmic-site header.cosmic-header .cosmic-header-actions .sp-cart-button{
    flex-basis:42px !important;width:42px !important;height:42px !important;
    min-width:42px !important;min-height:42px !important;max-width:42px !important;
  }
  body.cosmic-site header.cosmic-header .cosmic-brand{gap:8px !important}
  body.cosmic-site header.cosmic-header .cosmic-brand-caption b{font-size:clamp(17px,5.2vw,21px) !important}
  body.cosmic-site header.cosmic-header .cosmic-brand-caption small{font-size:9px !important}
}
@media(max-width:375px){
  body.cosmic-site header.cosmic-header .cosmic-header-actions{min-width:84px !important;gap:6px !important}
  body.cosmic-site header.cosmic-header .cosmic-header-actions .sp-fav-button,
  body.cosmic-site header.cosmic-header .cosmic-header-actions .sp-cart-button{
    flex-basis:39px !important;width:39px !important;height:39px !important;
    min-width:39px !important;min-height:39px !important;max-width:39px !important;
  }
}
/* Real weekly figurines show their local cached photo when available.
   If VK is down, retain a deliberate nebula placeholder rather than a blank card. */
body.cosmic-site .cosmic-hero-figure{
  background:radial-gradient(ellipse at 50% 36%,rgba(142,73,240,.65),transparent 46%),
  url("cosmic-nebula.svg") center/cover no-repeat,#11152f !important;
}
body.cosmic-site .cosmic-hero-figure::before{
  content:"✦";position:absolute;inset:0;display:grid;place-items:center;
  font-size:58px;font-weight:300;color:rgba(184,138,255,.36);
  z-index:0;pointer-events:none;
}
body.cosmic-site .cosmic-hero-figure img{
  position:absolute !important;inset:0 !important;width:100% !important;
  height:100% !important;max-width:none !important;max-height:none !important;
  display:block !important;object-fit:cover !important;opacity:1;
}
body.cosmic-site .cosmic-hero-visual-note{
  bottom:5px !important;padding:2px 8px !important;font-size:10px !important;
}
