/* JSK E-SHOP brand layer — safe overrides; original theme assets remain intact. */
:root{--jsk-navy:#10223e;--jsk-gold:#d6a746;--jsk-ink:#202b3c;--jsk-muted:#6b7788;--jsk-soft:#f5f7fa}
body{color:var(--jsk-ink);font-family:Inter,"Segoe UI",Arial,sans-serif}
a{transition:color .18s ease,background-color .18s ease}
.site-header{box-shadow:0 3px 18px rgba(16,34,62,.07)}
.menu-top-area{background:var(--jsk-navy)!important;color:#fff}
.menu-top-area a,.menu-top-area .main-link{color:#fff!important}
.site-branding .site-logo img{max-height:62px;width:auto;object-fit:contain}
.topbar{background:#fff}
.search-box{border:1px solid #e3e8ef;border-radius:10px;overflow:hidden}
.search-box input{min-height:44px}
.btn-primary,.btn-primary:focus,.btn-primary:hover{background:var(--jsk-navy)!important;border-color:var(--jsk-navy)!important;color:#fff!important;border-radius:7px}
.btn-secondary{border-radius:7px}
.product-card,.single-product,.product-item{border-radius:12px;overflow:hidden}
.product-card:hover,.single-product:hover{box-shadow:0 10px 28px rgba(16,34,62,.10)}
.product-card .product-title a,.product-title a{color:var(--jsk-ink)}
.badge-sale,.product-badge{background:var(--jsk-gold)!important;color:var(--jsk-navy)!important}
.section-title,.section-header h2{color:var(--jsk-navy);font-weight:750;letter-spacing:-.02em}
.service-section{background:var(--jsk-soft);padding:24px 0;border-radius:12px}
.site-footer{background:var(--jsk-navy);color:#eaf0f7}
.site-footer a{color:#eaf0f7}
.site-footer a:hover{color:var(--jsk-gold)}
.breadcrumb{border-radius:8px}
input,select,textarea{border-radius:7px}
@media(max-width:767px){
 .site-branding .site-logo img{max-height:46px}
 .toolbar-item .text-label{font-size:11px}
 .topbar .container{padding-left:12px;padding-right:12px}
 .product-card{margin-bottom:14px}
}

.jsk-store-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#f7f9fc 0%,#eef2f7 55%,#e8edf4 100%);padding:74px 0 66px;margin-bottom:34px}
.jsk-store-hero .container{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:330px}
.jsk-hero-copy{position:relative;z-index:2;max-width:600px}
.jsk-hero-kicker{display:inline-block;color:#9a7022;font-size:12px;font-weight:800;letter-spacing:.16em;margin-bottom:18px}
.jsk-hero-copy h1{font-size:clamp(42px,5.5vw,68px);line-height:1.04;color:#10223e;font-weight:850;letter-spacing:-.045em;margin:0 0 18px}
.jsk-hero-copy h1 em{font-style:normal;color:#bd8b2d}
.jsk-hero-copy p{font-size:17px;line-height:1.7;color:#5e6c7d;max-width:500px;margin-bottom:24px}
.jsk-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.jsk-hero-actions .btn{padding:13px 24px}
.jsk-hero-link{font-weight:700;color:#10223e}
.jsk-hero-link span{color:#bd8b2d;margin-left:6px}
.jsk-hero-points{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:#5c6878;font-size:12px;font-weight:650}
.jsk-hero-art{position:relative;width:390px;height:310px;flex:0 0 390px}
.jsk-art-orbit{position:absolute;border:1px solid rgba(16,34,62,.14);border-radius:50%;transform:rotate(-18deg)}
.jsk-art-orbit-one{width:350px;height:220px;top:38px;left:18px}
.jsk-art-orbit-two{width:300px;height:270px;top:18px;left:48px;transform:rotate(35deg)}
.jsk-art-card{position:absolute;display:flex;flex-direction:column;justify-content:center;box-shadow:0 24px 55px rgba(16,34,62,.18)}
.jsk-art-card-main{width:220px;height:220px;left:82px;top:38px;border-radius:28px;background:#10223e;color:#fff;padding:28px;transform:rotate(-7deg)}
.jsk-art-card-main span{font-size:34px;font-weight:900;color:#d6a746;letter-spacing:.06em}
.jsk-art-card-main strong{font-size:30px;letter-spacing:-.04em}
.jsk-art-card-main small{font-size:10px;letter-spacing:.2em;color:#cbd5e1;margin-top:12px}
.jsk-art-card-small{width:142px;height:104px;right:0;bottom:4px;border-radius:18px;background:#fff;color:#10223e;padding:16px;transform:rotate(7deg)}
.jsk-art-card-small span{font-size:22px;color:#d6a746}
.jsk-art-card-small strong{font-size:15px;line-height:1.2}
.jsk-art-dot{position:absolute;width:18px;height:18px;border-radius:50%;background:#d6a746;top:28px;right:36px;box-shadow:0 0 0 10px rgba(214,167,70,.15)}
@media(max-width:767px){.jsk-store-hero{padding:46px 0 34px}.jsk-store-hero .container{display:block;min-height:0}.jsk-hero-copy h1{font-size:43px}.jsk-hero-copy p{font-size:15px}.jsk-hero-art{width:100%;max-width:330px;height:235px;margin:25px auto 0;transform:scale(.88);transform-origin:top center}.jsk-art-card-main{width:190px;height:190px;left:58px;top:20px}.jsk-art-orbit-one{width:300px;height:190px;left:0;top:30px}.jsk-art-orbit-two{width:270px;height:220px;left:20px;top:18px}.jsk-art-card-small{right:0;bottom:0}}


/* JSK E-SHOP v2.4: protect normal text from accidental icon-font inheritance */
html body,
html body p,
html body span,
html body a,
html body li,
html body label,
html body input,
html body select,
html body textarea,
html body button,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body strong,
html body em,
html body small,
html body div {
    font-family: Arial, "Noto Sans Bengali", "Segoe UI", sans-serif !important;
}
/* Preserve dedicated icon fonts */
html body i,
html body [class^="icon-"],
html body [class*=" icon-"],
html body .fa,
html body .fas,
html body .far,
html body .fab,
html body .fal,
html body .fad,
html body .feather,
html body svg,
html body svg * {
    font-family: inherit;
}


/* Restore icon-font rendering after normal text font reset */
html body i[class*="icon-"],
html body span[class^="icon-"],
html body span[class*=" icon-"],
html body [class^="icon-"]:before,
html body [class*=" icon-"]:before {font-family:feather!important}
html body .fa,
html body .fas,
html body .far,
html body .fab,
html body .fal,
html body .fad {font-family:"Font Awesome 5 Pro"!important}