/* Akshar Shop design system 2026 (v1.0, 2026-10-23)
   Loaded after the old theme CSS; overrides it. Tokens first, then components. */
:root{
  --ak-red:#C8102E; --ak-red-700:#A30D25; --ak-red-50:#FDF2F4;
  --ak-ink:#0F172A; --ak-ink-2:#334155; --ak-muted:#64748B; --ak-line:#E2E8F0; --ak-bg:#F8FAFC; --ak-card:#FFFFFF;
  --ak-navy:#0B1F3A; --ak-teal:#0E7C7B; --ak-green:#16A34A; --ak-wa:#25D366;
  --ak-radius:14px; --ak-radius-sm:10px; --ak-shadow:0 1px 2px rgba(15,23,42,.06),0 4px 16px rgba(15,23,42,.06);
  --ak-shadow-lg:0 10px 30px rgba(15,23,42,.12); --ak-font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --ak-display:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
}
html{scroll-behavior:smooth}
body{font-family:var(--ak-font)!important;color:var(--ak-ink-2);background:#fff;font-size:15.5px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.bradcaump-title,.title__line{font-family:var(--ak-display)!important;color:var(--ak-ink);letter-spacing:-.01em}
a{color:var(--ak-red);transition:color .15s,background .15s,border-color .15s,box-shadow .15s,transform .15s}
a:hover,a:focus{color:var(--ak-red-700)}
:focus-visible{outline:3px solid rgba(200,16,46,.35);outline-offset:2px}
img{max-width:100%;height:auto}
.container{max-width:1240px}

/* ---------- buttons ---------- */
.ak-btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:12px 22px;font-weight:700;font-size:15px;line-height:1;border:2px solid transparent;text-decoration:none!important;cursor:pointer;white-space:nowrap}
.ak-btn--primary{background:var(--ak-red);color:#fff!important;box-shadow:0 6px 16px rgba(200,16,46,.25)}
.ak-btn--primary:hover{background:var(--ak-red-700);transform:translateY(-1px)}
.ak-btn--wa{background:var(--ak-wa);color:#fff!important}
.ak-btn--wa:hover{background:#1ebe5a;transform:translateY(-1px)}
.ak-btn--ghost{background:#fff;color:var(--ak-ink)!important;border-color:var(--ak-line)}
.ak-btn--ghost:hover{border-color:var(--ak-ink);}
.ak-btn--sm{padding:9px 16px;font-size:14px}

/* ---------- top trust bar + header ---------- */
.header_top{background:var(--ak-navy)!important;color:#CBD5E1!important;padding:7px 0!important;font-size:13px}
.header_top p,.header_top a{color:#E2E8F0!important;margin:0;font-size:13px}
.header_top a:hover{color:#fff!important}
.ak-topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ak-topbar__trust{display:flex;gap:18px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.ak-topbar__trust li{display:flex;align-items:center;gap:6px}
.ak-topbar__trust li::before{content:"";width:6px;height:6px;border-radius:50%;background:#34D399;display:inline-block}
.ak-topbar__contact{display:flex;gap:16px;list-style:none;margin:0;padding:0}
.htc-header,.mainmenu__area{background:#fff!important;border-bottom:1px solid var(--ak-line)}
.sticky__header.scroll-header{box-shadow:0 6px 20px rgba(15,23,42,.08)!important}
.logo img,.ak-logo{height:44px;width:auto;max-width:210px;display:block}
.logo{padding:14px 0!important}
.mainmenu__nav .main__menu>li>a{font-family:var(--ak-font);font-weight:600!important;font-size:14.5px!important;color:var(--ak-ink)!important;text-transform:none!important;padding:30px 11px!important;letter-spacing:0}
.mainmenu__nav .main__menu>li>a:hover{color:var(--ak-red)!important}
.main__menu>li.ak-nav-cta{display:inline-flex;align-items:center;padding-left:8px}
.main__menu>li.ak-nav-cta>a{padding:11px 18px!important;color:#fff!important;background:var(--ak-red);border-radius:999px;font-weight:700!important;line-height:1}
.main__menu>li.ak-nav-cta>a:hover{background:var(--ak-red-700);color:#fff!important}
.mega_dropdown{border-radius:0 0 var(--ak-radius) var(--ak-radius);box-shadow:var(--ak-shadow-lg)!important;border-top:3px solid var(--ak-red)!important}
.mega__title{color:var(--ak-ink)!important;font-weight:700!important}
.mega__item li a{color:var(--ak-ink-2)!important}
.mega__item li a:hover{color:var(--ak-red)!important}

/* ---------- page heading band (category / product / cms) ---------- */
.ht__bradcaump__area{background:linear-gradient(120deg,var(--ak-navy) 0%,#13315C 60%,#1C3F73 100%)!important;background-image:none;position:relative;overflow:hidden}
.ht__bradcaump__area::after{content:"";position:absolute;inset:0;background:radial-gradient(600px 200px at 85% 0%,rgba(200,16,46,.35),transparent 70%);pointer-events:none}
.ht__bradcaump__wrap{padding:48px 0!important;background:transparent!important}
.bradcaump-title{color:#fff!important;font-weight:800!important;font-size:clamp(26px,3.4vw,40px)!important;text-transform:none!important}
.breadcrumb{background:transparent!important;padding:12px 0!important;margin:0!important;font-size:13.5px}
.breadcrumb>li+li:before{content:"›"!important;color:var(--ak-muted);padding:0 8px}
.breadcrumb a{color:var(--ak-muted)!important}
.breadcrumb .active{color:var(--ak-ink)!important;font-weight:600}
.breadcrumb .ion-home{display:none}

/* ---------- product cards (home, category, related) ---------- */
.product__list .single__pro{margin-bottom:26px}
.product__list .product,.ak-card{background:var(--ak-card);border:1px solid var(--ak-line);border-radius:var(--ak-radius);overflow:hidden;height:100%;transition:box-shadow .2s,transform .2s,border-color .2s}
.product__list .product:hover,.ak-card:hover{box-shadow:var(--ak-shadow-lg);transform:translateY(-3px);border-color:#CBD5E1}
.product__inner{background:#fff!important;border:0!important}
.pro__thumb{background:#fff;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pro__thumb img{width:100%;height:100%;object-fit:contain;transition:transform .35s}
.product:hover .pro__thumb img{transform:scale(1.04)}
.product__details{padding:14px 16px 16px!important;text-align:left!important;border-top:1px solid var(--ak-line)}
.product__details h2{font-size:15.5px!important;line-height:1.35!important;margin:0 0 4px!important;font-weight:700!important;min-height:42px}
.product__details h2 a{color:var(--ak-ink)!important}
.product__details h2 a:hover{color:var(--ak-red)!important}
.product__details .product_price{color:var(--ak-ink)!important;font-weight:700}
.product__details .unit_type{color:var(--ak-muted)!important}
.ak-card__cta{display:inline-flex;margin-top:8px;font-size:13.5px;font-weight:700;color:var(--ak-red)!important}
.ak-card__cta::after{content:"→";margin-left:6px;transition:margin .15s}
.ak-card:hover .ak-card__cta::after{margin-left:10px}

/* category page extras */
.cat-intro{background:var(--ak-bg);border:1px solid var(--ak-line);border-radius:var(--ak-radius);padding:20px 22px;margin:8px 0 26px;color:var(--ak-ink-2)}
.cat-pagination{display:flex;gap:8px;justify-content:center;align-items:center;margin:20px 0 40px;flex-wrap:wrap}
.cat-pagination a,.cat-pagination span{padding:9px 16px;border-radius:999px;border:1px solid var(--ak-line);color:var(--ak-ink)!important;font-weight:600;background:#fff}
.cat-pagination a:hover{border-color:var(--ak-red);color:var(--ak-red)!important}
.cat-pagination .current{background:var(--ak-ink);color:#fff!important;border-color:var(--ak-ink)}
.htc__loadmore__btn a{background:var(--ak-ink)!important;border-radius:999px!important;color:#fff!important;padding:12px 26px!important}

/* ---------- product page ---------- */
.htc__product__details{padding-top:24px!important}
.htc__product__details .product__big__images,.product__details__container .tab-content{border-radius:var(--ak-radius);overflow:hidden;border:1px solid var(--ak-line);background:#fff}
.pro__detl__title h2{font-size:clamp(24px,2.6vw,32px)!important;font-weight:800!important;color:var(--ak-ink)!important;margin-bottom:6px!important}
.pro__dtl__rating{color:var(--ak-muted);font-size:13.5px}
.pro__details{color:var(--ak-ink-2);font-size:15.5px}
.pro__dtl__prize li{font-size:22px!important;color:var(--ak-ink)!important;font-weight:800}
.pro__dtl__btn{display:flex;gap:10px;flex-wrap:wrap;padding:0;margin:14px 0 0}
.pro__dtl__btn li{margin:0!important}
.pro__dtl__btn .buy__now__btn a{display:inline-flex!important;align-items:center;border-radius:999px!important;padding:13px 24px!important;font-weight:700!important;background:var(--ak-red)!important;color:#fff!important;border:0!important;line-height:1!important;height:auto!important}
.pro__dtl__btn .buy__now__btn+.buy__now__btn a{background:#fff!important;color:var(--ak-ink)!important;border:2px solid var(--ak-line)!important}
.why-buy{background:var(--ak-red-50);border:1px solid #F8D7DD;border-radius:var(--ak-radius-sm);padding:12px 14px}
.key-facts h3{font-size:15px!important;text-transform:uppercase;letter-spacing:.06em;color:var(--ak-muted)!important}
.key-facts .table{border-radius:var(--ak-radius-sm);overflow:hidden;border:1px solid var(--ak-line)!important}
.key-facts .table th{background:var(--ak-bg);color:var(--ak-ink);font-weight:600;border-color:var(--ak-line)!important}
.key-facts .table td{border-color:var(--ak-line)!important}
.product_link{background:var(--ak-bg);border-radius:var(--ak-radius-sm);padding:12px 14px}
.product_link .control-label{font-weight:700;color:var(--ak-ink)}
.product__details__tab .product__deatils__tab,.product__tab__menu,.nav-tabs{border-bottom:2px solid var(--ak-line)!important}
.product-details-tab a,.product__deatils__tab li a{font-weight:700!important;color:var(--ak-muted)!important;text-transform:none!important}
.product__deatils__tab li.active a{color:var(--ak-red)!important;border-bottom:2px solid var(--ak-red)!important}
.title__6{font-family:var(--ak-display)!important;font-size:20px!important;font-weight:800!important;color:var(--ak-ink)!important;text-transform:none!important}
.product-faqs{background:var(--ak-bg)}
.faq-item{background:#fff;border:1px solid var(--ak-line);border-radius:var(--ak-radius-sm);padding:14px 16px}
.related-products img{border-radius:var(--ak-radius-sm);border:1px solid var(--ak-line);background:#fff;aspect-ratio:1/1;object-fit:contain}
.related-products a span{color:var(--ak-ink);font-weight:600}
.related-products a:hover span{color:var(--ak-red)}

/* forms + enquiry offcanvas */
.form-control,input[type=text],input[type=email],input[type=tel],textarea,select{border-radius:var(--ak-radius-sm)!important;border:1px solid #CBD5E1!important;box-shadow:none!important;padding:10px 12px!important;min-height:44px}
.form-control:focus,textarea:focus,input:focus{border-color:var(--ak-red)!important;box-shadow:0 0 0 3px rgba(200,16,46,.15)!important}
.offsetmenu{border-radius:var(--ak-radius) 0 0 var(--ak-radius)}

/* ---------- home ---------- */
.ak-hero{position:relative;overflow:hidden;background:radial-gradient(900px 420px at 100% 0%,rgba(200,16,46,.10),transparent 60%),radial-gradient(700px 380px at 0% 100%,rgba(14,124,123,.10),transparent 60%),linear-gradient(180deg,#fff,var(--ak-bg));padding:56px 0 46px;border-bottom:1px solid var(--ak-line)}
.ak-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.ak-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--ak-line);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--ak-ink-2);box-shadow:var(--ak-shadow)}
.ak-eyebrow b{color:var(--ak-red)}
.ak-hero h1{font-size:clamp(32px,4.6vw,54px)!important;line-height:1.08!important;font-weight:800!important;margin:18px 0 14px!important;text-align:left!important;color:var(--ak-ink)!important}
.ak-hero h1 span{color:var(--ak-red)}
.ak-hero__lead{font-size:clamp(16px,1.6vw,19px);color:var(--ak-ink-2);max-width:580px;margin:0 0 24px}
.ak-hero__ctas{display:flex;gap:12px;flex-wrap:wrap}
.ak-hero__chips{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 0;padding:0;list-style:none}
.ak-hero__chips li{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--ak-ink-2)}
.ak-hero__chips svg{width:18px;height:18px;color:var(--ak-green);flex:none}
.ak-hero__art{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative}
.ak-hero__tile{background:#fff;border:1px solid var(--ak-line);border-radius:18px;box-shadow:var(--ak-shadow);overflow:hidden;display:block;text-decoration:none!important}
.ak-hero__tile:nth-child(2){transform:translateY(22px)}
.ak-hero__tile:nth-child(4){transform:translateY(22px)}
.ak-hero__tile img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;display:block}
.ak-hero__tile span{display:block;padding:9px 12px;font-size:13.5px;font-weight:700;color:var(--ak-ink);border-top:1px solid var(--ak-line)}
.ak-hero__badge{position:absolute;left:-14px;bottom:-6px;background:var(--ak-ink);color:#fff;border-radius:14px;padding:12px 16px;box-shadow:var(--ak-shadow-lg);font-size:13px;line-height:1.3}
.ak-hero__badge b{display:block;font-size:20px;font-family:var(--ak-display)}
.ak-stats{background:var(--ak-navy);color:#fff}
.ak-stats__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.ak-stat{padding:22px 18px;border-left:1px solid rgba(255,255,255,.1);text-align:center}
.ak-stat:first-child{border-left:0}
.ak-stat b{display:block;font-family:var(--ak-display);font-size:26px;font-weight:800;color:#fff}
.ak-stat span{font-size:13.5px;color:#CBD5E1}
.ak-section{padding:64px 0}
.ak-section--alt{background:var(--ak-bg);border-top:1px solid var(--ak-line);border-bottom:1px solid var(--ak-line)}
.ak-section__head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.ak-section__head h2{font-size:clamp(24px,2.8vw,34px)!important;font-weight:800!important;margin:0!important}
.ak-section__head p{margin:6px 0 0;color:var(--ak-muted);max-width:640px}
.ak-kicker{font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ak-red);margin:0 0 6px}
.ak-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.ak-cat{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--ak-line);border-radius:var(--ak-radius);background:#fff;text-decoration:none!important;transition:all .2s}
.ak-cat:hover{border-color:var(--ak-red);box-shadow:var(--ak-shadow-lg);transform:translateY(-3px)}
.ak-cat__icon{width:44px;height:44px;border-radius:12px;background:var(--ak-red-50);color:var(--ak-red);display:flex;align-items:center;justify-content:center}
.ak-cat__icon svg{width:24px;height:24px}
.ak-cat b{color:var(--ak-ink);font-size:16px;font-family:var(--ak-display)}
.ak-cat small{color:var(--ak-muted);font-size:13px}
.ak-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ak-grid .ak-card{display:flex;flex-direction:column;text-decoration:none!important}
.ak-grid .ak-card img{aspect-ratio:1/1;object-fit:contain;background:#fff;width:100%}
.ak-grid .ak-card__body{padding:14px 16px 16px;border-top:1px solid var(--ak-line);display:flex;flex-direction:column;flex:1}
.ak-grid .ak-card__title{color:var(--ak-ink);font-weight:700;font-size:15.5px;line-height:1.35;flex:1}
.ak-grid .ak-card__meta{color:var(--ak-muted);font-size:13px;margin-top:4px}
.ak-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ak-feature{background:#fff;border:1px solid var(--ak-line);border-radius:var(--ak-radius);padding:22px}
.ak-feature__icon{width:46px;height:46px;border-radius:12px;background:var(--ak-ink);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.ak-feature__icon svg{width:24px;height:24px}
.ak-feature h3{font-size:17px!important;font-weight:800!important;margin:0 0 6px!important}
.ak-feature p{margin:0;color:var(--ak-ink-2);font-size:14.5px}
.ak-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}
.ak-step{position:relative;background:#fff;border:1px solid var(--ak-line);border-radius:var(--ak-radius);padding:24px 22px 22px 22px}
.ak-step::before{counter-increment:s;content:counter(s);position:absolute;top:-14px;left:20px;width:32px;height:32px;border-radius:50%;background:var(--ak-red);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(200,16,46,.3)}
.ak-step h3{font-size:17px!important;font-weight:800!important;margin:8px 0 6px!important}
.ak-step p{margin:0;font-size:14.5px}
.ak-faq{max-width:860px}
.ak-faq details{background:#fff;border:1px solid var(--ak-line);border-radius:var(--ak-radius-sm);padding:0 18px;margin-bottom:10px}
.ak-faq summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;font-weight:700;color:var(--ak-ink);position:relative;font-size:15.5px}
.ak-faq summary::-webkit-details-marker{display:none}
.ak-faq summary::after{content:"+";position:absolute;right:0;top:12px;font-size:22px;color:var(--ak-red);font-weight:400}
.ak-faq details[open] summary::after{content:"–"}
.ak-faq details p{margin:0 0 16px;color:var(--ak-ink-2)}
.ak-cta{background:linear-gradient(120deg,var(--ak-red) 0%,#9F0C24 100%);color:#fff;border-radius:22px;padding:40px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;box-shadow:var(--ak-shadow-lg)}
.ak-cta h2{color:#fff!important;font-size:clamp(22px,2.6vw,30px)!important;font-weight:800!important;margin:0 0 6px!important}
.ak-cta p{margin:0;color:#FBE3E7}
.ak-cta .ak-btn--ghost{border-color:#fff}

/* ---------- footer ---------- */
.ak-footer{background:var(--ak-navy);color:#CBD5E1;padding:56px 0 0;margin-top:0}
.ak-footer a{color:#E2E8F0}
.ak-footer a:hover{color:#fff}
.ak-footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:34px}
.ak-footer h2{color:#fff!important;font-size:15px!important;font-weight:800!important;letter-spacing:.06em;text-transform:uppercase;margin:0 0 14px!important}
.ak-footer ul{list-style:none;margin:0;padding:0}
.ak-footer li{margin:0 0 8px;font-size:14.5px}
.ak-footer__brand p{font-size:14.5px;color:#CBD5E1;margin:14px 0}
.ak-footer__nap{font-size:14px;line-height:1.7}
.ak-footer__nap b{color:#fff}
.ak-footer__social{display:flex;gap:10px;margin-top:14px}
.ak-footer__social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
.ak-footer__social a:hover{background:var(--ak-red)}
.ak-footer__bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding:18px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:#94A3B8}
.htc__foooter__area{display:none!important}

/* floating WhatsApp */
.ak-wa-float{position:fixed;right:18px;bottom:18px;z-index:9999;background:var(--ak-wa);color:#fff!important;border-radius:999px;padding:12px 18px;font-weight:700;box-shadow:0 8px 24px rgba(37,211,102,.35);text-decoration:none!important;display:flex;align-items:center;gap:8px}
.ak-wa-float:hover{transform:translateY(-2px);color:#fff!important}
.ak-wa-float svg{width:20px;height:20px}
#scrollUp{right:18px!important;bottom:84px!important;border-radius:50%!important;background:var(--ak-ink)!important}

/* ---------- responsive ---------- */
@media (max-width:1100px){.ak-grid{grid-template-columns:repeat(3,1fr)}.ak-features{grid-template-columns:repeat(2,1fr)}.ak-footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:991px){.ak-hero__grid{grid-template-columns:1fr;gap:28px}.ak-hero__art{grid-template-columns:repeat(4,1fr);gap:10px}.ak-hero__tile:nth-child(2),.ak-hero__tile:nth-child(4){transform:none}.ak-hero__tile span{font-size:12px;padding:7px 9px}.ak-hero__badge{display:none}.ak-stats__grid{grid-template-columns:repeat(2,1fr)}.ak-stat:nth-child(3){border-left:0}.ak-steps{grid-template-columns:1fr}.ak-topbar__trust li:nth-child(n+3){display:none}}
@media (max-width:767px){body{font-size:15px}.ak-section{padding:44px 0}.ak-hero{padding:34px 0 30px}.ak-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ak-features{grid-template-columns:1fr}.ak-footer__grid{grid-template-columns:1fr}.ak-cta{padding:26px}.logo img,.ak-logo{height:36px}.ak-topbar__contact li+li{display:none}.ak-topbar__trust{display:none}.product__details h2{min-height:0}.ak-wa-float span{display:none}.ak-wa-float{padding:14px}.ak-hero__art{grid-template-columns:repeat(2,1fr)}.ak-hero__badge{left:8px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* mobile header fix */
@media (max-width:991px){.mainmenu__area .col-xs-3{width:62%}.mainmenu__area .col-xs-6{width:38%}.logo img,.ak-logo{height:38px;width:auto!important;max-width:none}}
/* card overlay fix */
.another-product-style .product__details,.product__list .product__details{position:static!important;background:#fff!important;opacity:1!important;visibility:visible!important;transform:none!important;bottom:auto!important}
.another-product-style .product__details h2 a{color:var(--ak-ink)!important}

/* logo aspect fix 2026-10-23 */
.logo img.ak-logo{width:auto!important;aspect-ratio:206/44;object-fit:contain;padding:0!important;margin:0!important;box-sizing:content-box}
@media (max-width:991px){.logo img.ak-logo{height:36px!important;width:169px!important}}

/* ======================================================================
   v2 (2026-10-23): one type scale, one colour set, one spacing rhythm
   across every page. Overrides the old theme's mixed fonts and sizes.
   ====================================================================== */
:root{--ak-s1:4px;--ak-s2:8px;--ak-s3:12px;--ak-s4:16px;--ak-s5:24px;--ak-s6:32px;--ak-s7:48px;--ak-s8:64px}
/* one font everywhere (icon fonts excluded) */
body,button,input,select,textarea,
body :where(p,li,td,th,dd,dt,label,span,a,div,small,strong,b,em,blockquote,figcaption,address,legend,option){font-family:var(--ak-font)!important}
h1,h2,h3,h4,h5,h6,.title__line,.title__6,.bradcaump-title,.contact__title,.ft__title{font-family:var(--ak-display)!important;color:var(--ak-ink)!important;font-weight:800!important;letter-spacing:-.01em;text-transform:none!important}
.glyphicon{font-family:"Glyphicons Halflings"!important}
.fa{font-family:FontAwesome!important}.zmdi{font-family:'Material-Design-Iconic-Font'!important}[class^="ti-"],[class*=" ti-"]{font-family:'themify'!important}[class^="ion-"],[class*=" ion-"]{font-family:'Ionicons'!important}
/* type scale */
body{font-size:16px!important;line-height:1.7!important;color:var(--ak-ink-2)!important}
p,li,td,th,dd,label{font-size:inherit;line-height:1.7;color:var(--ak-ink-2)}
h1{font-size:clamp(28px,3.4vw,40px)!important;line-height:1.15!important}
h2{font-size:clamp(22px,2.4vw,30px)!important;line-height:1.25!important}
h3{font-size:clamp(18px,1.8vw,22px)!important;line-height:1.3!important}
h4{font-size:18px!important;line-height:1.35!important}
h5,h6{font-size:16px!important;line-height:1.4!important}
small,.small{font-size:13.5px}
strong,b{color:var(--ak-ink);font-weight:700}

/* ---- compact page header band (category, product, cms, contact, sitemap) ---- */
.ht__bradcaump__area{background:linear-gradient(120deg,var(--ak-navy) 0%,#13315C 60%,#1C3F73 100%)!important}
.ht__bradcaump__wrap{padding:36px 0 34px!important}
.bradcaump-title{font-size:clamp(26px,3vw,36px)!important;color:#fff!important;margin:0!important}
.bradcaump-inner:empty{display:none}
/* breadcrumb always inside the page width */
section>ol.breadcrumb,.htc__product__area>ol.breadcrumb{max-width:1240px;margin:0 auto!important;padding:14px 15px!important;text-align:left!important}
.breadcrumb{font-size:14px!important}
.breadcrumb>li,.breadcrumb a{font-size:14px!important}

/* ---- prose: any rich text from admin (product descriptions, CMS pages) ---- */
.ak-prose,.pro__details,.product__description__wrap,.product__tab__content,.ak-raw{color:var(--ak-ink-2);font-size:16px;line-height:1.75}
.ak-prose{max-width:860px}
:is(.ak-prose,.pro__details,.product__description__wrap,.product__tab__content,.ak-raw) :is(p,li,span,div,td){font-size:16px!important;line-height:1.75!important;color:var(--ak-ink-2)!important;font-family:var(--ak-font)!important;background:transparent!important}
:is(.ak-prose,.pro__details,.product__description__wrap,.product__tab__content,.ak-raw) p{margin:0 0 var(--ak-s4)!important}
:is(.ak-prose,.product__description__wrap,.product__tab__content,.ak-raw) :is(h1,h2){font-size:26px!important;margin:var(--ak-s6) 0 var(--ak-s3)!important}
:is(.ak-prose,.product__description__wrap,.product__tab__content,.ak-raw) :is(h3,h4){font-size:20px!important;margin:var(--ak-s5) 0 var(--ak-s2)!important}
:is(.ak-prose,.product__description__wrap,.product__tab__content,.ak-raw) :is(h5,h6){font-size:17px!important;margin:var(--ak-s4) 0 var(--ak-s2)!important}
:is(.ak-prose,.pro__details,.product__description__wrap,.product__tab__content,.ak-raw) :is(ul,ol){margin:0 0 var(--ak-s4)!important;padding-left:1.3em!important}
:is(.ak-prose,.pro__details,.product__description__wrap,.product__tab__content,.ak-raw) ul li{list-style:disc!important;margin:0 0 6px!important}
:is(.ak-prose,.pro__details,.product__description__wrap,.product__tab__content,.ak-raw) ol li{list-style:decimal!important;margin:0 0 6px!important}
:is(.ak-prose,.pro__details,.product__description__wrap,.product__tab__content,.ak-raw) :is(strong,b){color:var(--ak-ink)!important}
:is(.ak-prose,.pro__details,.product__description__wrap,.product__tab__content,.ak-raw) a{color:var(--ak-red)!important;text-decoration:underline;text-underline-offset:2px}
:is(.ak-prose,.pro__details,.product__description__wrap,.product__tab__content,.ak-raw) img{border-radius:var(--ak-radius-sm);height:auto}
:is(.ak-prose,.pro__details,.product__description__wrap,.product__tab__content,.ak-raw) font{font-family:inherit!important;color:inherit!important;size:inherit}

/* ---- one table style everywhere ---- */
table:not(.table-condensed):not(.ui-datepicker-calendar),.ak-prose table,.product__tab__content table,.key-facts table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--ak-line)!important;border-radius:var(--ak-radius-sm)!important;overflow:hidden;margin:0 0 var(--ak-s5)!important;background:#fff;font-size:15px}
table th,table td{padding:11px 14px!important;border:0!important;border-bottom:1px solid var(--ak-line)!important;text-align:left!important;vertical-align:top!important;font-size:15px!important;line-height:1.55!important}
table th,table thead td{background:var(--ak-bg)!important;color:var(--ak-ink)!important;font-weight:600!important}
table tr:last-child>td,table tr:last-child>th{border-bottom:0!important}
table tbody tr:nth-child(even) td{background:#FCFDFE}
table td+td,table th+td,table th+th{border-left:1px solid var(--ak-line)!important}
@media (max-width:767px){.ak-prose table,.product__tab__content table{display:block;overflow-x:auto;white-space:nowrap}}

/* ---- header: logo + menu + CTA on one line, also when sticky ---- */
.mainmenu__area>.container>.row{display:flex;align-items:center}
.mainmenu__nav .main__menu{display:flex!important;align-items:center;justify-content:flex-end;flex-wrap:nowrap;margin:0!important}
.mainmenu__nav .main__menu>li{display:flex!important;align-items:center;float:none!important;margin:0!important}
.mainmenu__nav .main__menu>li>a,.scroll-header .mainmenu__nav .main__menu>li>a{padding:26px 12px!important;line-height:1.2!important}
.main__menu>li.search{padding:0 10px!important;cursor:pointer;color:var(--ak-ink)}
.main__menu>li.ak-nav-cta>a,.scroll-header .main__menu>li.ak-nav-cta>a{padding:12px 20px!important;font-size:14.5px!important;line-height:1!important;white-space:nowrap}
.scroll-header .logo{padding:10px 0!important}

/* ---- product page rhythm ---- */
.htc__product__details{padding:var(--ak-s5) 0 var(--ak-s7)!important}
.htc__product__details__inner>br,.htc__product__details__inner>.clearfix{display:none!important}
.htc__product__details__inner>*{margin-bottom:var(--ak-s4)}
.pro__dtl__prize:empty,.pro__dtl__prize:not(:has(li)){display:none!important}
.pro__dtl__rating{margin:0 0 var(--ak-s3)!important}
.pro__dtl__rating .weighty-text{color:var(--ak-muted);font-weight:600}
.pro__details{margin-bottom:var(--ak-s4)!important}
.pro__details p:last-child{margin-bottom:0!important}
.pro__dtl__btn{gap:12px!important;margin:var(--ak-s4) 0!important}
.pro__dtl__btn .buy__now__btn a{text-transform:none!important;font-size:15.5px!important;min-width:170px;justify-content:center;letter-spacing:0!important;font-family:var(--ak-font)!important}
.htc__product__details__inner label{font-weight:600;color:var(--ak-ink)}
.htc__product__details__inner label span{color:var(--ak-red)!important;font-weight:700}
.pro__social__share,.htc__product__details h2:has(+ul.social__icon){font-size:14px!important}
.ak-raw{max-width:1240px;margin:0 auto;padding:0 15px var(--ak-s6)}
.ak-raw p{color:var(--ak-muted)!important;font-size:14px!important}
.product__details__tab,.htc__product__details__tab{padding:var(--ak-s5) 0!important}
.product__tab__content{padding:var(--ak-s5) 0!important}
.product__deatils__tab,.product-details-tab{justify-content:flex-start!important;text-align:left!important}
.related-products,.product-faqs{padding:var(--ak-s7) 0!important}
.related-products h2.title__6,.product-faqs h2.title__6{margin:0 0 var(--ak-s5)!important}

/* ---- CMS / contact / sitemap pages ---- */
.ak-page{padding:var(--ak-s6) 0 var(--ak-s8)}
.ak-page__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.ak-aside{position:sticky;top:110px;background:var(--ak-bg);border:1px solid var(--ak-line);border-radius:var(--ak-radius);padding:var(--ak-s5)}
.ak-aside h2{font-size:20px!important;margin:0 0 var(--ak-s2)!important}
.ak-aside p{margin:0 0 var(--ak-s4);font-size:15px}
.ak-aside .ak-btn{width:100%;justify-content:center;margin-bottom:10px}
.ak-aside dl{margin:var(--ak-s4) 0 0;font-size:14.5px}.ak-aside dt{color:var(--ak-muted);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.ak-aside dd{margin:0 0 var(--ak-s3);color:var(--ak-ink)}
.ak-contact-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:var(--ak-s6)}
.ak-contact-card{background:#fff;border:1px solid var(--ak-line);border-radius:var(--ak-radius);padding:20px}
.ak-contact-card b{display:block;font-size:13px;color:var(--ak-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.ak-contact-card p,.ak-contact-card a{margin:0;font-size:16px;color:var(--ak-ink)!important;font-weight:600}
.ak-form-card{background:#fff;border:1px solid var(--ak-line);border-radius:var(--ak-radius);padding:var(--ak-s5);box-shadow:var(--ak-shadow)}
.ak-form-card h2{font-size:24px!important;margin:0 0 var(--ak-s2)!important}
.ak-form-card .contact-box input,.ak-form-card input:not([type=submit]):not([type=checkbox]):not([type=radio]),.ak-form-card textarea,.ak-form-card select{width:100%!important;margin-bottom:12px!important;background:#fff!important;font-size:15px!important}
.ak-form-card textarea{min-height:120px}
.ak-form-card button,.ak-form-card input[type=submit],.ak-form-card .fv-btn{background:var(--ak-red)!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:13px 26px!important;font-weight:700!important;text-transform:none!important;font-size:15.5px!important;height:auto!important;line-height:1!important}
.ak-map{margin-top:var(--ak-s6);border-radius:var(--ak-radius);overflow:hidden;border:1px solid var(--ak-line)}
.ak-map #googleMap{height:320px!important}
/* sitemap page lists */
.htc__sitemap h2,.sitemap-area h2{font-size:20px!important;margin:var(--ak-s6) 0 var(--ak-s3)!important}

/* ---- forms & offcanvas enquiry ---- */
label{font-weight:600;color:var(--ak-ink);font-size:14.5px}
.offsetmenu__inner{padding:32px 28px!important}
.offsetmenu h2,.offsetmenu h3{font-size:22px!important}
.offsetmenu input,.offsetmenu textarea,.offsetmenu select{width:100%;margin-bottom:12px}
.offsetmenu button,.offsetmenu input[type=submit]{background:var(--ak-red)!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:12px 24px!important;font-weight:700!important;text-transform:none!important}
.search__area input{font-size:22px!important}

/* ---- consistent section spacing ---- */
.htc__product__area.shop__page,.htc__contact__area{padding:var(--ak-s6) 0 var(--ak-s8)!important}
.ptb--130,.ptb--120,.ptb--100{padding-top:var(--ak-s6)!important;padding-bottom:var(--ak-s7)!important}
.section__title{margin-bottom:var(--ak-s5)!important}

@media (max-width:991px){.ak-page__grid{grid-template-columns:1fr}.ak-aside{position:static}.mainmenu__nav .main__menu>li>a{padding:22px 9px!important}}
@media (max-width:767px){.ak-contact-cards{grid-template-columns:1fr}.pro__dtl__btn .buy__now__btn a{min-width:0}.ht__bradcaump__wrap{padding:26px 0!important}}

/* v2.1 contrast + header fixes */
.header_top li,.header_top a,.header_top p,.header_top span{color:#E2E8F0!important}
.ak-footer,.ak-footer p,.ak-footer li,.ak-footer span,.ak-footer dd{color:#CBD5E1!important}
.ak-footer a,.ak-footer b,.ak-footer strong{color:#FFFFFF!important}
.ak-footer h2{color:#fff!important}
.ak-stats b{color:#fff!important}.ak-stats span{color:#CBD5E1!important}
.ak-cta h2,.ak-cta b{color:#fff!important}.ak-cta p{color:#FBE3E7!important}
.ak-hero__badge,.ak-hero__badge b{color:#fff!important}
.breadcrumb,ol.breadcrumb{text-align:left!important;background:transparent!important}
.main__menu>li.ak-nav-cta>a,.scroll-header .main__menu>li.ak-nav-cta>a{display:inline-flex!important;align-items:center;height:auto!important;min-height:0!important;max-height:44px}
.scroll-header .mainmenu__nav .main__menu>li>a{height:auto!important}

/* v2.2 product details tidy */
.pro__social__share{display:flex;align-items:center;gap:10px;margin-top:12px}
.pro__social__share h2{font-size:14px!important;font-weight:600!important;color:var(--ak-muted)!important;margin:0!important;font-family:var(--ak-font)!important}
.product__deatils__tab,.product-details-tab,.product__details__tab ul.nav{margin-bottom:8px!important}
.ak-desc-fallback h2.title__6{margin-top:8px!important}
.ak-spec-empty{background:var(--ak-bg);border:1px solid var(--ak-line);border-radius:var(--ak-radius-sm);padding:16px 18px}

/* v2.3 one grid for product listings */
.cat-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 32px!important}
.cat-grid::before,.cat-grid::after{display:none!important}
.cat-grid>.single__pro{width:auto!important;max-width:100%!important;min-width:0!important;float:none!important;padding:0!important;margin:0!important;min-height:0!important}
.cat-grid .pro__thumb img{max-width:100%!important}
.cat-grid>.clearfix,.cat-grid>br{display:none!important}
.cat-grid .product__details{padding:14px 16px!important}
.cat-grid .product__details h2{min-height:0!important;margin:0!important}
.product__list .product{display:flex;flex-direction:column}
@media (max-width:1100px){.cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cat-grid .product__details h2{font-size:14.5px!important}}

/* listing grid: neutralise the old masonry script positions */
.cat-grid{height:auto!important}
.cat-grid>.single__pro{position:static!important;left:auto!important;top:auto!important;transform:none!important}

/* contact form fields stacked */
.ak-form-card .contact-box input,.ak-form-card .contact-box textarea{display:block!important;width:100%!important;float:none!important;margin:0 0 12px!important}
.ak-form-card .single-contact-form{margin:0!important}
.ak-form-card .contact-btn{margin-top:4px}
.ak-form-card .form_fieldError{float:none!important;color:var(--ak-red);font-size:13.5px}
.ak-form-card .contact-box{display:block!important;margin:0!important}
.ak-form-card .fv-btn,.ak-form-card button{letter-spacing:0!important}

/* sitemap */
h2.category-title{font-size:20px!important;margin:28px 0 10px!important;padding-bottom:8px;border-bottom:1px solid var(--ak-line)}
h2.category-title small,h2.category-title span{font-size:14px;color:var(--ak-muted)!important;font-weight:600}

/* v3 mega menu (2026-10-23) */
.mainmenu__nav .main__menu>li.ak-mega{position:static!important}
.mainmenu__area .container{position:relative}
.ak-caret{font-size:11px;margin-left:4px;color:var(--ak-muted)}
.ak-mega__panel{position:absolute;left:15px;right:15px;top:100%;background:#fff;border:1px solid var(--ak-line);border-top:3px solid var(--ak-red);border-radius:0 0 var(--ak-radius) var(--ak-radius);box-shadow:var(--ak-shadow-lg);padding:24px 26px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s,transform .15s,visibility .15s;z-index:999}
.ak-mega:hover .ak-mega__panel,.ak-mega:focus-within .ak-mega__panel{opacity:1;visibility:visible;transform:none}
.ak-mega__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 26px;max-height:70vh;overflow:auto;padding-bottom:18px}
.ak-mega__head{display:block;font-family:var(--ak-display)!important;font-weight:800;font-size:14.5px!important;color:var(--ak-ink)!important;margin:0 0 6px;padding:0!important}
.ak-mega__head:hover{color:var(--ak-red)!important}
.ak-mega__col ul{list-style:none;margin:0;padding:0}
.ak-mega__col li{margin:0 0 3px;display:block!important}
.ak-mega__col li a{display:block;padding:3px 0!important;font-size:13.5px!important;color:var(--ak-ink-2)!important;font-weight:500!important;line-height:1.35!important}
.ak-mega__col li a:hover{color:var(--ak-red)!important}
.ak-mega__more{color:var(--ak-red)!important;font-weight:600!important}
.ak-mega__foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--ak-line);padding:14px 0;font-size:13.5px}
.ak-mega__foot a{color:var(--ak-red)!important;font-weight:600}
.ak-mega__foot span{color:var(--ak-muted)}
/* subcategory chips on category pages */
.ak-subcats{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 22px}
.ak-subcats a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--ak-line);border-radius:999px;background:#fff;color:var(--ak-ink)!important;font-size:14px;font-weight:600;text-decoration:none!important}
.ak-subcats a:hover{border-color:var(--ak-red);color:var(--ak-red)!important}
.ak-subcats a small{color:var(--ak-muted);font-weight:500}

.mainmenu__area .row>[class*=col-],.mainmenu__nav,.mainmenu__nav .main__menu,.mainmenu__area .row{position:static!important}
.mainmenu__area>.container{position:relative!important}