/* AdnanThemes sales storefront redesign, 2026-07-28 */
:root{
  --ats-ink:#101828;
  --ats-muted:#667085;
  --ats-line:#e4e7ec;
  --ats-soft:#f7f9fc;
  --ats-blue:#175cd3;
  --ats-blue-dark:#0b2e59;
  --ats-cyan:#0ea5e9;
  --ats-green:#12b76a;
  --ats-orange:#f79009;
  --ats-white:#fff;
  --ats-shadow:0 18px 55px rgba(16,24,40,.09);
}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--ats-ink)}
body.home{background:#fff!important;color:var(--ats-ink)!important}
body.home .site-header,body.home header.site-header,body.home .site-footer,body.home footer.site-footer{display:block!important}
.site-content{max-width:none!important;margin:0!important;padding:0!important}
.entry-content{margin:0!important}
.ats-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.ats-skip{position:absolute;left:-9999px;top:12px;z-index:9999;background:#fff;color:#111827;padding:10px 14px;border-radius:8px}.ats-skip:focus{left:12px}

/* Header */
.site-header.ats-header{position:sticky!important;top:0;z-index:1000;display:block!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(16,24,40,.08)!important;padding:0!important;backdrop-filter:blur(15px);box-shadow:0 1px 0 rgba(16,24,40,.02)}
.ats-nav{min-height:76px;display:flex;align-items:center;gap:28px}
.ats-brand{display:inline-flex;align-items:center;gap:11px;color:var(--ats-ink)!important;text-decoration:none!important;font-size:20px;font-weight:900;letter-spacing:-.035em;white-space:nowrap}
.ats-brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--ats-blue),var(--ats-cyan));color:#fff;font-weight:950;box-shadow:0 10px 24px rgba(23,92,211,.26)}
.ats-brand small{display:block;font-size:10px;color:#667085;font-weight:750;letter-spacing:.08em;text-transform:uppercase;line-height:1.2}
.ats-primary{margin-left:auto}
.ats-primary ul,.ats-primary .menu{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}
.ats-primary li{position:relative;list-style:none}
.ats-primary a{display:inline-flex;align-items:center;padding:10px 12px;border-radius:9px;color:#344054!important;text-decoration:none!important;font-size:14px;font-weight:750}
.ats-primary a:hover,.ats-primary .current-menu-item>a{background:#f2f4f7;color:var(--ats-blue)!important}
.ats-primary .sub-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:220px;padding:8px;background:#fff;border:1px solid var(--ats-line);border-radius:12px;box-shadow:var(--ats-shadow)}
.ats-primary li:hover>.sub-menu,.ats-primary li:focus-within>.sub-menu{display:block}
.ats-primary .sub-menu a{width:100%}
.ats-header-actions{display:flex;align-items:center;gap:10px}
.ats-header-link{color:#344054!important;text-decoration:none!important;font-size:14px;font-weight:800;padding:10px}
.ats-header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border-radius:10px;background:var(--ats-blue);color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:850;box-shadow:0 10px 24px rgba(23,92,211,.2)}
.ats-menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--ats-line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;padding:0!important;color:#344054!important;font-size:22px;line-height:1}

/* Shared storefront */
.ats-store{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ats-ink);background:#fff;overflow:hidden}
.ats-store *{box-sizing:border-box}
.ats-store a{text-decoration:none}
.ats-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--ats-blue);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.ats-kicker:before{content:"";width:23px;height:2px;background:var(--ats-blue);border-radius:2px}
.ats-title{font-size:clamp(38px,5.4vw,68px);line-height:1.02;letter-spacing:-.055em;margin:18px 0;color:var(--ats-ink);font-weight:950}
.ats-title span{color:var(--ats-blue)}
.ats-lead{max-width:720px;color:var(--ats-muted);font-size:18px;line-height:1.68;margin:0}
.ats-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.ats-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 21px;border-radius:11px;font-size:15px;font-weight:850;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease}
.ats-btn:hover{transform:translateY(-2px)}
.ats-btn-primary{background:var(--ats-blue);color:#fff!important;box-shadow:0 13px 30px rgba(23,92,211,.22)}
.ats-btn-dark{background:#101828;color:#fff!important;box-shadow:0 13px 30px rgba(16,24,40,.18)}
.ats-btn-light{background:#fff;color:#344054!important;border:1px solid var(--ats-line)}
.ats-section{padding:88px 0}
.ats-section-soft{background:var(--ats-soft);border-top:1px solid #eef1f5;border-bottom:1px solid #eef1f5}
.ats-section-dark{background:#0b1220;color:#fff}
.ats-section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:34px}
.ats-section-head>div{max-width:720px}
.ats-section-head h2{font-size:clamp(31px,4vw,48px);line-height:1.08;letter-spacing:-.045em;margin:10px 0;color:inherit}
.ats-section-head p{color:var(--ats-muted);font-size:17px;line-height:1.65;margin:0}
.ats-section-dark .ats-section-head p{color:#98a2b3}
.ats-text-link{color:var(--ats-blue)!important;font-size:14px;font-weight:850;white-space:nowrap}

/* Homepage hero */
.ats-hero{position:relative;padding:90px 0 72px;background:linear-gradient(180deg,#f7fbff 0%,#fff 100%);border-bottom:1px solid #eef2f6}
.ats-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-210px;top:-230px;background:radial-gradient(circle,rgba(14,165,233,.17),rgba(23,92,211,0) 70%);pointer-events:none}
.ats-hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}
.ats-trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.ats-trust-row span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--ats-line);border-radius:999px;background:#fff;color:#475467;font-size:12px;font-weight:800}
.ats-trust-row i{width:7px;height:7px;border-radius:50%;background:var(--ats-green)}
.ats-browser{border:1px solid #d0d5dd;border-radius:20px;background:#fff;box-shadow:0 30px 85px rgba(16,24,40,.16);overflow:hidden;transform:rotate(1deg)}
.ats-browser-top{height:42px;display:flex;align-items:center;gap:6px;padding:0 15px;background:#f2f4f7;border-bottom:1px solid #eaecf0}
.ats-browser-top i{width:9px;height:9px;border-radius:50%;background:#d0d5dd}
.ats-browser-screen{min-height:410px;padding:26px;background:linear-gradient(150deg,#0b2e59,#101828 64%,#175cd3);color:#fff;position:relative;overflow:hidden}
.ats-browser-screen:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;bottom:-110px;background:rgba(14,165,233,.25)}
.ats-browser-label{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#b2ddff;font-weight:900}
.ats-browser-screen h3{font-size:37px;line-height:1.02;letter-spacing:-.045em;color:#fff;margin:18px 0 12px;max-width:350px}
.ats-browser-screen p{color:#d1e9ff;font-size:15px;line-height:1.6;max-width:360px}
.ats-mini-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:32px}
.ats-mini-card{min-height:92px;padding:15px;border-radius:13px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}
.ats-mini-card strong{display:block;color:#fff;font-size:15px;margin-bottom:5px}.ats-mini-card small{color:#b2ddff;line-height:1.4}

/* Product cards */
.ats-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ats-product-card{display:flex;flex-direction:column;min-height:390px;background:#fff;border:1px solid var(--ats-line);border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(16,24,40,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ats-product-card:hover{transform:translateY(-5px);box-shadow:var(--ats-shadow);border-color:#b2ccff}
.ats-product-visual{height:164px;padding:20px;position:relative;display:flex;align-items:end;overflow:hidden;background:linear-gradient(145deg,var(--card-a,#0b2e59),var(--card-b,#175cd3));color:#fff}
.ats-product-visual:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-45px;top:-50px;background:rgba(255,255,255,.13)}
.ats-product-visual span{position:relative;z-index:2;font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#d1e9ff}
.ats-product-visual strong{display:block;font-size:28px;line-height:1.05;letter-spacing:-.04em;color:#fff;margin-top:5px;text-transform:none}
.ats-product-body{display:flex;flex-direction:column;flex:1;padding:22px}
.ats-product-type{color:var(--ats-blue);font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.ats-product-body h3{font-size:21px;line-height:1.18;margin:9px 0;color:var(--ats-ink);letter-spacing:-.03em}
.ats-product-body p{font-size:14px;line-height:1.58;color:var(--ats-muted);margin:0 0 20px}
.ats-product-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;margin-bottom:18px}
.ats-product-meta span{font-size:11px;font-weight:750;color:#475467;background:#f2f4f7;padding:6px 8px;border-radius:7px}
.ats-card-link{display:flex;align-items:center;justify-content:space-between;color:var(--ats-blue)!important;font-size:14px;font-weight:900;padding-top:15px;border-top:1px solid #eaecf0}

/* Theme cards */
.ats-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ats-theme-card{border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.055);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.14)}
.ats-theme-preview{height:240px;padding:24px;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--theme-a,#155eef),var(--theme-b,#0b1220));display:flex;align-items:end}
.ats-theme-preview:before{content:"";position:absolute;inset:20px 20px 0;border-radius:13px 13px 0 0;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 55px rgba(0,0,0,.25)}
.ats-theme-preview:after{content:"";position:absolute;left:40px;right:40px;top:61px;height:92px;border-radius:10px;background:rgba(255,255,255,.91);box-shadow:0 18px 45px rgba(0,0,0,.2)}
.ats-theme-preview span{position:relative;z-index:3;color:#fff;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.ats-theme-preview strong{display:block;font-size:29px;text-transform:none;letter-spacing:-.04em;margin-top:4px}
.ats-theme-body{padding:24px}
.ats-theme-body h3{font-size:22px;margin:0 0 9px;color:#fff}.ats-theme-body p{font-size:14px;line-height:1.6;color:#98a2b3;margin:0 0 18px}
.ats-theme-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.ats-theme-tags span{font-size:11px;color:#d0d5dd;border:1px solid rgba(255,255,255,.12);padding:6px 8px;border-radius:7px}
.ats-theme-actions{display:flex;gap:9px}.ats-theme-actions a{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:9px;font-size:13px;font-weight:850}.ats-theme-demo{background:#fff;color:#101828!important}.ats-theme-buy{background:var(--ats-blue);color:#fff!important}
.ats-theme-status{display:inline-flex;margin-bottom:12px;padding:5px 8px;border-radius:6px;background:rgba(18,183,106,.14);color:#6ce9a6;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}

/* Benefits */
.ats-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ats-benefit{padding:26px;border:1px solid var(--ats-line);border-radius:17px;background:#fff}
.ats-benefit-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#eff8ff;color:var(--ats-blue);font-size:18px;font-weight:950;margin-bottom:17px}
.ats-benefit h3{font-size:19px;margin:0 0 8px;color:var(--ats-ink)}.ats-benefit p{font-size:14px;line-height:1.65;color:var(--ats-muted);margin:0}
.ats-marketplaces{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:36px}.ats-marketplaces span,.ats-marketplaces a{display:inline-flex;align-items:center;min-height:48px;padding:0 17px;border:1px solid var(--ats-line);border-radius:10px;background:#fff;color:#344054!important;font-size:13px;font-weight:850}

/* CTA */
.ats-cta{padding:78px 0;background:linear-gradient(135deg,#0b2e59,#101828 62%,#175cd3);color:#fff}
.ats-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:36px}.ats-cta h2{font-size:clamp(31px,4vw,48px);line-height:1.08;letter-spacing:-.045em;color:#fff;margin:0 0 12px}.ats-cta p{color:#d1e9ff;max-width:660px;font-size:16px;line-height:1.65;margin:0}.ats-cta .ats-actions{margin:0;flex-shrink:0}

/* Collection pages */
body.page-id-208 .site-content,body.page-id-384 .site-content{background:#fff!important}
.ats-collection-hero{padding:76px 0 56px;background:linear-gradient(180deg,#f7fbff,#fff);border-bottom:1px solid #eef2f6}
.ats-collection-hero .ats-lead{max-width:780px}
.ats-filter-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.ats-filter-row a,.ats-filter-row span{display:inline-flex;padding:8px 12px;border-radius:999px;border:1px solid var(--ats-line);background:#fff;color:#475467!important;font-size:12px;font-weight:800}.ats-filter-row .active{background:#eff8ff;border-color:#b2ddff;color:var(--ats-blue)!important}
.ats-catalog{padding:68px 0 90px;background:#fff}
.ats-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ats-catalog-card{display:flex;flex-direction:column;border:1px solid var(--ats-line);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 30px rgba(16,24,40,.05)}
.ats-catalog-card:hover{box-shadow:var(--ats-shadow);border-color:#b2ccff}
.ats-catalog-visual{height:220px;padding:22px;display:flex;align-items:end;position:relative;overflow:hidden;background:linear-gradient(145deg,var(--cat-a,#0b2e59),var(--cat-b,#175cd3));color:#fff}
.ats-catalog-visual:before{content:"";position:absolute;left:22px;right:22px;top:22px;height:132px;border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(0,0,0,.19)}
.ats-catalog-visual:after{content:"";position:absolute;left:42px;right:42px;top:48px;height:12px;border-radius:6px;background:linear-gradient(90deg,#eaecf0 18%,transparent 18% 22%,#d0d5dd 22% 52%,transparent 52% 56%,#eaecf0 56%)}
.ats-catalog-visual>span{position:relative;z-index:2;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#d1e9ff}.ats-catalog-visual strong{display:block;font-size:27px;letter-spacing:-.04em;text-transform:none;color:#fff;margin-top:3px}
.ats-catalog-body{display:flex;flex-direction:column;flex:1;padding:23px}.ats-catalog-body h2,.ats-catalog-body h3{font-size:22px;margin:0 0 8px;color:var(--ats-ink)}.ats-catalog-body p{font-size:14px;line-height:1.62;color:var(--ats-muted);margin:0 0 17px}.ats-catalog-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.ats-catalog-tags span{font-size:11px;padding:6px 8px;background:#f2f4f7;color:#475467;border-radius:6px;font-weight:750}.ats-catalog-actions{display:flex;gap:9px;margin-top:auto}.ats-catalog-actions a{flex:1;display:inline-flex;justify-content:center;align-items:center;min-height:43px;border-radius:9px;font-size:13px;font-weight:850}.ats-catalog-primary{background:var(--ats-blue);color:#fff!important}.ats-catalog-secondary{border:1px solid var(--ats-line);color:#344054!important;background:#fff}
.ats-coming{position:absolute;right:14px;top:14px;z-index:4;padding:6px 9px;border-radius:7px;background:#fff;color:#344054;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.ats-catalog-note{margin-top:34px;padding:24px;border:1px solid #b2ddff;border-radius:15px;background:#eff8ff;display:flex;justify-content:space-between;gap:24px;align-items:center}.ats-catalog-note h3{font-size:20px;margin:0 0 5px}.ats-catalog-note p{margin:0;color:#475467;font-size:14px}.ats-catalog-note a{white-space:nowrap}

/* Footer */
.site-footer.ats-footer{display:block!important;background:#0b1220!important;color:#d0d5dd!important;border-top:0!important;padding:0!important}
.ats-footer-main{padding:64px 0 42px}.ats-footer-grid{display:grid;grid-template-columns:1.45fr repeat(3,1fr);gap:54px}.ats-footer-brand p{max-width:330px;color:#98a2b3;font-size:14px;line-height:1.7;margin:17px 0}.ats-footer .ats-brand{color:#fff!important}.ats-footer .ats-brand small{color:#98a2b3}.ats-footer h4{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:0 0 17px}.ats-footer a:not(.ats-brand){display:block;color:#98a2b3!important;text-decoration:none!important;font-size:14px;margin:9px 0}.ats-footer a:hover{color:#fff!important}.ats-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#667085;font-size:12px}.ats-footer-links{display:flex;flex-wrap:wrap;gap:16px}.ats-footer-links a{display:inline!important;margin:0!important;font-size:12px!important}

/* Generic page content stays readable */
body:not(.home):not(.page-id-208):not(.page-id-384) .site-content>.post,body:not(.home):not(.page-id-208):not(.page-id-384) .site-content>article{width:min(1180px,calc(100% - 40px));margin:44px auto 80px}

/* Accessibility */
.ats-store a:focus-visible,.ats-header a:focus-visible,.ats-footer a:focus-visible,.ats-menu-toggle:focus-visible{outline:3px solid #84caff;outline-offset:3px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ats-btn,.ats-product-card{transition:none!important}.ats-btn:hover,.ats-product-card:hover{transform:none!important}}

@media(max-width:1040px){
 .ats-nav{gap:14px}.ats-primary a{padding:9px 8px;font-size:13px}.ats-header-link{display:none}
 .ats-product-grid{grid-template-columns:repeat(2,1fr)}.ats-theme-grid,.ats-catalog-grid{grid-template-columns:repeat(2,1fr)}
 .ats-footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:34px}.ats-footer-grid>div:last-child{grid-column:2/4}
}
@media(max-width:820px){
 .ats-nav{min-height:68px;flex-wrap:wrap;padding:12px 0}.ats-menu-toggle{display:inline-grid;place-items:center;margin-left:auto}.ats-primary{display:none;order:4;width:100%;margin-left:0}.ats-primary.is-open{display:block}.ats-primary ul,.ats-primary .menu{display:block;padding:8px 0}.ats-primary a{width:100%;padding:11px 8px}.ats-primary .sub-menu{display:block;position:static;box-shadow:none;border:0;border-left:2px solid #d0d5dd;border-radius:0;margin-left:12px;padding-left:8px}.ats-header-actions{display:none}
 .ats-hero{padding-top:64px}.ats-hero-grid{grid-template-columns:1fr;gap:45px}.ats-browser{transform:none;max-width:600px}.ats-section{padding:68px 0}.ats-section-head{display:block}.ats-section-head .ats-text-link{display:inline-block;margin-top:17px}
 .ats-theme-grid,.ats-benefit-grid,.ats-catalog-grid{grid-template-columns:1fr 1fr}.ats-cta-inner{display:block}.ats-cta .ats-actions{margin-top:25px}
 .ats-footer-grid{grid-template-columns:1fr 1fr}.ats-footer-grid>div:last-child{grid-column:auto}.ats-footer-brand{grid-column:1/3}
}
@media(max-width:600px){
 .ats-shell{width:min(100% - 28px,1180px)}.ats-brand small{display:none}.ats-title{font-size:40px}.ats-lead{font-size:16px}.ats-browser-screen{min-height:360px;padding:20px}.ats-browser-screen h3{font-size:30px}.ats-mini-grid{grid-template-columns:1fr}
 .ats-product-grid,.ats-theme-grid,.ats-benefit-grid,.ats-catalog-grid{grid-template-columns:1fr}.ats-product-card{min-height:auto}.ats-theme-preview{height:215px}.ats-section{padding:58px 0}.ats-collection-hero{padding:58px 0 44px}.ats-catalog{padding:52px 0 70px}.ats-catalog-note{display:block}.ats-catalog-note a{margin-top:16px}
 .ats-cta{padding:62px 0}.ats-footer-grid{grid-template-columns:1fr}.ats-footer-brand{grid-column:auto}.ats-footer-bottom{display:block}.ats-footer-links{margin-top:12px}
}


/* ATS hide legacy global templates */
.flexibo-global-header,.flexibo-global-footer{display:none!important}
