/* MANSOKO — blue-gradient identity, loaded after V2. */
:root {
  --mansoko-accent:#2166d1;
  --mansoko-highlight:#2166d1;
  --mansoko-footer:#0b1628;
  --mansoko-gradient:linear-gradient(110deg,#193d7a 0%,#2166d1 55%,#35a4e8 100%);
  --mansoko-button-gradient:linear-gradient(110deg,#2166d1 0%,#30a2e8 100%);
  --mansoko-logo-blue:#35a4e8;
}
.yc-notice { background:linear-gradient(110deg,#2059b5,#132d62 55%,#0b1628) !important; color:#fff !important; }
.yc-header .yc-navbar { background:#fff !important; box-shadow:0 8px 24px #193d7a0d; border:1px solid #e4eaf3; }
.yc-header .yc-navbar .menu-item a,
.yc-header .yc-navbar .corner button,
.yc-header .yc-navbar .corner ion-icon,
.yc-header .yc-navbar .corner .navbar-cart-total,
.yc-header .menu-toggler { color:#193d7a !important; stroke:#193d7a !important; }
.yc-header .yc-navbar .corner .navbar-cart-divider { background:#dce5f1 !important; }
.mansoko-wordmark { color:#2166d1 !important; font-weight:800; }
.yc-header .yc-navbar .corner .cart #cart-items-badge { background:#2166d1 !important; color:#fff !important; }
.yc-header .yc-navbar .menu-item a:hover { color:#2166d1 !important; }
.yc-btn:not(:disabled),
[class^="section-slider-"] .slide-content-box-button,
.mansoko-product-action:not(.mansoko-product-action--disabled),
.mansoko-order-launch {
  background:var(--mansoko-button-gradient) !important;
  color:#fff !important;
  box-shadow:0 8px 18px #2166d12b;
  border-radius:14px;
}
.mansoko-product-action:not(.mansoko-product-action--disabled) { min-height:46px; font-weight:800; }
.yc-featured-products > .yc-section-title::before { background:var(--mansoko-gradient); }
.yc-featured-products .product-list > div { box-shadow:0 10px 26px #193d7a12 !important; }
[class^="multi-column-"] .column-block { background:#edf5ff; }
[class^="multi-column-"] .column-block:nth-child(2) { background:#edf9ff; }
.yc-footer { position:relative; background:linear-gradient(135deg,#0b182b,#070f1d) !important; border-top:0 !important; }
.yc-footer::before { content:""; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#2166d1,#35a4e8,#30bd91,#35a4e8,#2166d1); }
.mansoko-footer-grid { width:94%; max-width:1440px; margin:auto; display:grid; grid-template-columns:minmax(220px,1fr) minmax(0,2.2fr); gap:50px; }
.mansoko-footer-grid .yc-footer-brand-bar { width:100% !important; margin:0 !important; border:0; padding:0 !important; }
.mansoko-footer-grid .yc-footer-brand-logo { color:var(--mansoko-logo-blue) !important; }
.mansoko-footer-grid .yc-footer-brand-logo-image { display:block; width:min(240px,100%); height:auto; max-height:81px; object-fit:contain; object-position:left center; }
.mansoko-footer-grid .yc-footer-brand-bar p { color:#b7c5d9; }
.mansoko-footer-grid .columns { width:100% !important; padding:0 !important; gap:28px !important; }
.yc-footer .accordion-item .accordion-header { padding:0 0 20px 13px; }
.yc-footer .accordion-item .accordion-header .title { font-size:15px !important; letter-spacing:.08em; text-transform:uppercase; }
.yc-footer .accordion-item .accordion-header::after { top:0; bottom:auto; width:4px; height:20px; background:#2166d1 !important; }
.yc-footer .accordion-item:nth-child(2) .accordion-header::after { background:#35a4e8 !important; }
.yc-footer .accordion-item:nth-child(3) .accordion-header::after { background:#30bd91 !important; }
.yc-footer .accordion-item .accordion-content .item { color:#b7c5d9 !important; }
.yc-footer .accordion-item .accordion-content .item:hover { color:#55b9f4 !important; opacity:1; }
.yc-footer .copyright-wrapper { color:var(--mansoko-logo-blue) !important; }
a:focus-visible,button:focus-visible { outline:3px solid #35a4e8; outline-offset:4px; }
@media(max-width:1024px) {
  .mansoko-footer-grid { grid-template-columns:1fr; gap:30px; }
}
@media(max-width:767px) {
  .mansoko-footer-grid { width:calc(100% - 40px); gap:15px; }
  .mansoko-footer-grid .yc-footer-brand-logo-image { width:min(200px,72vw); max-height:68px; }
  .yc-footer .accordion-item .accordion-header { padding:18px 0; }
  .mansoko-product-action:not(.mansoko-product-action--disabled) { min-height:42px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* V3.3 — Benefits section: tighter cards, unified MANSOKO icon system and stronger readability. */
[class^="multi-column-"] .multi-column-blocks {
  gap:16px !important;
}
[class^="multi-column-"] .column-block {
  min-height:205px !important;
  padding:22px 18px !important;
  justify-content:center !important;
}
[class^="multi-column-"] .column-image-wrapper {
  width:68px !important;
  height:68px !important;
  padding:12px !important;
  color:var(--mansoko-accent) !important;
  background:rgba(255,255,255,.9) !important;
  box-shadow:0 6px 18px rgba(25,61,122,.08) !important;
}
[class^="multi-column-"] .column-image-wrapper .mansoko-benefit-icon,
[class^="multi-column-"] .column-image-wrapper svg {
  width:44px !important;
  height:44px !important;
  display:block;
  color:var(--mansoko-accent) !important;
}
[class^="multi-column-"] .column-title {
  margin-top:10px !important;
  margin-bottom:0 !important;
  font-size:18px !important;
  line-height:1.35 !important;
}
[class^="multi-column-"] .column-description {
  margin:6px auto 0 !important;
  max-width:235px !important;
  color:#40546f !important;
  font-size:15px !important;
  line-height:1.55 !important;
}
@media(max-width:767px) {
  [class^="multi-column-"] .multi-column-blocks { gap:12px !important; }
  [class^="multi-column-"] .column-block {
    min-height:190px !important;
    padding:18px 12px !important;
    border-radius:18px !important;
  }
  [class^="multi-column-"] .column-image-wrapper {
    width:60px !important;
    height:60px !important;
    padding:10px !important;
  }
  [class^="multi-column-"] .column-image-wrapper .mansoko-benefit-icon,
  [class^="multi-column-"] .column-image-wrapper svg {
    width:38px !important;
    height:38px !important;
  }
  [class^="multi-column-"] .column-title {
    min-height:40px !important;
    margin-top:9px !important;
    font-size:15px !important;
  }
  [class^="multi-column-"] .column-description {
    max-width:160px !important;
    margin-top:4px !important;
    font-size:13.5px !important;
    line-height:1.5 !important;
  }
}

/* ==========================================================
   MANSOKO V3.6 — mobile-only benefits refinements.
   Desktop intentionally keeps the V3.3 appearance.
   ========================================================== */
@media (max-width: 767px){
  /* Larger hero presence on mobile without cropping its content. */
  .mansoko-banner-clean{
    width:calc(100% - 12px) !important;
    margin-top:8px !important;
  }
  .mansoko-banner-clean picture{
    border-radius:14px !important;
  }

  /* Keep the question mark with MANSOKO and compact the title only on mobile. */
  [class^="multi-column-"] .yc-section-title{
    margin:0 auto 14px !important;
    max-width:100% !important;
    padding:0 6px !important;
    font-size:20px !important;
    line-height:1.2 !important;
    text-wrap:balance;
  }

  /* Equal card dimensions on mobile only. */
  [class^="multi-column-"] .multi-column-blocks{
    gap:10px !important;
    align-items:stretch !important;
  }
  [class^="multi-column-"] .column-block{
    height:205px !important;
    min-height:205px !important;
    padding:13px 8px !important;
    border-radius:16px !important;
    justify-content:flex-start !important;
    box-sizing:border-box !important;
  }
  [class^="multi-column-"] .column-image-wrapper{
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    min-height:54px !important;
    padding:8px !important;
  }
  [class^="multi-column-"] .column-image-wrapper .mansoko-benefit-icon,
  [class^="multi-column-"] .column-image-wrapper svg{
    width:34px !important;
    height:34px !important;
  }
  [class^="multi-column-"] .column-title{
    min-height:38px !important;
    margin-top:7px !important;
    font-size:13px !important;
    line-height:1.28 !important;
  }
  [class^="multi-column-"] .column-description{
    max-width:150px !important;
    margin-top:3px !important;
    font-size:11.5px !important;
    line-height:1.35 !important;
  }
}