/* Buyenify storefront design system. Admin palette remains the single color source. */
:root{
  --ui-brand:var(--brand-primary,#635bff);
  --ui-secondary:var(--brand-secondary,#1399e6);
  --ui-ink:#162239;
  --ui-muted:#5c6c83;
  --ui-line:#dfe6f2;
  --ui-soft:#f5f7fc;
  --ui-surface:#fff;
  --ui-radius:18px;
  --ui-shadow:0 14px 42px rgba(27,40,79,.065);
}
body{background:#f7f9fd;color:var(--ui-ink);-webkit-font-smoothing:antialiased}
::selection{background:color-mix(in srgb,var(--ui-brand) 25%,#fff);color:#17223a}
:where(button,a,input,select,textarea,summary):focus-visible{
  outline:3px solid color-mix(in srgb,var(--ui-brand) 54%,#fff);
  outline-offset:3px;
}
.container{width:min(1232px,calc(100% - 44px))}
.section{padding-block:clamp(48px,5.6vw,82px)}
.section-tight{padding-block:clamp(39px,4vw,64px)}
.section-head{align-items:end;gap:20px;margin-bottom:25px}
.section-head .h2,.h2{max-width:840px;font-size:clamp(29px,3vw,45px);line-height:1.12;letter-spacing:-.042em;color:var(--ui-ink)}
.section-head .lead,.lead{max-width:690px;color:var(--ui-muted);line-height:1.55}
.eyebrow{border-color:color-mix(in srgb,var(--ui-brand) 17%,var(--ui-line));background:color-mix(in srgb,var(--ui-brand) 5%,white);color:color-mix(in srgb,var(--ui-brand) 77%,#24314e);font-size:11px;letter-spacing:.04em}
.btn{min-height:42px;border-radius:13px;line-height:1.25;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}
.btn-primary{background:linear-gradient(115deg,var(--ui-brand),var(--ui-secondary));box-shadow:0 12px 25px color-mix(in srgb,var(--ui-brand) 20%,transparent)}
.btn-secondary{background:var(--ui-surface);color:var(--ui-ink);border:1px solid var(--ui-line)}
.btn-secondary:hover{border-color:color-mix(in srgb,var(--ui-brand) 45%,var(--ui-line));background:color-mix(in srgb,var(--ui-brand) 5%,white)}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn:disabled{cursor:not-allowed;transform:none;opacity:.55}
.card{background:var(--ui-surface);border-color:var(--ui-line);box-shadow:var(--ui-shadow)}
.header{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(214,222,238,.84);backdrop-filter:blur(20px);box-shadow:0 8px 27px rgba(26,39,75,.045)}
.nav{min-height:70px;gap:clamp(12px,1.8vw,28px)}
.navlinks{gap:clamp(10px,1.3vw,20px)}
.navlinks>a,.nav-service-trigger{border-radius:10px;padding:9px 10px;transition:background .15s,color .15s}
.navlinks>a:hover,.nav-service-trigger:hover{background:color-mix(in srgb,var(--ui-brand) 7%,white);color:var(--ui-brand)}
.nav-actions{gap:7px}
.nav-select,.menu-btn{border-color:var(--ui-line);border-radius:11px}
.utility-bar{border-bottom:1px solid rgba(143,162,210,.16)}
.hero-v11-buy,.flex-order-card,.checkout-summary,.cart-summary{border-color:var(--ui-line);box-shadow:0 22px 60px rgba(24,38,76,.10)}
.hero-v11-buy .hero-v11-field:focus-within,.flex-qty:focus-within,.flex-target:focus-within{
  border-color:color-mix(in srgb,var(--ui-brand) 57%,var(--ui-line));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-brand) 12%,transparent)
}
.hero-v11-buy .hero-v11-platform.is-active{border-color:color-mix(in srgb,var(--ui-brand) 50%,var(--ui-line));box-shadow:0 9px 25px color-mix(in srgb,var(--ui-brand) 14%,transparent)}
.platform-market-section{background:linear-gradient(180deg,#fff,#f8faff)}
.home-platform-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.home-platform-card{
  min-height:135px;padding:16px 9px;border:1px solid var(--ui-line);
  border-radius:var(--ui-radius);background:var(--ui-surface);
  box-shadow:var(--ui-shadow);transition:transform .2s,box-shadow .2s,border-color .2s;
}
.home-platform-card:hover,.featured-service-card:hover,.tool-card:hover{
  transform:translateY(-3px);border-color:color-mix(in srgb,var(--ui-brand) 40%,var(--ui-line));
  box-shadow:0 20px 45px color-mix(in srgb,var(--ui-brand) 10%,transparent);
}
.home-platform-card strong{color:var(--ui-ink)}
.home-platform-card small{color:var(--ui-muted)}
.home-featured-services{background:#f8faff}
.featured-service-grid{gap:14px}
.featured-service-card{
  min-height:205px;border:1px solid var(--ui-line);border-radius:21px;background:var(--ui-surface);
  box-shadow:var(--ui-shadow);transition:transform .2s,box-shadow .2s,border-color .2s;
}
.featured-service-card h3{color:var(--ui-ink);line-height:1.26}
.featured-service-card p{color:var(--ui-muted);line-height:1.46}
.featured-service-link,.text-link{color:var(--ui-brand)}
.goal-card,.tool-card,.trial-mini-card,.faq details,.review-card{
  border-color:var(--ui-line);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);
}
.goal-card,.tool-card,.trial-mini-card{transition:transform .2s,box-shadow .2s,border-color .2s}
.goal-card:hover,.trial-mini-card:hover{transform:translateY(-3px);box-shadow:0 18px 45px rgba(25,39,77,.10);border-color:color-mix(in srgb,var(--ui-brand) 38%,var(--ui-line))}
.alt-section,.px-free{background:var(--ui-soft)}
.px-hero{background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--ui-brand) 9%,transparent),transparent 34%),linear-gradient(180deg,#fff,#f8faff)}
.px-visual{box-shadow:0 24px 65px rgba(25,39,78,.09)}
.px-category,.px-free-grid>a,.px-package{border-color:var(--ui-line);box-shadow:var(--ui-shadow)}
.px-category:hover,.px-free-grid>a:hover{border-color:color-mix(in srgb,var(--ui-brand) 45%,var(--ui-line));box-shadow:0 20px 47px rgba(27,38,76,.10)}
.seo-article,.flex-tips,.sidebar-card{border-color:var(--ui-line);box-shadow:var(--ui-shadow)}
.seo-article :where(p,li){line-height:1.72}
.page-hero{border-bottom:1px solid var(--ui-line);background:linear-gradient(145deg,#fff,#f7f8fd)}
.page-hero .h2{margin:10px 0 7px}
.cart-layout{align-items:start;gap:clamp(16px,3vw,30px)}
.cart-item{border-radius:19px;gap:18px;transition:border-color .18s}
.cart-item:hover{border-color:color-mix(in srgb,var(--ui-brand) 34%,var(--ui-line))}
.cart-item-info h3{letter-spacing:-.02em}
.cart-item-price strong{color:var(--ui-ink)}
.coupon-card,.cart-summary,.checkout-form-card,.checkout-summary{border-radius:20px}
.cart-summary,.checkout-summary{position:sticky;top:92px}
.summary-total{border-top:1px solid var(--ui-line)}
.field :where(input,select,textarea),.coupon-card input{
  border-color:var(--ui-line);background:var(--ui-surface);color:var(--ui-ink);
}
.field :where(input,select,textarea):focus,.coupon-card input:focus{
  outline:none;border-color:var(--ui-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-brand) 13%,transparent)
}
.footer{background:#0d1629;color:#c8d2e6}
.footer-grid{gap:clamp(18px,3vw,48px)}
.footer h4{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#edf2ff}
.footer a{transition:color .15s}.footer a:hover{color:#fff}
.footer-bottom{border-color:#293650}
html[data-theme=dark]{
  --ui-ink:#f0f3fb;--ui-muted:#adb9cf;--ui-line:#303e59;
  --ui-surface:#121d30;--ui-soft:#0e192b;
  --ui-shadow:0 18px 42px rgba(0,0,0,.16);
}
html[data-theme=dark] body{background:#0a1324;color:var(--ui-ink)}
html[data-theme=dark] .header{background:rgba(12,20,36,.96);border-color:#273550}
html[data-theme=dark] .navlinks>a:hover,html[data-theme=dark] .nav-service-trigger:hover{background:#202c43;color:#e7eaff}
html[data-theme=dark] .section-head .h2,html[data-theme=dark] .h2{color:var(--ui-ink)}
html[data-theme=dark] .eyebrow{background:#222b47;border-color:#3d4769;color:#e3e2ff}
html[data-theme=dark] .btn-secondary{background:#17243b;border-color:#33435f;color:#f0f3fc}
html[data-theme=dark] .btn-secondary:hover{background:#243453;border-color:#6e67d9}
html[data-theme=dark] .platform-market-section,html[data-theme=dark] .home-featured-services,html[data-theme=dark] .alt-section,html[data-theme=dark] .px-free{background:#0e1729}
html[data-theme=dark] .home-platform-card,html[data-theme=dark] .featured-service-card,html[data-theme=dark] .goal-card,html[data-theme=dark] .tool-card,html[data-theme=dark] .trial-mini-card,html[data-theme=dark] .review-card{background:var(--ui-surface);border-color:var(--ui-line)}
html[data-theme=dark] .home-platform-card strong,html[data-theme=dark] .featured-service-card h3{color:var(--ui-ink)}
html[data-theme=dark] .home-platform-card small,html[data-theme=dark] .featured-service-card p{color:var(--ui-muted)}
html[data-theme=dark] .px-hero{background:radial-gradient(circle at 86% 4%,color-mix(in srgb,var(--ui-brand) 16%,transparent),transparent 35%),#0c1425}
html[data-theme=dark] .page-hero{background:linear-gradient(145deg,#111c2e,#0b1425);border-color:#2b3953}
html[data-theme=dark] .field :where(input,select,textarea),html[data-theme=dark] .coupon-card input{background:#101b2d;color:#edf2fe;border-color:#35435e}
html[data-theme=dark] .cart-item-price strong{color:#f4f6ff}
html[data-theme=dark] .seo-article{background:#121d30;border-color:#303e59}
@media(max-width:1060px){
  .home-platform-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .cart-summary,.checkout-summary{position:static}
}
@media(max-width:760px){
  .container{width:min(100% - 28px,1232px)}
  .home-platform-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .home-platform-card{min-height:102px;padding:10px 5px}
  .featured-service-grid{gap:9px}
  .featured-service-card{min-height:170px}
  .section-head{align-items:start}
  .section-head .h2{font-size:clamp(27px,6vw,37px)}
}
@media(max-width:430px){
  .container{width:min(100% - 22px,1232px)}
  .home-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .home-platform-card{min-height:93px}
  .footer-grid{grid-template-columns:1fr}
  .cart-layout{gap:14px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}