/* ============================================================
   MobileLand storefront custom CSS (consolidated from design/head/includes)
   Generated 2026-07-10 19:32 — one cached file instead of 11 inline blocks.
   Sections keep their original block ids. Edit here + bump filename (-2, -3…)
   in design/head/includes <link> to bust browser cache.
   ============================================================ */

/* ==================== section: mlnd-polish-main ==================== */
/* ============ (3+6) HEADER / MENU — designer proposal: clean FULL-WIDTH BLUE bar, white links ============ */
@media (min-width: 992px) {
  .nav-sections {
    background: #0155b5 !important;
    border-bottom: none !important;
    box-shadow: 0 2px 10px rgba(1,85,181,.18) !important;
  }
  .nav-sections .navigation,
  .sw-megamenu.navigation,
  .navigation,
  #menu, .main-menu-wrap {
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .page-header .navigation li.level0,
  .page-header .navigation li.level0 > a,
  .page-header .navigation li.level0 > .level-top {
    color: #ffffff !important;
    background: transparent !important;
  }
  .page-header .navigation li.level0:hover,
  .page-header .navigation li.level0.active,
  .page-header.type1 .navigation li.level0:hover,
  .page-header.type1 .navigation li.level0.active {
    background: rgba(255,255,255,.14) !important;
    color: #ffffff !important;
  }
  .page-header .navigation li.level0:hover > a,
  .page-header .navigation li.level0.active > a { color: #ffffff !important; }
  .navigation .level0 .submenu, .sw-megamenu.navigation li.level0 > .submenu {
    border-top: 3px solid #f9d759 !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.14) !important;
    border-radius: 0 0 10px 10px;
  }
  /* sticky keeps the same blue bar */
  header.page-header.sticky-header .navigation { background: #0155b5 !important; box-shadow: 0 2px 14px rgba(0,0,0,.16) !important; }
  header.page-header.sticky-header .navigation li.level0,
  header.page-header.sticky-header .navigation li.level0 > a { color: #fff !important; }
  header.page-header.sticky-header .navigation li.level0:hover { background: rgba(255,255,255,.14) !important; }
  header.page-header.sticky-header .nav-sections { background: #0155b5 !important; }
}
#menu > li > a, .porto-menu > .level0 > a, .megamenu-wrapper .nav-item > a,
.page-header .navigation li.level0 > a {
  font-weight: 700 !important;
  letter-spacing: .4px !important;
  font-size: 13px !important;
  text-transform: uppercase;
}

/* header finesse: bigger logo (designer mockup) */
@media (min-width: 992px) {
  .page-header .logo img { width: 235px !important; max-width: 235px !important; height: auto !important; }
  .page-header .logo { margin: 10px 0 !important; }
}

/* header finesse: big rounded search (designer mockup) */
.search-area .block-search, .block-search .control input, .block-search input#search {
  border-radius: 26px !important;
}
.block-search input#search, .block-search .input-text {
  height: 46px !important;
  border: 1.5px solid #d9dee8 !important;
  border-radius: 26px !important;
  padding-left: 20px !important;
  font-size: 14px !important;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.block-search input#search:focus { border-color: #0155b5 !important; box-shadow: 0 0 0 3px rgba(1,85,181,.10) !important; }

/* FIX: Porto emits col-lg-* in footer but theme grid lacks it -> columns stacked full-width (1000px bloat).
   Define the lg grid so 4 columns sit in ONE row. */
@media (min-width: 992px) {
  .footer-middle .row > .col-lg-3 { flex: 0 0 25% !important; max-width: 25% !important; width: 25% !important; }
  .footer-middle .row > .col-lg-4 { flex: 0 0 33.333% !important; max-width: 33.333% !important; }
  .footer-middle .row > .col-lg-6 { flex: 0 0 50% !important; max-width: 50% !important; }
  .footer-middle .row { display: flex !important; flex-wrap: wrap !important; }
}

/* ============ (4) HOMEPAGE SECTION HEADERS — compact, on-brand (scoped: NE dira hero) ============ */
.section-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;
  text-transform: none !important;
  color: #16181c !important;
  margin: 0 0 14px !important;
  padding: 0 0 10px !important;
  line-height: 1.25 !important;
  border-bottom: 1px solid #ececec;
}

/* ============ FOOTER PALETTE — monochromatic ladder of the header blue #0155b5 (ties footer to header) ============ */
.page-footer .footer-top { background: #0b4a94 !important; }
.page-footer .footer-middle { background: #083a78 !important; }
.page-footer .footer-bottom { padding: 5px 0 !important; background: #062e5f !important; }
/* blue-tinted text scale (replaces the old indigo grays) */
.page-footer .footer-middle, .page-footer .footer-middle p, .page-footer .footer-middle a,
.page-footer .mlnd-f-links a, .page-footer .mlnd-f-contact li, .page-footer .mlnd-f-contact a { color: #c3d9f5 !important; }
.page-footer .mlnd-f-tag, .page-footer .mlnd-f-trust span { color: #9dbfe9 !important; }
.page-footer .mlnd-f-links a:hover, .page-footer .mlnd-f-contact a:hover { color: #ffffff !important; }
.page-footer .mlnd-f-trust strong { color: #eaf3ff !important; }
.page-footer .mlnd-f-social a { background: rgba(255,255,255,.12) !important; color: #dcebff !important; }
.page-footer .mlnd-f-social a:hover { background: #f9d759 !important; color: #083a78 !important; }
.page-footer .mlnd-f-acc { border-color: rgba(255,255,255,.10) !important; }
.page-footer .mlnd-nl-info span { color: #bcd6f5 !important; }
.page-footer .footer-bottom, .page-footer .footer-bottom p, .page-footer .footer-bottom a,
.page-footer .mlnd-f-bottom address { color: #9dbfe9 !important; }
.page-footer .mlnd-f-pay span { border-color: rgba(255,255,255,.22) !important; color: #c3d9f5 !important; }
.page-footer .mlnd-f-bottom address { font-size: 11px !important; }
.page-footer .mlnd-f-pay span { font-size: 9.5px !important; padding: 2px 7px !important; }
.page-footer .mlnd-f-paynote { font-size: 10.5px !important; margin-left: 8px !important; color: #9dbfe9 !important; }

/* ============ (5) BRAND LOGO SLIDER — consistent, no upscaling, grayscale-uniform ============ */
/* brand strip — giants pattern: NO boxes, large uniform logos, airy even row */
.brand-carousel { padding: 22px 0 30px !important; }
.brand-carousel .owl-item .item {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  height: 84px;
  margin: 0 24px;
}
.brand-carousel .owl-item .item img {
  max-height: 76px !important;
  max-width: 190px !important;
  width: auto !important;
  object-fit: contain !important;
  filter: none !important;
  opacity: .85 !important;
  transition: opacity .2s ease, transform .2s ease;
  image-rendering: -webkit-optimize-contrast;
}
.brand-carousel .owl-item .item img:hover { opacity: 1 !important; transform: scale(1.06); }
/* subtle separators frame the strip like a partners row */
.brand-carousel { border-top: 1px solid #f0f0f2; border-bottom: 1px solid #f0f0f2; }

/* social login (Mageplaza) — un-hide (old Porto custom.css hides it) + Google-guideline button */
.customer-account-login .account-social-login,
.customer-account-create .account-social-login { display: block !important; margin: 20px 0 4px; }
.account-social-login .social-btn { margin: 0 0 10px; }
.account-social-login a.btn-social {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: 100%; max-width: 420px; margin: 0 auto; padding: 11px 18px;
  background: #fff; border: 1px solid #dadce0; border-radius: 8px;
  color: #3c4043; font-weight: 600; font-size: 14px; cursor: pointer;
  transition: box-shadow .15s ease, background .15s ease;
}
.account-social-login a.btn-social:hover { box-shadow: 0 1px 6px rgba(66,133,244,.28); background: #f8faff; text-decoration: none; color: #1a73e8; }
.account-social-login .fa-google { color: #4285f4; font-size: 17px; }

/* footer assortment chips — merged with tagline as one designed unit */
.mlnd-f-tag { margin-bottom: 0 !important; }
.mlnd-f-chips { margin: 10px 0 2px; display: flex; flex-wrap: wrap; gap: 5px; }
.mlnd-f-chips span {
  display: inline-block; padding: 2px 9px; white-space: nowrap;
  border: 1px solid rgba(255,255,255,.16); border-radius: 999px;
  background: rgba(255,255,255,.05); color: #c3d9f5;
  font-size: 11px; line-height: 1.55; letter-spacing: .2px;
}

/* ============ HOMEPAGE SECTIONS — white, on-brand (kill the gray #f4f4f4 bands) ============ */
.cms-index-index .section,
.cms-index-index .filterproducts-section,
.cms-index-index .pt_row-has-fill:not(.intro-slide-1) { background-color: #fff !important; }
.cms-index-index .section { padding: 26px 0 !important; }

/* section headers: brand-blue accent bar */
.section-title { position: relative; border-bottom: 2px solid #eef1f6 !important; }
.section-title::after {
  content: ""; position: absolute; left: 0; bottom: -2px;
  width: 46px; height: 2px; background: #0155b5;
}

/* product cards: clean bordered cards that match the white design */
.products-grid .product-item-info,
.filterproducts-products .product-item-info {
  border: 1px solid #edeff3;
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;
}
.products-grid .product-item-info:hover,
.filterproducts-products .product-item-info:hover {
  border-color: #d8e4f5;
  box-shadow: 0 10px 28px rgba(16, 42, 90, .10);
  transform: translateY(-2px);
}
.product-item-details .product-item-name a, .product-item-name a { color: #2a2f38 !important; font-size: 13.5px; }
.product-item-details .price-box .price, .price-box .price { color: #203568 !important; font-weight: 700 !important; }
/* carousel arrows: subtle, brand on hover */
.owl-theme .owl-nav [class*="owl-"] { background: #fff !important; border: 1px solid #e7eaf0 !important; color: #55607a !important; border-radius: 50% !important; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
.owl-theme .owl-nav [class*="owl-"]:hover { color: #0155b5 !important; border-color: #0155b5 !important; }
.footer .footer-ribbon{display:none!important}

/* ============ MOBILE AUDIT FIXES (id132) ============ */
@media (max-width: 767px) {
  /* CRITICAL-1: cookie notice as fixed bottom sheet - never over the buy box */
  .message.global.cookie {
    position: fixed !important; top: auto !important; bottom: 0 !important; left: 0 !important; right: 0 !important;
    z-index: 1000 !important; margin: 0 !important;
    box-shadow: 0 -4px 18px rgba(0,0,0,.18);
  }
  /* CRITICAL-2: category/search = 2-column grid instead of 1-per-row */
  .catalog-category-view .products-grid .product-items,
  .catalogsearch-result-index .products-grid .product-items { display: flex !important; flex-wrap: wrap !important; }
  .catalog-category-view .products-grid .product-item,
  .catalogsearch-result-index .products-grid .product-item {
    width: 50% !important; max-width: 50% !important; padding: 0 5px 10px !important; margin: 0 !important;
  }
  /* CRITICAL-3: hero slide height cap - kill the dead space */
  .cms-index-index .intro-slide-1 { min-height: 0 !important; padding-top: 18px !important; padding-bottom: 10px !important; }
  /* FIX-5: product names 2-line clamp instead of 1-line ellipsis */
  .product-item-name a, .product-item-details .product-item-name a {
    display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden; white-space: normal !important; min-height: 2.9em; line-height: 1.45 !important;
  }
  /* FIX-6: touch targets >=44px on top-bar/menu/footer links */
  .panel.header a, .header.links a, .nav-sections a { padding-top: 10px !important; padding-bottom: 10px !important; }
  /* FIX-4: brand chips single horizontal row */
  .brand-carousel .owl-stage { display: flex !important; }
  .brand-carousel .owl-item .item { height: 60px; margin: 0 6px; }
  .brand-carousel .owl-item .item img { max-height: 52px !important; max-width: 130px !important; }
}
/* FIX-7: hide empty (0%) star rows everywhere - visual noise */
.product-item .rating-summary:has(.rating-result[title="0%"]),
.product-reviews-summary:has(.rating-result[title="0%"]) { display: none !important; }

/* top bar: unify WHITE across all store views (en/ru configed_css ships dark #222529) */
.page-header .main-panel-top,
.page-header .panel.wrapper {
  background: #fff !important;
  border-bottom: 1px solid #f0f0f2 !important;
}
.page-header .panel.wrapper a, .page-header .panel.wrapper span,
.page-header .panel.wrapper .welcome, .page-header .panel.wrapper li,
.page-header .panel.wrapper .greet { color: #3c4043 !important; }
.page-header .panel.wrapper a:hover { color: #0155b5 !important; }
/* top bar: drop duplicate auth links (middle-header welcome widget covers login/register);
   logged-in state keeps ODJAVITE SE (logout href doesn't match login selector) */
.page-header .panel.header li:has(> a[href*="customer/account/create"]),
.page-header .panel.header a[href*="customer/account/create"],
.page-header .panel.header .authorization-link:has(> a[href*="customer/account/login"]),
.page-header .panel.header a[href*="customer/account/login"] { display: none !important; }

/* ============ LOGIN / REGISTER — single centered card, giants pattern ============ */
.customer-account-login .column.main,
.customer-account-forgotpassword .column.main { max-width: 500px; margin: 0 auto; float: none !important; }
.customer-account-create .column.main { max-width: 640px; margin: 0 auto; float: none !important; }
/* social block = top of the card */
.customer-account-login .account-social-login,
.customer-account-create .account-social-login {
  background: #fff; border: 1px solid #e6eaf1; border-bottom: 0 !important; border-radius: 14px 14px 0 0 !important;
  padding: 28px 30px 2px; margin: 0 !important; box-shadow: none !important;
}
/* Mirasvit social login block (empty duplicate) — Mageplaza handles social */
.customer-account-login .mstSocialLogin__login,
.customer-account-create .mstSocialLogin__login { display: none !important; }
/* login form = bottom of the same card, with an "ili" divider */
.customer-account-login .login-container { display: block !important; margin: 0 !important; padding: 0 !important; width: 100% !important; }
.customer-account-login .login-container > .row { margin: 0 !important; }
.customer-account-login .login-container .block-customer-login { flex: 0 0 100% !important; }
.customer-account-login .login-container .block-customer-login,
.customer-account-create .form-create-account {
  background: #fff; border: 1px solid #e6eaf1; border-top: 0 !important; border-radius: 0 0 14px 14px !important;
  padding: 0 30px 28px; margin: 0 0 26px !important; width: 100% !important; max-width: none;
  box-shadow: none !important;
}
.customer-account-login .login-container .block-customer-login::before,
.customer-account-create .form-create-account::before {
  content: "ili"; display: block; text-align: center; font-size: 12px; color: #9aa3b2; line-height: 1;
  margin: 20px 0 22px;
  background:
    linear-gradient(#e8ebf0, #e8ebf0) no-repeat left center / 42% 1px,
    linear-gradient(#e8ebf0, #e8ebf0) no-repeat right center / 42% 1px;
}
/* Google button: official multicolor G + Google-guideline look, FULL card width */
.account-social-login a.btn-social .fa { display: none !important; }
.account-social-login .social-btn,
.account-social-login .actions-toolbar.social-btn { display: block !important; width: 100% !important; margin: 0 0 10px !important; }
.account-social-login a.btn-social {
  display: flex !important; width: 100% !important; max-width: none !important;
  min-height: 48px; height: auto; box-sizing: border-box;
  padding: 13px 22px !important; font-size: 14.5px; letter-spacing: .2px; white-space: normal;
}
.account-social-login a.btn-social::before {
  content: ""; width: 19px; height: 19px; flex: 0 0 19px;
  background-position: center; background-repeat: no-repeat; background-size: contain;
}
.account-social-login a.btn-google::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'><path fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/><path fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/><path fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/><path fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/></svg>");
}
.account-social-login a.btn-facebook::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%231877F2' d='M24 12.07C24 5.4 18.63 0 12 0S0 5.4 0 12.07C0 18.1 4.39 23.1 10.13 24v-8.44H7.08v-3.49h3.05V9.41c0-3.02 1.79-4.69 4.53-4.69 1.31 0 2.68.24 2.68.24v2.97h-1.51c-1.49 0-1.96.93-1.96 1.89v2.25h3.33l-.53 3.49h-2.8V24C19.61 23.1 24 18.1 24 12.07z'/></svg>");
}
.account-social-login a.btn-facebook:hover { box-shadow: 0 1px 6px rgba(24,119,242,.28); background: #f5f9ff; color: #1877F2; }
/* form fields */
.customer-account-login .form-login .field:not(.choice) > .label,
.customer-account-create .form-create-account .field:not(.choice) > .label,
.customer-account-forgotpassword .field:not(.choice) > .label { font-size: 13px; font-weight: 600; color: #445063; }
.customer-account-login .form-login .input-text,
.customer-account-create .form-create-account .input-text,
.customer-account-forgotpassword .input-text {
  height: 46px; border: 1px solid #d6dbe4; border-radius: 8px; font-size: 14px; padding: 0 14px;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.customer-account-login .form-login .input-text:focus,
.customer-account-create .form-create-account .input-text:focus,
.customer-account-forgotpassword .input-text:focus { border-color: #0155b5; box-shadow: 0 0 0 3px rgba(1,85,181,.12); }
/* primary actions: brand blue instead of black */
.customer-account-login .action.login.primary,
.customer-account-create .action.submit.primary,
.customer-account-forgotpassword .action.submit.primary,
.customer-account-login .block-customer-login .actions-toolbar .primary a.action {
  background: #0155b5 !important; border-color: #0155b5 !important; color: #fff !important;
  border-radius: 8px !important; font-weight: 700; letter-spacing: .4px;
  transition: background .15s ease, box-shadow .15s ease;
}
.customer-account-login .action.login.primary:hover,
.customer-account-create .action.submit.primary:hover { background: #0a4a9d !important; box-shadow: 0 4px 14px rgba(1,85,181,.3); }
/* secondary "create account" action as ghost button */
.customer-account-login a.action.create.primary, .customer-account-login .action.create {
  background: #fff !important; border: 1px solid #0155b5 !important; color: #0155b5 !important;
  border-radius: 8px !important; font-weight: 700;
}
.customer-account-login a.action.create.primary:hover { background: #f0f6ff !important; }
.customer-account-login .action.remind { font-size: 12.5px; color: #0155b5; }
.customer-account-login .page-title-wrapper .page-title { font-size: 26px; font-weight: 700; }
@media (max-width: 640px) {
  .customer-account-login .account-social-login, .customer-account-create .account-social-login { padding: 22px 18px 2px; }
  .customer-account-login .login-container .block-customer-login, .customer-account-create .form-create-account { padding: 0 18px 22px; }
}

/* ============ MY ACCOUNT DASHBOARD — card-based, task-oriented (giants pattern) ============ */
/* sidebar: clean vertical card nav with icons */
.account .sidebar-main .block-collapsible-nav { background: #fff; border: 1px solid #edeff3; border-radius: 10px; padding: 8px 0; box-shadow: 0 1px 4px rgba(15,30,60,.05); }
.account .block-collapsible-nav .content { background: transparent !important; padding: 0 !important; }
.account .block-collapsible-nav .nav.items { display: block !important; }
.account .block-collapsible-nav .nav.item {
  display: block !important; float: none !important; width: 100% !important;
  margin: 0 !important; border: 0 !important;
}
.account .block-collapsible-nav .nav.item > a,
.account .block-collapsible-nav .nav.item > strong {
  display: flex !important; align-items: center !important; gap: 12px !important;
  padding: 12px 20px !important; font-size: 14px; color: #445063;
  border: 0 !important; border-left: 3px solid transparent !important;
  text-decoration: none; line-height: 1.35; font-weight: 500;
}
.account .block-collapsible-nav .nav.item,
.account .block-collapsible-nav .nav.item + .nav.item { border: 0 !important; background: transparent; }
.account .block-collapsible-nav .nav.item > a:hover { background: #f5f8fd; color: #0155b5; }
.account .block-collapsible-nav .nav.item.current > a,
.account .block-collapsible-nav .nav.item.current > strong {
  border-left-color: #0155b5; color: #0155b5; font-weight: 700; background: #f0f6ff;
}
/* icons per destination (FontAwesome, already loaded by Porto) */
.account .block-collapsible-nav .nav.item > a::before,
.account .block-collapsible-nav .nav.item > strong::before {
  font-family: FontAwesome; font-size: 14px; width: 30px; height: 30px; line-height: 30px;
  flex: 0 0 30px; text-align: center; color: #6f7d92; content: "\f105";
  background: #f2f5fa; border-radius: 8px; margin-right: 12px !important;
  position: static !important; display: inline-block;
}
.account .block-collapsible-nav .nav.item > a, .account .block-collapsible-nav .nav.item > strong { text-indent: 0 !important; position: relative; }
.account .block-collapsible-nav .nav.item > a > span, .account .block-collapsible-nav .nav.item .delimiter { text-indent: 0 !important; }
.account .block-collapsible-nav .nav.item.current > a::before,
.account .block-collapsible-nav .nav.item.current > strong::before { background: #0155b5 !important; color: #fff !important; }
.account .block-collapsible-nav .nav.item.current > a::before,
.account .block-collapsible-nav .nav.item.current > strong::before { color: #0155b5; }
.account .block-collapsible-nav .nav.item > a[href*="customer/account/"]::before, .account .block-collapsible-nav .nav.item.current > strong::before { content: "\f007"; }
.account .block-collapsible-nav .nav.item > a[href*="sales/order/history"]::before { content: "\f022"; }
.account .block-collapsible-nav .nav.item > a[href*="wishlist"]::before { content: "\f004"; }
.account .block-collapsible-nav .nav.item > a[href*="customer/address"]::before { content: "\f041"; }
.account .block-collapsible-nav .nav.item > a[href*="customer/account/edit"]::before { content: "\f013"; }
.account .block-collapsible-nav .nav.item > a[href*="review/customer"]::before { content: "\f075"; }
.account .block-collapsible-nav .nav.item > a[href*="newsletter/manage"]::before { content: "\f0e0"; }
/* hide items irrelevant to this store: downloadable products (none sold) + stored cards (no online payment) */
.account .block-collapsible-nav .nav.item:has(a[href*="downloadable/customer"]),
.account .block-collapsible-nav .nav.item:has(a[href*="vault/cards"]) { display: none !important; }
/* content blocks as cards */
.account .column.main .block:not(.block-collapsible-nav) {
  background: #fff; border: 1px solid #edeff3; border-radius: 10px;
  padding: 22px 24px 18px; margin-bottom: 22px; box-shadow: 0 1px 4px rgba(15,30,60,.05);
}
.account .column.main .block:not(.block-collapsible-nav) > .block-title {
  border-bottom: 1px solid #f0f2f6; padding-bottom: 12px; margin-bottom: 16px;
  position: relative; padding-left: 14px;
}
.account .column.main .block:not(.block-collapsible-nav) > .block-title::before {
  content: ""; position: absolute; left: 0; top: 2px; bottom: 14px; width: 4px; border-radius: 2px; background: #0155b5;
}
.account .column.main .block:not(.block-collapsible-nav) > .block-title > strong { font-size: 16px; font-weight: 700; color: #1d2430; text-transform: none; }
.account .column.main .block:not(.block-collapsible-nav) > .block-title > a { float: right; font-size: 12.5px; font-weight: 600; color: #0155b5; }
/* inner boxes (contact / newsletter / addresses) */
.account .column.main .block .box { background: #f8fafd; border: 1px solid #eef1f6 !important; border-radius: 10px; padding: 16px 18px 10px; margin-bottom: 12px; }
.account .column.main .block .box-title {
  display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .7px; text-transform: uppercase;
  color: #0155b5; margin-bottom: 8px; background: transparent !important; border: 0 !important; padding: 0 !important;
}
.account .column.main .block .box > .box-title, .account .column.main .block .box strong.box-title span { background: transparent !important; }
.account .column.main .block .box-content { font-size: 13.5px; color: #3c4043; line-height: 1.65; }
/* action links -> pill buttons */
.account .column.main .block .box-actions { margin-top: 10px; }
.account .column.main .block .box-actions a, .account .column.main .block .block-content > .box + .box-actions a {
  display: inline-block; padding: 6px 14px; margin: 0 8px 8px 0; font-size: 12.5px; font-weight: 600;
  color: #0155b5; border: 1px solid #cfdcf0; border-radius: 999px; background: #fff; text-decoration: none;
  transition: background .15s ease, box-shadow .15s ease;
}
.account .column.main .block .box-actions a:hover { background: #f0f6ff; box-shadow: 0 1px 5px rgba(1,85,181,.18); }
/* orders table inside dashboard/history */
.account .table-wrapper { border: 0; }
.account .table-order-items thead th { font-size: 11.5px; text-transform: uppercase; letter-spacing: .5px; color: #7a8494; border-bottom: 1px solid #e8ebf0 !important; }
.account .table-order-items tbody td { padding-top: 12px !important; padding-bottom: 12px !important; border-bottom: 1px solid #f2f4f8 !important; font-size: 13.5px; }
.account .table-order-items tbody tr:hover td { background: #f8fafd; }
/* page title area */
.account .page-title-wrapper .page-title,
.account .page-title-wrapper .page-title span { font-size: 24px !important; font-weight: 700 !important; color: #1d2430 !important; }
/* empty-state + legend spacing */
.account .message.info.empty { border-radius: 8px; }
@media (max-width: 991px) {
  .account .sidebar-main .block-collapsible-nav { margin-bottom: 18px; }
  .account .column.main .block:not(.block-collapsible-nav) { padding: 18px 16px 14px; }
}

/* ============ LIGHTBOX UX (Fotorama fullscreen) — easy close like the giants ============ */
.fotorama--fullscreen .fotorama__fullscreen-icon {
  width: 56px !important; height: 56px !important; top: 14px !important; right: 14px !important;
  background: rgba(20,25,40,.78) !important; border-radius: 50% !important; z-index: 1001 !important;
  background-image: none !important; box-shadow: 0 2px 12px rgba(0,0,0,.35);
}
.fotorama--fullscreen .fotorama__fullscreen-icon::before {
  content: "15"; color: #fff; font-size: 20px; line-height: 56px; display: block; text-align: center; font-family: Arial, sans-serif;
}
.fotorama--fullscreen .fotorama__fullscreen-icon:hover { background: #0155b5 !important; }
@media (max-width: 767px) {
  .fotorama--fullscreen .fotorama__fullscreen-icon { width: 48px !important; height: 48px !important; }
  .fotorama--fullscreen .fotorama__fullscreen-icon::before { line-height: 48px; }
}

/* ==================== section: mlnd-checkout-postcode ==================== */
/* MLND: hide postal code at checkout (ZIP optional for ME) */
body.checkout-index-index [name="shippingAddress.postcode"],
body.checkout-index-index [name$=".postcode"],
body.customer-address-form .field.zip{display:none!important;}

/* ==================== section: mlnd-city-picker-css ==================== */
.mlnd-city-sug{position:absolute;z-index:10001;left:0;right:0;top:100%;margin-top:-1px;background:#fff;border:1px solid #cdd6e4;border-top:2px solid #0155b5;border-radius:0 0 10px 10px;box-shadow:0 14px 30px rgba(2,30,66,.16);max-height:290px;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none;}
.mlnd-city-sug.open{display:block;}
.mlnd-city-sug button{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;border:0;background:#fff;padding:11px 15px;font-size:14px;line-height:1.2;color:#1c2733;cursor:pointer;text-align:left;border-bottom:1px solid #eef1f6;font-family:inherit;}
.mlnd-city-sug button:last-child{border-bottom:0;}
.mlnd-city-sug button:hover,.mlnd-city-sug button.mlnd-act{background:#f0f6ff;color:#0155b5;}
.mlnd-city-sug .mlnd-z{font-size:12px;font-weight:700;color:#5f6b7f;white-space:nowrap;}
.mlnd-city-sug button:hover .mlnd-z,.mlnd-city-sug button.mlnd-act .mlnd-z{color:#0155b5;}
@media (max-width:767px){.mlnd-city-sug{max-height:58vh;} .mlnd-city-sug button{padding:14px 15px;font-size:15px;}}

/* ==================== section: mlnd-shops-mobile ==================== */
/* MLND: show ALL shops on mobile (kill store-locator inner-scroll clip) */
@media (max-width:767px){
.storelocator-container{gap:16px !important;}
.storelocator-list{max-height:none !important;overflow-y:visible !important;max-width:100% !important;flex:1 1 100% !important;order:2 !important;}
.storelocator-map{flex:1 1 100% !important;min-height:300px !important;order:1 !important;}
}

/* ==================== section: mlnd-foot-css ==================== */
@media(max-width:767px){
  .page-footer .widget_products{display:none!important;}
}

/* ==================== section: mlnd-langbar-css ==================== */
.mlnd-langbar{display:none;}
@media(max-width:991px){
.mlnd-langbar{display:flex;gap:7px;padding:12px 14px;background:#fff;border-bottom:1px solid #e6ecf4;font-family:'Poppins',Arial,sans-serif;box-sizing:border-box;}
.mlnd-langbar-opt{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:52px;padding:8px 4px;border:1px solid #e6ecf4;border-radius:10px;font-size:12px;font-weight:600;color:#33405a;text-decoration:none;background:#fff;box-sizing:border-box;}
.mlnd-langbar-opt img{width:26px;height:auto;border-radius:3px;display:block;}
.mlnd-langbar-opt.active{border-color:#0155b5;background:#f2f7fd;color:#0155b5;}
.mlnd-langbar-opt:active{background:#eef3fb;}
}

/* ==================== section: mlnd-mob-space ==================== */
@media(max-width:767px){
  .cms-index-index .section-title{margin-top:26px!important;margin-bottom:13px!important;}
  .cms-index-index .filterproducts,.cms-index-index .products-grid{margin-bottom:22px!important;}
  .cms-index-index .porto-carousel{margin-bottom:20px!important;}
}

/* ==================== section: mlnd-chip-trim ==================== */
@media(max-width:767px){
  .mlnd-f-chips>*:nth-child(n+7){display:none!important;}
}

/* ==================== section: mlnd-cookie-css ==================== */
#notice-cookie-block{padding:0!important;box-shadow:0 -4px 16px rgba(15,27,45,.08);}
#notice-cookie-block .content{max-width:1160px;margin:0 auto;padding:11px 16px!important;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
#notice-cookie-block .content>p{margin:0!important;font-size:12.5px!important;line-height:1.45!important;flex:1 1 260px;}
#notice-cookie-block .content .actions{margin:0!important;flex:0 0 auto;}
#btn-cookie-allow{padding:8px 18px!important;font-size:12.5px!important;line-height:1.25!important;min-height:0!important;height:auto!important;border-radius:8px!important;white-space:nowrap;}
#btn-cookie-allow span{font-size:inherit!important;}
@media(max-width:767px){
  #notice-cookie-block .content{padding:10px 13px!important;gap:8px;}
  #notice-cookie-block .content>p{font-size:11.5px!important;flex:1 1 100%;}
  #btn-cookie-allow{width:auto!important;display:inline-block!important;padding:8px 16px!important;font-size:12px!important;}
}

/* ==================== section: mlnd-hero-clarity ==================== */
@media(max-width:767px){
  /* eyebrow: label, not a button */
  .teracell-eyebrow{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;font-size:11px!important;font-weight:600!important;letter-spacing:1.1px;text-transform:uppercase;color:#0155b5!important;margin:0 0 10px!important;}
  /* subtitle box: plain text, not a button */
  .teracell-hero-content .porto-ultimate-content-box,
  .teracell-hero-content .porto-ultimate-content-box-con{border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important;}
  .teracell-subtitle{font-size:13.5px!important;font-weight:400!important;color:#4a5568!important;line-height:1.55!important;margin:10px 0 14px!important;}
  /* hero rhythm */
  .teracell-title{margin:0!important;line-height:1.15!important;}
  .teracell-btn{margin-top:4px!important;}
}

/* ==================== section: mlnd-foot-gap ==================== */
@media(max-width:991px){
  body,.page-wrapper{margin-bottom:0!important;padding-bottom:0!important;}
  footer.page-footer{margin-bottom:0!important;}
  footer.page-footer .footer-bottom{margin-bottom:0!important;padding-bottom:calc(16px + env(safe-area-inset-bottom))!important;}
}


/* ==================== section: mlnd-a11y (audit #5) ==================== */
@media(max-width:767px){
.products-grid .product-item .actions-secondary .action,.products-grid .product-item .actions-secondary a.action{min-width:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;}
}