/* Khorkuto Mart | unified premium storefront and admin UI | 2026-10-15
   Loaded after the legacy stylesheet to avoid destructive changes to business logic.
   Navy is the primary brand color; champagne-gold is an accent, not a competing CTA.
*/
:root {
  --primary:#102b49;
  --primary-2:#214664;
  --km-navy:#102b49;
  --km-blue:#214664;
  --km-ink:#1c2937;
  --km-muted:#586979;
  --km-soft:#f7f9fc;
  --km-line:#e0e7ef;
  --bg:#f7f9fc;
  --ink:#1c2937;
  --text:#1c2937;
  --muted:#586979;
  --surface:#fff;
  --surface-2:#f7f9fc;
  --line:#e0e7ef;
  --border:#e0e7ef;
  --accent:#b78c4e;
  --radius:14px;
  --shadow:0 9px 26px rgba(16,43,73,.065);
  --premium-ring:0 0 0 3px rgba(33,70,100,.17);
}
html {scroll-behavior:smooth;scroll-padding-top:85px;}
/* The legacy height:100% + overflow-x:hidden pair trapped mobile scrolling. */
html,body {height:auto!important;min-height:100%!important;}
html {overflow-x:clip!important;overflow-y:auto!important;}
body {overflow-x:clip!important;overflow-y:visible!important;}
html,body,body.admin-body {background:#f7f9fc!important;color:#1c2937!important;}
body {font-family:Inter,"Hind Siliguri",ui-sans-serif,system-ui,Arial,sans-serif!important;line-height:1.55;}
*,*::before,*::after {box-sizing:border-box;}
img,svg {max-width:100%;}
button,input,textarea,select {font:inherit;}
a,button { -webkit-tap-highlight-color:transparent;}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible {
  outline:2px solid #2d648e!important;outline-offset:3px!important;
}
:where(button,input,textarea,select):disabled {cursor:not-allowed;opacity:.65;}
:where(p,.muted,.card-desc,.footer .muted) {line-height:1.65;}
body .muted {color:#586979!important;}
body .section-kicker,body .checkout-eyebrow,body .product-kicker,body .thankyou-kicker {
  background:#edf3f8!important;border:1px solid #e0e7ef!important;color:#214664!important;
  padding:6px 10px!important;border-radius:8px!important;letter-spacing:.035em!important;
}
body h1,body h2,body h3,body .card-title,body .product-headline {
  color:#102b49!important;line-height:1.24!important;letter-spacing:-.022em!important;
}
body h1 {font-size:clamp(26px,3.1vw,38px)!important;}
body h2 {font-size:clamp(21px,2.15vw,28px)!important;}
body h3 {font-size:clamp(17px,1.65vw,20px)!important;}
.site-shell {max-width:1250px;min-width:0;width:100%;margin-inline:auto;padding-inline:24px;}
body .main.main-wide {padding-top:18px!important;padding-bottom:38px!important;}
.main .section {margin:24px 0!important;}
.home-section-head {display:flex!important;flex-wrap:wrap;align-items:center!important;gap:10px 16px!important;margin-bottom:15px!important;}
.home-section-head .section-kicker {margin-bottom:0!important;}

/* Primary navigation: stable header height, clear states, compact controls. */
body .topbar.modern-topbar {background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e3e9f0!important;box-shadow:0 4px 18px rgba(16,43,73,.045)!important;}
body .modern-nav-shell {height:68px!important;min-height:68px!important;gap:12px!important;}
body .header-brand .logo {max-height:54px!important;width:auto;object-fit:contain;}
.centered-nav a {border-radius:10px!important;padding:9px 13px!important;color:#405266!important;font-size:13px!important;transition:background .2s,color .2s;}
.centered-nav a:hover,.centered-nav a.active {background:#edf3f8!important;color:#102b49!important;}
.header-search-button,.cart-button,.account-link {min-height:42px!important;border:1px solid #e0e7ef!important;background:#fff!important;color:#102b49!important;border-radius:12px!important;box-shadow:none!important;}
.header-search-button {height:42px!important;width:42px!important;}
.cart-button {padding:8px 10px!important;}
.cart-count {background:#102b49!important;color:white!important;}
.header-search-button:hover,.cart-button:hover,.account-link:hover {background:#f0f5fa!important;border-color:#b8c9da!important;}
.drawer {border:0!important;box-shadow:16px 0 52px rgba(16,43,73,.14)!important;padding:20px!important;}
.drawer .d-link {color:#223b52!important;border:0!important;border-radius:10px!important;}
.drawer .d-link:hover,.drawer .d-link:focus-visible {background:#edf3f8!important;}
.drawer-search-form input {border-radius:10px!important;}
.drawer-search-form button {background:#102b49!important;border-radius:10px!important;}

/* Consistent surfaces, action hierarchy, and restrained interaction. */
body :is(.card,.card-lite,.product-home-card,.product-info-panel,.checkout-form-card,.checkout-summary-card,.auth-card,.order-status-card,.admin-surface,.admin-settings-card,.thankyou-block,.thankyou-side-card) {
  background:#fff!important;border:1px solid #e0e7ef!important;
  border-radius:16px!important;box-shadow:var(--shadow)!important;
}
body .product-home-card:hover,body .card-lite:hover {box-shadow:0 13px 33px rgba(16,43,73,.11)!important;border-color:#c9d5e2!important;}
body .btn {border-radius:11px!important;min-height:42px;transition:background .18s ease,box-shadow .18s ease,transform .18s ease;border-color:#d8e3ed;}
body :is(.btn.primary,.button.primary,button.primary,.checkout-submit-btn,.product-buy-btn,.sb-btn) {
  background:#102b49!important;border:1px solid #102b49!important;color:#fff!important;
  box-shadow:0 6px 14px rgba(16,43,73,.13)!important;
}
body :is(.btn.primary,.checkout-submit-btn,.product-buy-btn,.sb-btn):not(:disabled):hover {
  background:#214664!important;border-color:#214664!important;box-shadow:0 9px 18px rgba(16,43,73,.19)!important;transform:translateY(-1px);
}
body :is(.btn.ghost,.btn-details,.button.ghost) {background:#fff!important;border:1px solid #cbd8e4!important;color:#102b49!important;box-shadow:none!important;}
body :is(.btn.ghost,.btn-details):hover {background:#f0f5fa!important;border-color:#99aec2!important;}
body :is(input,textarea,select) {border:1px solid #cfdae5!important;border-radius:10px!important;color:#1c2937!important;background-color:#fff!important;}
body :is(input,textarea,select):focus {border-color:#467396!important;box-shadow:var(--premium-ring)!important;}
body :is(input,textarea,select)::placeholder {color:#798998;opacity:1;}
body .field label {color:#33465b!important;font-weight:700;}
body .link {color:#214664!important;}
body .link:hover {color:#102b49!important;text-decoration:underline;}
body .price,body .fashion-price,body .checkout-total-row strong {color:#102b49!important;}

/* Homepage banner, categories and cards. */
body .km-hero-slider {box-shadow:0 12px 30px rgba(16,43,73,.09)!important;border-radius:18px!important;background:#ecf1f6!important;}
.km-hero-slide .km-hero-click {display:block;}
.km-hero-dots button {box-shadow:0 1px 6px rgba(0,0,0,.2)!important;}
body .km-category-band .km-category-chips {gap:10px!important;}
body .km-category-band .km-category-chip,
body .products-category-filter .km-category-chip {background:#fff!important;border:1px solid #dbe4ee!important;color:#334b62!important;border-radius:11px!important;min-height:43px!important;padding:10px 14px!important;box-shadow:none!important;}
body .km-category-chip strong {font-size:13px!important;line-height:1.35!important;}
body .km-category-chip.active,body .km-category-chip:hover {border-color:#102b49!important;background:#edf3f8!important;color:#102b49!important;}
/* A second large carousel duplicated the category chips on phones. */
.mobile-category-slider-wrapper {display:none!important;}
body .product-home-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;align-items:stretch;}
.product-home-card {display:flex;flex-direction:column!important;min-width:0!important;overflow:hidden!important;transition:box-shadow .22s ease,border-color .22s ease;}
.product-home-click {display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-width:0;}
.product-home-media {background:#f0f3f7!important;aspect-ratio:1/1!important;}
.product-home-media img {transition:transform .35s ease!important;}
.product-home-card:hover .product-home-media img {transform:scale(1.045)!important;}
.product-home-card .card-body {display:flex!important;flex-direction:column!important;gap:5px!important;padding:14px!important;flex:1;}
.product-home-card .card-title {font-size:15px!important;min-height:40px!important;line-height:1.4!important;margin:1px 0!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.product-home-card .card-desc {color:#627384!important;font-size:12px!important;line-height:1.45!important;min-height:35px!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.product-card-tag {background:#eef3f8!important;border-color:#e0e7ef!important;color:#33546d!important;border-radius:7px!important;font-size:10px!important;letter-spacing:.035em;}
.product-home-card .product-home-pricing {margin-top:auto!important;padding-top:7px!important;min-height:29px;gap:8px!important;flex-wrap:wrap;}
.product-home-pricing .price {font-size:17px!important;line-height:1.25;}
.product-home-pricing .strike {font-size:12px!important;}
body .product-card-actions {display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:0 12px 12px!important;margin-top:auto;}
body .product-card-actions form {min-width:0!important;margin:0!important;}
body .product-card-actions :is(.btn,.btn-atc,.btn-details) {height:40px!important;min-height:40px!important;width:100%!important;padding:8px 6px!important;font-size:12px!important;border-radius:10px!important;}
.products-search input {min-height:43px;}
.products-category-filter {margin-bottom:18px;}

/* Offer area: remove the orange marketing panel competing with the navy brand. */
body .km-offer-shell {background:linear-gradient(125deg,#f1f5f9,#fff 56%,#f8f4eb)!important;border:1px solid #e2e9f0!important;border-radius:20px!important;box-shadow:0 10px 28px rgba(16,43,73,.065)!important;gap:24px!important;}
body .km-offer-shell::before {background:rgba(183,140,78,.07)!important;}
body .km-offer-badge {background:#102b49!important;color:#fff!important;border-radius:8px!important;letter-spacing:.025em!important;}
body .km-offer-copy h2 {color:#102b49!important;line-height:1.2!important;}
body .km-offer-copy p {color:#56697b!important;}
body .km-offer-prices strong {color:#102b49!important;}
body .km-offer-prices .old {color:#718092!important;}
body .km-offer-timer-label {color:#51667a!important;}
body .km-offer-timer>span {border:1px solid #e0e7ef!important;background:#fff!important;border-radius:10px!important;box-shadow:none!important;}
body .km-offer-timer b {color:#102b49!important;}
body .km-offer-timer small {color:#607387!important;}
body .km-offer-timer i {color:#718092!important;}
body .km-offer-media {border-color:#e0e7ef!important;border-radius:16px!important;box-shadow:0 10px 24px rgba(16,43,73,.09)!important;}
body .km-offer-image-tag {background:#9a6d2f!important;color:#fff!important;box-shadow:0 6px 15px rgba(87,58,20,.17)!important;}
body .km-offer-slider-nav {background:#102b49!important;}
body .km-offer-slider-dots button {background:#d0dbe7!important;}
body .km-offer-slider-dots button.is-active {background:#102b49!important;}

/* Details and checkout: clear prices, active choices and form spacing. */
body .product-gallery {border-radius:16px!important;box-shadow:var(--shadow)!important;}
body .product-gallery .gimg.active {transform:none!important;}
body .product-gallery:hover .gimg.active {transform:scale(1.025)!important;}
body .product-thumbs {display:flex!important;flex-wrap:wrap!important;gap:9px!important;}
body .product-thumbs .thumb {border-radius:10px!important;}
body .product-thumbs .thumb.active {border-color:#214664!important;box-shadow:0 0 0 2px rgba(33,70,100,.14)!important;}
body .product-info-panel {padding:22px!important;gap:15px!important;}
body .product-headline {font-size:clamp(25px,2.8vw,34px)!important;}
body .fashion-price-panel {background:#f4f7fa!important;border-color:#e0e7ef!important;border-radius:12px!important;}
body .choice-chip:has(input:checked),body .choice-chip.is-selected {background:#102b49!important;border-color:#102b49!important;color:#fff!important;}
body .choice-chip:focus-within {outline:2px solid #2d648e!important;outline-offset:2px!important;}
body .product-assurance-grid .assurance-item {background:#f7f9fc!important;border-color:#e0e7ef!important;border-radius:11px!important;}
body .product-content-grid {grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr)!important;gap:18px!important;}
body .checkout-layout {grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr)!important;gap:22px!important;align-items:start;}
body .checkout-form-card,body .checkout-summary-card {padding:22px!important;}
body .checkout-block-title {color:#102b49!important;}
body .checkout-summary-card {top:88px!important;}
body .payment-logo-card:has(input:checked) {border-color:#214664!important;background:#edf3f8!important;box-shadow:0 0 0 2px rgba(33,70,100,.12)!important;}
body :is(.checkout-summary-note,.thankyou-address-box,.order-address-box) {background:#f4f7fa!important;border-color:#e0e7ef!important;}

/* Single LIGHT footer: prior styles alternated dark/white and forced black text everywhere. */
body footer.footer.modern-footer,body footer.footer.modern-footer * {color:inherit!important;}
body footer.footer.modern-footer {background:#fff!important;color:#26384c!important;border-top:1px solid #e0e7ef!important;box-shadow:none!important;margin-top:25px!important;padding:34px 0!important;}
body footer .modern-footwrap {gap:25px!important;align-items:start!important;}
body footer .modern-footwrap>div {padding-right:20px!important;border-right:1px solid #e7edf4!important;}
body footer .modern-footwrap>div:last-child {padding-right:0!important;border:0!important;}
body footer .footer-col-title {color:#102b49!important;font-weight:800!important;}
body footer .footer-nav a {color:#40556b!important;font-weight:600!important;background:transparent!important;}
body footer .footer-nav a:hover,body footer .developer-credit a:hover {color:#102b49!important;text-decoration:underline;}
body footer .muted,body footer .developer-credit {color:#637488!important;}
body footer .footer-payment-card {background:#f7f9fc!important;border:1px solid #e7edf4!important;border-radius:14px!important;padding:16px!important;}
body footer .footer-payment-chip {background:#fff!important;border:1px solid #e7edf4!important;border-radius:10px!important;padding:6px!important;margin:0!important;}
body footer .footer-payment-chip img {width:45px!important;height:28px!important;object-fit:contain!important;}
body footer .developer-credit a {color:#214664!important;border-bottom:0!important;}

/* Admin navigation and surfaces inherit the same tokens without flattening KPI accents. */
body.admin-body .admin-sidebar {background:#102b49!important;border-right:0!important;color:#e9f0f8!important;}
body.admin-body .admin-brand-title {color:#fff!important;}
body.admin-body .admin-brand-sub {color:#b8c9db!important;}
body.admin-body .admin-menu-link {border-radius:10px!important;color:#d9e5f1!important;margin:2px 0!important;}
body.admin-body .admin-menu-link:hover,body.admin-body .admin-menu-link.active {background:rgba(255,255,255,.13)!important;color:#fff!important;}
body.admin-body .admin-menu-icon {border:1px solid rgba(255,255,255,.18)!important;border-radius:9px!important;color:#fff!important;}
body.admin-body .admin-sidebar-foot .btn {border-color:rgba(255,255,255,.26)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;}
body.admin-body .admin-content {background:#f7f9fc!important;}
body.admin-body .admin-dashboard-page .product-home-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
body.admin-body .admin-dashboard-page .card-lite {padding:20px!important;min-width:0!important;}
body.admin-body .admin-dashboard-page .card-lite h2 {font-size:clamp(19px,2vw,27px)!important;overflow-wrap:anywhere;}
body.admin-body .admin-dashboard-page .card-lite p {margin-bottom:0;color:#637488;}
body.admin-body .table-wrap,body.admin-body .admin-list-card {max-width:100%;}
body.admin-body .table th,body.admin-body .invoice-table th {background:#f1f5f9!important;color:#344e68!important;}
body.admin-body .table td,body.admin-body .invoice-table td {border-bottom-color:#e7edf4!important;}

@media (max-width:1100px) {
  body .product-home-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:940px) {
  .site-shell {padding-inline:18px!important;}
  body .modern-nav-shell {height:62px!important;min-height:62px!important;display:flex!important;}
  body .header-brand .logo {max-height:44px!important;}
  body .topbar.modern-topbar {padding:0!important;}
  body .product-detail-grid,body .product-content-grid,body .checkout-layout,body .admin-form-grid {grid-template-columns:minmax(0,1fr)!important;}
  body .product-gallery-panel,body .checkout-summary-card {position:static!important;}
  body.admin-body .admin-dashboard-page .product-home-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:720px) {
  .site-shell {padding-inline:12px!important;}
  body .main.main-wide {padding-top:10px!important;padding-bottom:22px!important;}
  .main .section {margin:21px 0!important;}
  body .km-hero-slider {border-radius:13px!important;box-shadow:0 6px 19px rgba(16,43,73,.075)!important;}
  body .km-category-band .km-category-chips {gap:8px!important;scroll-padding-inline:2px;padding-bottom:10px!important;}
  body .km-category-band .km-category-chip {height:38px!important;min-height:38px!important;padding:7px 12px!important;border-radius:9px!important;}
  body .km-category-band .km-category-chip strong {font-size:12px!important;}
  body .product-home-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  body .product-home-card {border-radius:12px!important;}
  body .product-home-card .card-body {padding:10px!important;gap:4px!important;}
  body .product-home-card .card-title {font-size:13px!important;min-height:36px!important;line-height:1.36!important;}
  body .product-home-card .card-desc {font-size:11.5px!important;min-height:32px!important;-webkit-line-clamp:2;}
  body .product-home-pricing .price {font-size:15px!important;}
  body .product-home-pricing .strike {font-size:11px!important;}
  body .product-card-actions {gap:6px!important;padding:0 8px 9px!important;}
  body .product-card-actions :is(.btn,.btn-atc,.btn-details) {height:38px!important;min-height:38px!important;font-size:11px!important;padding-inline:4px!important;}
  body .km-offer-shell {padding:16px!important;border-radius:14px!important;gap:13px!important;}
  body .km-offer-copy h2 {font-size:23px!important;}
  body .km-offer-media {border-radius:12px!important;}
  body .km-offer-slider-nav {top:31%!important;width:35px!important;height:35px!important;}
  body .km-offer-slider-dots {bottom:8px!important;}
  body .product-info-panel,body .checkout-form-card,body .checkout-summary-card {padding:16px!important;}
  body .product-assurance-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  body .assurance-item {padding:10px!important;}
  body footer.footer.modern-footer {padding:25px 0!important;}
  body footer .modern-footwrap {gap:19px!important;grid-template-columns:1fr!important;}
  body footer .modern-footwrap>div {border:0!important;border-bottom:1px solid #e7edf4!important;padding-right:0!important;padding-bottom:16px!important;width:100%;}
  body footer .modern-footwrap>div:last-child {border:0!important;padding-bottom:0!important;}
  body.admin-body .admin-dashboard-page .card-lite {padding:14px!important;}
  body.admin-body .admin-dashboard-page .card-lite h2 {font-size:19px!important;}
}
@media (max-width:380px) {
  .site-shell {padding-inline:10px!important;}
  body .product-home-grid {gap:8px!important;}
  body .product-card-actions {gap:5px!important;padding-inline:7px!important;}
  body .product-card-actions :is(.btn,.btn-atc,.btn-details) {font-size:10.5px!important;}
  body.admin-body .admin-dashboard-page .product-home-grid {grid-template-columns:minmax(0,1fr)!important;}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto!important;}
  *,*::before,*::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}

.section-all-link {display:inline-flex;align-items:center;justify-content:center;border:1px solid #dbe4ee;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:700;text-decoration:none;background:#fff;color:#214664;white-space:nowrap;}
.section-all-link:hover {background:#edf3f8;color:#102b49;border-color:#b9cbdc;}

/* Keep the admin month selector and Apply action grouped on small screens. */
.admin-dashboard-page .home-section-head form {display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.admin-dashboard-page .home-section-head form input[type="month"] {flex:1 1 170px;min-width:0;}
.admin-dashboard-page .home-section-head form .btn {flex:0 0 auto;}