/* ==========================================================================
   SKMEI BANGLADESH — Global Sport-Tech Design System
   Carbon (#0B0E14) · SKMEI Crimson (#E01B22) · Cool Slate (#F3F5F8)
   Angular cuts, Chakra Petch display type, dark chrome — distinct from Curren.
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&display=swap');

:root {
	--skmei-red: #E01B22; --skmei-red-dark: #B5121A; --skmei-carbon: #0B0E14; --skmei-carbon-2: #141923;
	--skmei-ink: #0B0E14; --skmei-muted: #5B6474; --skmei-line: #E3E7EE; --skmei-bg: #F3F5F8;
	--skmei-disp: 'Chakra Petch', 'Barlow Condensed', sans-serif;
	/* product page / checkout tokens from storefront.css */
	--csf-ink: #0B0E14; --csf-dark: #0B0E14; --csf-muted: #5B6474; --csf-line: #E3E7EE;
	--csf-soft-line: #EAEDF2; --csf-ground: #F3F5F8; --csf-red: #E01B22; --csf-red-ink: #B5121A;
}
body, #page.hfeed.site, #content.site-content { background-color: #fff !important; color: var(--skmei-ink); }
::selection { background: var(--skmei-red); color: #fff; }

/* ---------- Desktop top bar + header (dark chrome) ---------- */
@media (min-width: 992px) {
	.csf-topbar { background: var(--skmei-red) !important; color: #fff !important; border: 0 !important; font-size: 13.5px !important; }
	.csf-topbar__in { height: 38px !important; }
	.csf-topbar__badge { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; letter-spacing: .3px; }
	.csf-topbar__badge i { width: 7px; height: 7px; background: #fff; display: inline-block; }
	.csf-topbar a { color: #fff !important; font-weight: 700; border-bottom: 1px solid rgba(255,255,255,.6); }

	#site-header { background: var(--skmei-carbon) !important; }
	.csf-header { background: var(--skmei-carbon) !important; border-bottom: 1px solid rgba(255,255,255,.08) !important; box-shadow: 0 10px 30px rgba(0,0,0,.18); position: relative; }
	.csf-header::after { content: ""; position: absolute; left: 0; bottom: -1px; width: 22%; height: 3px; background: var(--skmei-red); }
	.csf-header__in { height: 84px !important; }
	.csf-header .csf-header__logo img { height: 50px !important; max-width: 230px !important; }
	.csf-header__menu a { color: #E6E9EF !important; font-weight: 600 !important; font-size: 15.5px !important; padding: 30px 0 !important; border-bottom: 3px solid transparent !important; }
	.csf-header__menu a:hover,
	.csf-header__menu .current-menu-item > a:not([href*="#"]) { color: #fff !important; border-bottom-color: var(--skmei-red) !important; }
	.csf-header__search input[type=search] { background: #161B26 !important; border: 1px solid #2A3141 !important; border-radius: 0 !important; color: #fff !important; }
	.csf-header__search input[type=search]::placeholder { color: #7D8696 !important; }
	.csf-header__search input[type=search]:focus { outline: 0 !important; border-color: var(--skmei-red) !important; background: #0F131B !important; }
	.csf-header__search button { color: #9AA3B2 !important; }
	.csf-header__icon { background: transparent !important; border: 1px solid #2A3141 !important; border-radius: 0 !important; color: #fff !important; }
	.csf-header__icon:hover { border-color: var(--skmei-red) !important; background: var(--skmei-red) !important; }
	.csf-cart-count { background: var(--skmei-red) !important; border-radius: 0 !important; }
	.csf-header__secure { color: #CBD2DC !important; }
	.csf-header__secure a { color: #FF5A60 !important; }
}
@media (min-width: 992px) and (max-width: 1239px) {
	.csf-header__search:focus-within input[type=search] { background: #0F131B !important; color: #fff !important; }
}

/* ---------- Phone / tablet header (dark) ---------- */
body.mobile-version #site-header, #site-header { background: var(--skmei-carbon) !important; }
.csf-mh { background: var(--skmei-carbon) !important; color: #fff !important; border-bottom: 3px solid var(--skmei-red) !important; }
.csf-mh__strip { background: var(--skmei-red) !important; color: #fff !important; font-weight: 600; letter-spacing: .2px; }
.csf-mh__btn { color: #fff !important; }
.csf-mh__btn:active { background: rgba(255,255,255,.08) !important; }
.csf-mh__title { color: #fff !important; }
.csf-mh__secure { color: #4ADE80 !important; }
.csf-mh .csf-cart-count { background: var(--skmei-red) !important; border-radius: 0 !important; }
.csf-mh__menu { border-top: 1px solid rgba(255,255,255,.08) !important; }
.csf-mh__menu a { color: #E6E9EF !important; border-bottom-color: rgba(255,255,255,.07) !important; }
.csf-mh__menu a:hover { color: #FF5A60 !important; }
.csf-mh__search input[type=search] { background: #161B26 !important; border: 1px solid #2A3141 !important; border-radius: 0 !important; color: #fff !important; }
.csf-mh__search input[type=search]::placeholder { color: #7D8696 !important; }
.csf-mh__search button { color: #9AA3B2 !important; }

/* ---------- Product cards (angular sport-tech) ---------- */
ul.products, ul.products li.product { list-style: none !important; list-style-type: none !important; }
ul.products li.product::before, ul.products li.product::marker { display: none !important; content: none !important; }
ul.products li.product .product-inner { border-radius: 0 !important; border: 1px solid var(--skmei-line) !important; background: #fff !important; box-shadow: none !important; transition: border-color .2s, box-shadow .2s, transform .2s !important; }
ul.products li.product .product-inner::after { content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: var(--skmei-red); transition: width .3s; z-index: 4; }
ul.products li.product:hover .product-inner { border-color: var(--skmei-ink) !important; box-shadow: 0 18px 36px rgba(11,14,20,.1) !important; transform: translateY(-3px); }
ul.products li.product:hover .product-inner::after { width: 100%; }
ul.products li.product .mf-product-thumbnail { background: #F1F5F9 !important; }
ul.products li.product .mf-product-thumbnail img { object-fit: cover !important; padding: 0 !important; mix-blend-mode: normal !important; }
ul.products li.product:hover .mf-product-thumbnail img { transform: scale(1.05) !important; }
.csf-card__off { top: 0 !important; left: 0 !important; border-radius: 0 !important; padding: 6px 12px 6px 10px !important; background: var(--skmei-red) !important; font-family: var(--skmei-disp) !important; font-weight: 700 !important; letter-spacing: .5px; clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 100%, 0 100%); box-shadow: none !important; }
.csf-card__cat { font-family: var(--skmei-disp) !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: 1.4px; text-transform: uppercase; color: var(--skmei-red) !important; }
ul.products li.product .woo-loop-product__title { font-size: 16px !important; font-weight: 700 !important; }
ul.products li.product .woo-loop-product__title a { color: var(--skmei-ink) !important; }
ul.products li.product .woo-loop-product__title a:hover { color: var(--skmei-red) !important; }
.csf-lp__now { font-family: var(--skmei-disp) !important; font-weight: 700 !important; color: var(--skmei-ink) !important; letter-spacing: .2px; }
.csf-lp__old { color: #8C95A4 !important; }
.csf-card__btn { border-radius: 0 !important; background: var(--skmei-ink) !important; font-weight: 700 !important; letter-spacing: .3px; clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px); }
.csf-card__btn:hover { background: var(--skmei-red) !important; }
.csf-card__btn.is-out { background: #EEF1F4 !important; color: #687182 !important; }
.csf-card__rating .csf-star.is-on { color: #F5A524 !important; }

/* ---------- Shop / category pages ---------- */
.woocommerce-products-header__title, .csf-arch__title, .page-header h1 { font-family: 'Hind Siliguri', sans-serif; font-weight: 700 !important; color: var(--skmei-ink) !important; }
.woocommerce-pagination ul li a, .woocommerce-pagination ul li span { border-radius: 0 !important; }
.woocommerce-pagination ul li span.current { background: var(--skmei-red) !important; border-color: var(--skmei-red) !important; color: #fff !important; }
.csf-brand-filter, .widget_curren_brand_filter { border-radius: 0 !important; }
.csf-brand-filter button { background: var(--skmei-ink) !important; border-radius: 0 !important; }

/* ---------- Product page accents ---------- */
.single-product .csf-btn { border-radius: 0 !important; clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px); }
.single-product .csf-eyebrow { font-family: var(--skmei-disp); letter-spacing: 2.4px; color: var(--skmei-red) !important; }
.single-product .summary .product_title { font-weight: 700 !important; }
.single-product .csf-price, .single-product .csf-price * { font-family: var(--skmei-disp), 'Hind Siliguri', sans-serif; }

/* ---------- Footer ---------- */
#colophon.site-footer, .csf-foot { background: #07090D !important; color: #A9B1BE !important; }
.csf-foot { border-top: 0 !important; position: relative; }
.csf-foot::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--skmei-red) 0 30%, #1C2230 30%); }
.csf-foot h2 { color: #fff !important; font-family: var(--skmei-disp), 'Hind Siliguri', sans-serif !important; letter-spacing: 1px; position: relative; padding-bottom: 10px; }
.csf-foot h2::after { content: ""; position: absolute; left: 0; bottom: 0; width: 24px; height: 3px; background: var(--skmei-red); }
.csf-foot a { color: #CBD2DC !important; }
.csf-foot a:hover { color: #FF5A60 !important; }
.csf-foot__addr, .csf-foot__in--bar { color: #7D8696 !important; }
.csf-foot__in--bar { border-top-color: rgba(255,255,255,.08) !important; }