/*
 * "Pamja e re" (inc/pamja-e-re.php). Only active with body.bg-new.
 * Same tokens as the new cart/checkout (blejgoma-montimi/assets/checkout2.css): white cards with a soft
 * shadow, 14px corners, 1.5px light borders, orange (#F28C00) for the main action, green for "chosen/in stock".
 * Mobile first; 768px = tablet, 992px = computer.
 */
.bg-new {
  --o: #F28C00; --o-d: #d97a00; --o-soft: #fff4e5; --coal: #303640; --ink: #232a33; --g: #38b644; --g-d: #1d7a2b;
  --line: #dfe3e8; --muted: #6b7480; --soft: #f3f5f8; --r: 14px; --sh: 0 1px 3px rgba(0,0,0,.07);
  background: var(--soft); color: var(--ink);
}
.bg-new .App { background: var(--soft); }
.bg-new .container { padding-left: 14px; padding-right: 14px; }
.bg-new .Page { padding-top: 0 !important; min-height: 0; }
.bg-new a:focus-visible, .bg-new button:focus-visible, .bg-new [role="button"]:focus-visible, .bg-new input:focus-visible, .bg-new select:focus-visible { outline: 3px solid #7ab8ff; outline-offset: 2px; }
.bg-sr-only { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* shared pieces */
.bgn-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 0; border-radius: 12px; background: var(--o); color: #fff !important; font: inherit; font-weight: 700; font-size: 15px; padding: 13px 22px; text-decoration: none !important; cursor: pointer; }
.bgn-btn:hover { background: var(--o-d); }

/* ---------- header ---------- */
.bg-new .Header { position: sticky; top: 0; z-index: 60; background: #fff; box-shadow: 0 1px 0 var(--line); }
.bg-new .MainNavigation { display: none; }
.bg-new .NavigationHeader { position: static; background: #fff; }
.bg-new .NavigationHeader__wrapper { height: auto; display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: "menu logo icons" "search search search"; align-items: center; gap: 8px 10px; padding-top: 8px; padding-bottom: 10px; }
.bg-new .NavigationHeader__wrapper > [data-href] { grid-area: logo; display: flex; align-items: center; cursor: pointer; }
.bg-new .NavigationHeader__wrapper > [data-href] svg { width: 150px; height: auto; display: block; }
.bg-new .NavigationHeader__menu_icon { grid-area: menu; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 10px; margin: 0; cursor: pointer; }
.bg-new .NavigationHeader__menu_icon .Icon, .bg-new .NavigationHeader__menu_icon svg { width: 24px; height: 24px; }
.bg-new .NavigationHeader__search { grid-area: search; margin: 0 !important; width: 100%; max-width: none; position: relative; height: 46px; border: 1.5px solid var(--line); border-radius: 12px; background: var(--soft); box-shadow: none; display: flex; align-items: center; }
.bg-new .NavigationHeader__search:focus-within { border-color: var(--o); background: #fff; box-shadow: 0 0 0 3px rgba(242,140,0,.18); }
.bg-new .Search__input { height: 100%; width: 100%; border: 0 !important; background: transparent !important; padding: 0 46px 0 14px !important; font: inherit; font-size: 16px !important; color: var(--ink); box-shadow: none !important; outline: none; }
.bg-new .Search__input::placeholder { color: #8a94a1; }
.bg-new .Search__icon { position: absolute; right: 4px; top: 4px; width: 36px; height: 36px; border-radius: 9px; background: var(--o); display: flex; align-items: center; justify-content: center; cursor: pointer; }
.bg-new .Search__icon svg { display: none; }
.bg-new .Search__icon::before { content: ''; width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='%23fff' stroke-width='2.4'/%3E%3Cpath d='m15.5 15.5 5 5' stroke='%23fff' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.bgn-icons { grid-area: icons; display: flex; gap: 2px; align-items: center; }
.bgn-icon { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 40px; height: 40px; border-radius: 10px; color: var(--ink) !important; text-decoration: none !important; font-size: 11px; font-weight: 600; line-height: 1.1; }
.bgn-icon svg { width: 24px; height: 24px; }
.bgn-icon > span, .bgn-icon .MainNavigation__price { display: none; }
.bgn-icon--wl { display: none; }
.bgn-count { position: absolute; top: 1px; right: 0; min-width: 18px; height: 18px; border-radius: 9px; background: var(--o); color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; padding: 0 4px; }
@media (min-width: 768px) {
  .bg-new .NavigationHeader__wrapper { grid-template-columns: auto auto minmax(0, 1fr) auto; grid-template-areas: "menu logo search icons"; gap: 18px; padding-top: 14px; padding-bottom: 14px; }
  .bg-new .NavigationHeader__wrapper > [data-href] svg { width: 190px; }
  .bg-new .NavigationHeader__search { max-width: 640px; justify-self: center; }
  .bgn-icon { flex-direction: row; gap: 7px; padding: 0 10px; height: 44px; font-size: 13.5px; }
  .bgn-icon:hover { background: var(--soft); }
  .bgn-icon > span, .bgn-icon .MainNavigation__price { display: inline; color: var(--ink); font-size: 13.5px; font-weight: 600; }
  .bgn-icon--wl { display: flex; }
  .bgn-icon--wl > span { display: none; }
  .bgn-count { top: 3px; left: 24px; right: auto; }
}
@media (min-width: 1100px) { .bgn-icon--wl > span { display: inline; } }

/* ---------- menu (sheet) ---------- */
.bg-new .FullScreenMenu { position: fixed; top: 0; left: 0; bottom: 0; width: min(420px, 92vw); height: auto; z-index: 70; background: #fff; color: var(--ink); opacity: 1; padding: 0; overflow-y: auto; box-shadow: 8px 0 30px rgba(0,0,0,.18); }
.bg-new .NavigationHeader--menu_open { position: fixed; top: 0; left: 0; width: min(420px, 92vw); z-index: 71; background: #fff; box-shadow: 0 1px 0 var(--line); }
.bg-new .NavigationHeader--menu_open .NavigationHeader__search, .bg-new .NavigationHeader--menu_open .bgn-icons { display: none; }
.bg-new .NavigationHeader--menu_open .NavigationHeader__wrapper { grid-template-columns: 1fr auto; grid-template-areas: "logo menu"; max-width: none; }
.bg-new .NavigationHeader--menu_open .bg-logo-open { display: none; }
.bg-new .NavigationHeader--menu_open .bg-logo-default { display: inline; }
.bg-new .NavigationHeader--menu_open .bg-icon-open svg { filter: brightness(0); width: 22px; height: 22px; }
.bg-new .Header:has(.NavigationHeader--menu_open) { z-index: 75; box-shadow: none; }
body.bg-new:has(.NavigationHeader--menu_open)::after { content: ''; position: fixed; inset: 0; z-index: 65; background: rgba(35,42,51,.45); }
.bgn-menu { padding: 88px 14px 28px; }
.bgn-menu__find { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 0 10px; background: var(--o-soft); border: 1.5px solid #ffd9a6; border-radius: var(--r); padding: 14px 16px; color: var(--ink) !important; text-decoration: none !important; }
.bgn-menu__find b { font-size: 15.5px; }
.bgn-menu__find small { grid-row: 2; color: var(--muted); font-size: 12.5px; }
.bgn-menu__find svg { grid-row: 1 / 3; grid-column: 2; }
.bgn-menu svg { width: 18px; height: 18px; color: #9aa3ae; flex: none; }
.bgn-menu__lbl { margin: 20px 4px 6px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.bgn-menu__list { list-style: none; margin: 0; padding: 0; background: #fff; border: 1px solid #eceef1; border-radius: var(--r); overflow: hidden; }
.bgn-menu__list li + li { border-top: 1px solid #eef0f2; }
.bgn-menu__list a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 14px; min-height: 48px; color: var(--ink) !important; text-decoration: none !important; font-size: 15px; font-weight: 500; }
.bgn-menu__list a span { display: grid; }
.bgn-menu__list a small { color: var(--muted); font-size: 12.5px; font-weight: 400; }
.bgn-menu__list a:hover { background: var(--soft); }
.bgn-menu__call { display: flex; gap: 12px; align-items: center; margin-top: 20px; padding: 14px 16px; border-radius: var(--r); background: #f1faf2; border: 1px solid #d5efd9; color: var(--ink) !important; text-decoration: none !important; }
.bgn-menu__call > span:first-child { font-size: 22px; }
.bgn-menu__call span { display: grid; }
.bgn-menu__call b { font-size: 17px; color: var(--g-d); }
.bgn-menu__call small { color: var(--muted); font-size: 12px; }

/* ---------- home ---------- */
.bg-new .Home { padding-bottom: 8px; }
.bgn-hero { background: linear-gradient(180deg, #fff 0%, #fff 60%, var(--soft) 100%); padding: 18px 14px 6px; }
.bgn-hero__text { max-width: 1180px; margin: 0 auto 12px; }
.bgn-hero__text h2 { font-size: 24px; line-height: 1.2; font-weight: 700; margin: 0 0 4px; color: var(--ink); }
.bgn-hero__text p { margin: 0; color: var(--muted); font-size: 14.5px; }
.bg-new .FindTires { max-width: 1180px; margin: 0 auto; background: #fff; border-radius: var(--r); box-shadow: 0 4px 18px rgba(35,42,51,.08); border: 1px solid #eceef1; padding: 12px; position: relative; height: auto; }
.bg-new .FindTiresTabs { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border: 1.5px solid var(--line); border-radius: 12px; overflow: hidden; margin: 0 0 12px; padding: 0; width: 100%; height: auto; background: #fff; position: static; }
.bg-new .FindTiresTabs__tab { position: static; height: auto; width: auto !important; padding: 11px 6px; margin: 0; background: #fff !important; color: var(--ink) !important; font-size: 13px; font-weight: 700; text-align: center; letter-spacing: 0; text-transform: none; border: 0; cursor: pointer; clip-path: none !important; }
.bg-new .FindTiresTabs__tab::before, .bg-new .FindTiresTabs__tab::after { display: none !important; }
.bg-new .FindTiresTabs__tab + .FindTiresTabs__tab { border-left: 1.5px solid var(--line); }
.bg-new .FindTiresTabs__tab--active { background: var(--coal) !important; color: #fff !important; }
.bg-new .FindTiresBySize { position: static; height: auto; padding: 0; background: none; }
.bg-new .FindTiresBySize::before, .bg-new .FindTiresBySize::after { display: none !important; }
.bg-new .FindCarTires, .bg-new .FindCommercialTires { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; position: static; width: 100%; height: auto; padding: 0; margin: 0; }
.bg-new .FindCarTires[hidden], .bg-new .FindCommercialTires[hidden] { display: none; }
.bg-new .FindTires .Select { width: auto !important; margin: 0 !important; min-width: 0; }
.bg-new .FindTires .Select__label { display: block; font-size: 12px; font-weight: 600; color: #4b5563; margin: 0 0 4px; }
.bg-new .Select__control { min-height: 46px !important; border: 1.5px solid var(--line) !important; border-radius: 10px !important; box-shadow: none !important; background: #fff !important; }
.bg-new .Select__control:hover { border-color: #c7cdd5 !important; }
.bg-new .Select__placeholder { color: #9aa3ae !important; }
.bg-new .Select__single-value { color: var(--ink) !important; font-weight: 600; }
.bg-new .Select__indicator-separator { display: none; }
.bg-new .Select__menu { border-radius: 10px !important; overflow: hidden; box-shadow: 0 8px 24px rgba(0,0,0,.14) !important; }
.bg-new .FindCarTires__season_select { grid-column: 1 / -1; grid-row: 2; display: flex; flex-wrap: wrap; gap: 6px; position: static; width: auto; margin: 2px 0 0; padding: 0; }
.bg-new .FindCarTires__season_select .CheckBox { position: relative; margin: 0; padding: 7px 12px 7px 32px; border: 1.5px solid var(--line); border-radius: 999px; font-size: 13.5px; background: #fff; line-height: 1.2; cursor: pointer; }
.bg-new .FindCarTires__season_select .CheckBox__checkmark { left: 10px; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; border-radius: 50%; }
.bg-new .FindCarTires__season_select .CheckBox:has(input:checked) { border-color: var(--g); background: #f6fcf7; }
.bg-new .FindTires [data-size-go] { grid-column: 1 / -1; grid-row: 3; width: 100%; height: 50px; margin: 4px 0 0; border: 0; border-radius: 12px; background: var(--o); color: #fff; font-size: 16px; font-weight: 700; text-transform: none; letter-spacing: 0; position: static; }
.bg-new .FindTires [data-size-go]:hover { background: var(--o-d); }
.bg-new .FindTiresBySize__tabs, .bg-new .MobileTabsSlider { display: none !important; }
.bg-new .bgvf, .bg-new .FindTires [class*="bgvf"] { max-width: 100%; }
.bgn-usp { list-style: none; max-width: 1180px; margin: 12px auto 4px; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.bgn-usp li { display: flex; gap: 8px; align-items: center; background: #fff; border-radius: 12px; padding: 9px 10px; font-size: 12px; color: var(--muted); line-height: 1.25; box-shadow: var(--sh); }
.bgn-usp i { font-style: normal; font-size: 18px; }
.bgn-usp b { display: block; color: var(--ink); font-size: 12.5px; }
@media (max-width: 520px) {
  .bgn-usp { grid-template-columns: 1fr; gap: 6px; }
  .bgn-usp li { padding: 8px 12px; }
  .bgn-usp li span { display: flex; gap: 4px; flex-wrap: wrap; }
  .bgn-usp b { display: inline; }
}
.bg-new .Home__row { display: block; padding-top: 14px; }
.bg-new .Home__slider { width: 100%; max-width: 100%; margin: 0; border-radius: var(--r); overflow: hidden; }
.bg-new .Home__slider .ImageSlider__slide img { border-radius: var(--r); }
.bgn-section { padding-top: 18px; }
.bgn-section__head { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin: 0 2px 10px; }
.bgn-section__head h3 { font-size: 20px; font-weight: 700; margin: 0; color: var(--ink); text-transform: none; }
.bgn-section__head a { color: var(--o-d); font-weight: 600; font-size: 14px; text-decoration: none; white-space: nowrap; }
.bg-new .CompaniesSlider { margin-top: 18px; background: #fff; border-radius: var(--r); box-shadow: var(--sh); padding: 8px 40px; }
.bg-new .CompaniesSlider__slide { background: none; height: 64px; }
.bg-new .BannerAd { background: none; padding: 18px 0 8px; }
.bg-new .BannerAd img { border-radius: var(--r); }
@media (min-width: 992px) {
  .bgn-hero { padding: 34px 14px 10px; }
  .bgn-hero__text { text-align: left; margin-bottom: 16px; }
  .bgn-hero__text h2 { font-size: 32px; }
  .bg-new .FindTires { padding: 18px 20px 20px; }
  .bg-new .FindTiresTabs { max-width: 420px; }
  .bg-new .FindCarTires, .bg-new .FindCommercialTires { grid-template-columns: repeat(3, minmax(0, 1fr)) 210px; gap: 12px; align-items: end; }
  .bg-new .FindTires [data-size-go] { grid-column: 4; grid-row: 1; margin: 0; height: 46px; }
  .bg-new .FindCarTires__season_select { grid-row: 2; margin-top: 4px; }
  .bgn-usp { margin-top: 16px; }
  .bgn-usp li { padding: 12px 16px; font-size: 13px; }
  .bgn-usp b { font-size: 14px; }
  .bg-new .Home__row { display: block; }
  .bg-new .Home__slider { max-width: 1180px; }
}

/* ---------- product card (home, shop, search, related, wishlist) ---------- */
.bg-new .ProductItem { position: relative; display: grid !important; grid-template-columns: 96px minmax(0, 1fr) auto; grid-template-areas: "img brand brand" "img name name" "img attr attr" "img badges badges" "img stock stock" "price price total" "atc atc buy"; gap: 2px 12px; align-items: start; height: auto !important; padding: 14px !important; margin: 0 0 10px !important; border: 0 !important; border-radius: var(--r); background: #fff; box-shadow: var(--sh); }
.bg-new .ProductItem__details, .bg-new .ProductItem__info_wrapper, .bg-new .ProductItem__left, .bg-new .ProductItem__right, .bg-new .ProductItem__shop_actions { display: contents !important; }
.bg-new .ProductItem__image { grid-area: img; position: relative; width: 96px !important; height: 96px !important; max-height: none; margin: 0 !important; padding: 0 !important; border-radius: 12px; background: #fff; display: flex !important; align-items: center; justify-content: center; }
.bg-new .ProductItem__image > a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.bg-new .ProductItem__image .Image, .bg-new .ProductItem__image .Image--default img { width: 86px !important; height: 86px !important; object-fit: contain; }
.bg-new .ProductItem__image .seasonLogo { position: absolute; right: -4px; bottom: -4px; left: auto; top: auto; width: 26px !important; height: 26px !important; background: #fff; border-radius: 50%; padding: 3px; box-shadow: 0 1px 3px rgba(0,0,0,.15); }
.bg-new .ProductItem__wishlist_button { position: absolute; top: 10px; right: 10px; left: auto; width: 34px; height: 34px; border-radius: 50%; background: #fff; border: 1px solid #eceef1; display: flex; align-items: center; justify-content: center; padding: 0; z-index: 2; }
.bg-new .ProductItem__wishlist_button .Icon, .bg-new .ProductItem__wishlist_button svg { width: 18px; height: 18px; }
.bg-new .ProductItem__brand { grid-area: brand; margin: 0 !important; padding: 0 40px 0 0 !important; height: auto !important; width: auto !important; background: none !important; color: var(--o-d) !important; font-size: 11.5px !important; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; line-height: 1.4; }
.bg-new .bgai-shop-promo-badges { grid-area: badges; margin: 4px 0 2px !important; display: flex; flex-wrap: wrap; gap: 4px; }
.bg-new .bgai-shop-promo-badge { font-size: 10.5px !important; padding: 1px 8px !important; border-radius: 8px !important; }
.bg-new .ProductItem .RatingStars { grid-area: badges; }
.bg-new .ProductItem__name_link { grid-area: name; text-decoration: none !important; min-width: 0; }
.bg-new .ProductItem__name { margin: 0 !important; font-size: 15px !important; line-height: 1.3 !important; font-weight: 700 !important; color: var(--ink) !important; text-transform: none; overflow-wrap: anywhere; }
.bg-new .ProductItem__attributes { grid-area: attr; margin: 2px 0 0 !important; font-size: 13px !important; color: #4b5563 !important; }
.bg-new .ProductStatus { grid-area: stock; margin: 3px 0 0 !important; font-size: 12.5px !important; font-weight: 600; color: var(--g-d) !important; display: flex; align-items: center; gap: 6px; }
.bg-new .ProductStatus::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--g); }
.bg-new .ProductStatus--out { color: #b42318 !important; }
.bg-new .ProductStatus--out::before { background: #e5484d; }
.bg-new .ProductPrice { grid-area: price; display: flex !important; align-items: baseline; gap: 6px; margin: 10px 0 0 !important; padding-top: 10px; border-top: 1px dashed var(--line); width: auto !important; justify-content: flex-start !important; }
.bg-new .ProductPrice__sale { font-size: 21px !important; font-weight: 800 !important; color: var(--ink) !important; line-height: 1.2 !important; }
.bg-new .ProductPrice__sale::after { content: ' / copë'; font-size: 12.5px; font-weight: 500; color: var(--muted); }
.bg-new .ProductPrice__regular:not(:empty) { order: -1; font-size: 13px !important; color: var(--muted) !important; text-decoration: line-through; }
.bg-new .ProductPrice + * , .bg-new .ProductItem__right > span + span { display: none; }
.bg-new .ProductItem__selected_total { grid-area: total; align-self: end; margin: 10px 0 0 !important; padding-top: 10px; border-top: 1px dashed var(--line); font-size: 12.5px !important; font-weight: 600 !important; color: var(--muted) !important; text-align: right; line-height: 1.6 !important; }
.bg-new .ProductItem .AddToCart { grid-area: atc; display: flex !important; gap: 8px; margin: 10px 0 0 !important; width: auto !important; height: 44px; }
.bg-new .ProductItem .AddToCart .Select { width: 64px !important; flex: none; }
.bg-new .ProductItem .AddToCart .Select > div, .bg-new .ProductItem .AddToCart .css-1f70tfa-container { width: 64px !important; }
.bg-new .ProductItem .AddToCart .Select__control { min-height: 44px !important; height: 44px; border-radius: 12px !important; }
.bg-new .ProductItem .AddToCart .Select__value-container { justify-content: center; padding: 0 0 0 8px !important; }
.bg-new .AddToCart__button { flex: 1; height: 44px !important; border-radius: 12px !important; background: var(--o) !important; border: 0 !important; color: #fff !important; font-size: 14.5px !important; font-weight: 700 !important; letter-spacing: 0; gap: 6px; padding: 0 12px !important; }
.bg-new .AddToCart__button:hover { background: var(--o-d) !important; }
.bg-new .AddToCart__button .Button__icon svg, .bg-new .AddToCart__button .Button__icon svg path { fill: #fff; }
.bg-new .ProductItem__action_row { grid-area: buy; display: block !important; width: auto !important; margin: 10px 0 0 !important; }
.bg-new .ProductItem__action_row a { display: none !important; }
.bg-new .ProductItem__buy_now { height: 44px !important; border-radius: 12px !important; background: var(--coal) !important; border-color: var(--coal) !important; font-size: 13px !important; font-weight: 700 !important; padding: 0 14px !important; white-space: nowrap; }
.bg-new .ProductItem__buy_now:hover { background: #1f242b !important; }
@media (max-width: 360px) {
  .bg-new .ProductItem { grid-template-columns: 76px minmax(0, 1fr) auto; }
  .bg-new .ProductItem__image { width: 76px !important; height: 76px !important; }
  .bg-new .ProductItem__image .Image { width: 68px !important; height: 68px !important; }
  .bg-new .ProductItem__buy_now { padding: 0 10px !important; font-size: 12px !important; }
}
/* card grids: home "Më të kërkuarat", wishlist, shop on wide screens */
.bgn-grid { display: grid; grid-template-columns: 1fr; gap: 10px; }
.bgn-grid .ProductItem { margin: 0 !important; }
@media (min-width: 768px) {
  .bgn-grid, .bg-new .ShopProducts__products { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .bg-new .ShopProducts__products .ProductItem, .bgn-grid .ProductItem { margin: 0 !important; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "img img" "brand brand" "name name" "attr attr" "badges badges" "stock stock" "price price" "total total" "atc atc" "buy buy"; }
  .bg-new .ShopProducts__products .ProductItem__selected_total, .bgn-grid .ProductItem__selected_total { text-align: left; margin: 0 !important; padding: 0; border: 0; line-height: 1.3 !important; }
  .bg-new .ShopProducts__products .ProductItem__image, .bgn-grid .ProductItem__image { width: 100% !important; height: 170px !important; margin-bottom: 10px !important; }
  .bg-new .ShopProducts__products .ProductItem__image .Image, .bgn-grid .ProductItem__image .Image, .bgn-grid .ProductItem__image .Image--default img, .bg-new .ShopProducts__products .ProductItem__image .Image--default img { width: 150px !important; height: 150px !important; }
  .bg-new .ShopProducts__products .ProductItem__action_row, .bgn-grid .ProductItem__action_row { margin-top: 8px !important; }
  .bg-new .ShopProducts__products .ProductItem__buy_now, .bgn-grid .ProductItem__buy_now { width: 100%; background: #fff !important; color: var(--coal) !important; border: 1.5px solid var(--line) !important; }
  .bg-new .ShopProducts__products .ProductItem__buy_now:hover, .bgn-grid .ProductItem__buy_now:hover { border-color: var(--coal) !important; }
  .bg-new .ShopProducts__products .ProductItem__name, .bgn-grid .ProductItem__name { min-height: 2.6em; }
}
@media (min-width: 1100px) {
  .bgn-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .bg-new .ShopProducts__products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ---------- shop / search ---------- */
.bg-new .Shop { padding: 6px 0 30px; }
.bg-new .BreadCrumbs { margin: 10px 0 4px; font-size: 12px; letter-spacing: 0; text-transform: none; color: var(--muted); }
.bg-new .BreadCrumbs__item { color: var(--muted); letter-spacing: 0; text-transform: none; font-weight: 500; }
.bg-new .Shop__content { display: block; }
.bg-new .ShopProducts { width: 100%; padding: 0; }
.bg-new .ShopProducts__heading { font-size: 22px; font-weight: 700; margin: 6px 2px 2px; color: var(--ink); text-transform: none; }
.bg-new .ShopProducts__intro { color: var(--muted); font-size: 14px; margin: 0 2px 8px; }
.bgn-toolbar { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "count count" "sort filter"; gap: 8px; align-items: center; margin: 4px 0 10px; }
.bgn-toolbar__count { grid-area: count; color: var(--muted); font-size: 13.5px; margin: 0 2px; }
.bgn-toolbar__sort { grid-area: sort; display: flex; align-items: center; gap: 6px; margin: 0; background: #fff; border: 1.5px solid var(--line); border-radius: 12px; padding: 0 10px; height: 44px; min-width: 0; font-size: 13px; color: var(--muted); }
.bgn-toolbar__sort select { border: 0; background: transparent; font: inherit; font-size: 14px; font-weight: 600; color: var(--ink); min-width: 0; flex: 1; height: 100%; cursor: pointer; }
.bgn-toolbar__filter { grid-area: filter; display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 16px; border: 0; border-radius: 12px; background: var(--coal); color: #fff; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
.bgn-toolbar__filter svg { width: 18px; height: 18px; }
.bgn-toolbar__filter b { background: var(--o); border-radius: 9px; min-width: 20px; height: 20px; line-height: 20px; font-size: 12px; text-align: center; padding: 0 5px; }
.bgn-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; }
.bgn-chip { border: 1.5px solid #ffd9a6; background: var(--o-soft); color: #8a4b00; border-radius: 999px; padding: 6px 12px; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.bgn-chip span { margin-left: 2px; font-weight: 700; }
.bg-new .Shop__filters_button { display: none !important; }
.bgn-n { color: var(--muted); font-weight: 400; font-size: 12px; margin-left: 2px; }
/* filter drawer (phones) and sidebar (computer) */
.bg-new .ShopFilters { background: #fff; border: 0; border-radius: 0; }
.bg-new .ShopFilters__label { display: block; height: auto; padding: 16px 18px 8px; margin: 0; background: none !important; color: var(--ink) !important; font-size: 18px; font-weight: 700; letter-spacing: 0 !important; text-transform: none; text-align: left; }
.bg-new .ShopFilters__label::first-letter { text-transform: uppercase; }
.bg-new .Accordion { border-bottom: 1px solid #eef0f2 !important; padding: 10px 18px !important; margin: 0 !important; }
.bg-new .Accordion__title { font-size: 14px !important; font-weight: 700; text-transform: none !important; letter-spacing: 0; color: var(--ink); margin: 0; padding: 4px 0; display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.bg-new .Accordion__content { padding-top: 6px; }
.bg-new .ShopFilters .CheckBox { font-size: 14px !important; padding: 6px 0 6px 30px !important; margin: 0 !important; line-height: 1.4; text-transform: none; color: var(--ink); }
.bg-new .CheckBox__checkmark { border-radius: 5px !important; border: 1.5px solid #b8c0ca !important; background: #fff !important; }
.bg-new .CheckBox input:checked ~ .CheckBox__checkmark { background: var(--g) !important; border-color: var(--g) !important; }
.bg-new .ShopFilters .Select { margin: 0 !important; width: 100% !important; }
.bgn-drawer-x { display: none; position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--soft); font-size: 24px; line-height: 1; color: var(--ink); cursor: pointer; }
@media (max-width: 991px) {
  .bg-new .ShopFilters { position: fixed; z-index: 80; top: 0; left: 0; bottom: 0; height: 100%; width: min(360px, 88vw); overflow-y: auto; transform: translateX(-105%); box-shadow: 8px 0 30px rgba(0,0,0,.18); border-radius: 0 var(--r) var(--r) 0; transition: transform .25s ease; }
  .bg-new .ShopFilters--open { transform: none; }
  .bg-new .ShopFilters__overlay--show { position: fixed; inset: 0; z-index: 79; background: rgba(35,42,51,.45); }
  .bgn-drawer-x { display: block; }
  .bg-new .ShopFilters__wrapper { width: 0; }
}
@media (min-width: 768px) {
  .bgn-toolbar { grid-template-columns: 1fr auto auto; grid-template-areas: "count sort filter"; }
  .bgn-toolbar__sort { min-width: 270px; }
}
@media (min-width: 992px) {
  .bg-new .Shop__content { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 22px; align-items: start; }
  .bg-new .ShopFilters__wrapper { width: auto; position: sticky; top: 92px; }
  .bg-new .ShopFilters { position: static; transform: none; border-radius: var(--r); box-shadow: var(--sh); max-height: calc(100vh - 110px); overflow-y: auto; }
  .bgn-toolbar__filter { display: none; }
  .bgn-toolbar { grid-template-columns: 1fr auto; grid-template-areas: "count sort"; }
  .bg-new .ShopProducts__heading { font-size: 26px; margin-top: 0; }
}

/* ---------- product page ---------- */
.bg-new .SingleProduct { padding-bottom: 20px; }
.bg-new .SingleProduct__content { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 6px 0 12px; }
.bg-new .SingleProduct__image { width: 100% !important; height: auto !important; max-height: none; margin: 0 !important; padding: 14px; background: #fff; border: 0 !important; border-radius: var(--r); box-shadow: var(--sh); display: flex; align-items: center; justify-content: center; }
.bg-new .SingleProduct__image .Image { width: 100%; max-width: 300px; height: 260px !important; object-fit: contain; }
.bg-new .SingleProduct__details { width: 100% !important; margin: 0 !important; padding: 16px !important; background: #fff; border-radius: var(--r); box-shadow: var(--sh); }
.bg-new .SingleProduct__details .col { padding: 0; }
.bg-new .SingleProduct__brand { display: inline-block; width: auto; height: auto; padding: 0 !important; margin: 0 0 2px !important; background: none !important; color: var(--o-d) !important; font-size: 12.5px !important; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; line-height: 1.4 !important; }
.bg-new .SingleProduct__wrapper { border: 0 !important; padding: 0 !important; margin: 0 !important; }
.bg-new .SingleProduct__title .SingleProduct__text { display: none; }
.bg-new .SingleProduct__details .SingleProduct__title h1.SingleProduct__label { font-size: 21px !important; line-height: 1.3 !important; font-weight: 700 !important; color: var(--ink) !important; margin: 0 !important; text-transform: none !important; }
.bg-new .SingleProduct__title .seasonWrapper { display: none; }
.bgn-psize { margin: 4px 0 0; font-size: 14.5px; color: #4b5563; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.bgn-psize img { width: 20px; height: 20px; }
.bgn-pricebox { margin: 14px 0 12px; padding: 14px; border-radius: 12px; background: var(--soft); }
.bgn-pricebox__main { display: flex; align-items: baseline; gap: 6px; }
.bgn-pricebox__main b { font-size: 30px; font-weight: 800; line-height: 1.1; color: var(--ink); }
.bgn-pricebox__main span { color: var(--muted); font-size: 14px; }
.bgn-pricebox__main del { color: var(--muted); font-size: 15px; }
.bgn-pricebox__total { font-size: 14px; font-weight: 600; color: #4b5563; margin: 2px 0 8px; }
.bgn-stock { display: flex; align-items: center; gap: 7px; margin: 0 0 4px; font-size: 14px; font-weight: 600; color: var(--g-d); }
.bgn-stock i { width: 8px; height: 8px; border-radius: 50%; background: var(--g); }
.bgn-stock.is-out { color: #b42318; }
.bgn-stock.is-out i { background: #e5484d; }
.bgn-ship { margin: 0; font-size: 13px; color: #4b5563; }
.bg-new .SingleProduct__delivery, .bg-new .SingleProduct__stock_status { display: none !important; }
/* spec rows as a small table */
.bg-new .SingleProduct__details .row:not(.SingleProduct__title):not(.SingleProduct__add_to_cart):not(.SingleProduct__stock_status) { display: flex !important; justify-content: space-between; align-items: center; gap: 12px; margin: 0 !important; padding: 9px 2px !important; border-bottom: 1px solid #eef0f2 !important; flex-wrap: nowrap; }
.bg-new .SingleProduct__details .row .SingleProduct__label { margin: 0 !important; font-size: 13px !important; color: var(--muted) !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0; flex: none; }
.bg-new .SingleProduct__details .row .seasonWrapper { display: flex; align-items: center; gap: 6px; margin: 0; }
.bg-new .SingleProduct__details .row .SingleProduct__text { margin: 0 !important; font-size: 14px !important; font-weight: 600; color: var(--ink) !important; text-align: right; }
.bg-new .SingleProduct__details .LogoSezoni { width: 20px !important; height: 20px !important; }
.bg-new .SingleProduct__add_to_cart { display: flex !important; align-items: flex-start; gap: 8px; margin: 14px 0 6px !important; padding: 0 !important; border: 0 !important; flex-wrap: nowrap; }
.bg-new .SingleProduct__add_to_cart .AddToCart { flex: 1; min-width: 0; display: flex !important; flex-wrap: wrap; gap: 8px; margin: 0 !important; width: auto !important; height: auto !important; }
.bg-new .SingleProduct__add_to_cart .Select { width: 72px !important; flex: none; margin: 0 !important; }
.bg-new .SingleProduct__add_to_cart .Select > div { width: 72px !important; }
.bg-new .SingleProduct__add_to_cart .Select__control { height: 50px; min-height: 50px !important; border-radius: 12px !important; }
.bg-new .SingleProduct__add_to_cart .Select__value-container { justify-content: center; padding-left: 10px !important; }
.bg-new .SingleProduct__add_to_cart .AddToCart__button { flex: 1; min-width: 0; height: 50px !important; font-size: 16px !important; margin: 0 !important; width: auto !important; }
.bg-new .AddToCart__buy_now { flex: 1 0 100%; height: 48px !important; margin: 0 !important; width: 100% !important; border-radius: 12px !important; background: #fff !important; color: var(--coal) !important; border: 1.5px solid var(--coal) !important; font-size: 15px !important; font-weight: 700 !important; }.bg-new .WishListButton--square { grid-area: heart; width: 48px !important; height: 50px !important; margin: 0 !important; border-radius: 12px !important; background: #fff !important; border: 1.5px solid var(--line) !important; display: flex; align-items: center; justify-content: center; }
.bg-new .WishListButton--square svg, .bg-new .WishListButton__icon--square { width: 22px !important; height: 22px !important; }
.bg-new .WishListButton--square svg path { fill: var(--o); }
.bg-new .SingleProduct__payment_methods { display: flex; gap: 8px; align-items: center; }
.bg-new .SingleProduct__payment_methods .Icon { width: 40px; height: 26px; }
.bg-new .SingleProduct__details .row:last-child { border-bottom: 0 !important; }
.bg-new .ProductDescription { background: #fff; border: 0 !important; border-radius: var(--r); box-shadow: var(--sh); padding: 16px !important; margin: 0 0 12px !important; font-size: 14.5px; line-height: 1.6; color: #374151; }
.bg-new .SingleProduct__heading { font-size: 18px !important; font-weight: 700 !important; text-transform: none !important; color: var(--ink); margin: 0 0 8px !important; }
.bg-new .SingleProduct .Banner, .bg-new .SingleProduct__slider { display: none !important; }
.bg-new .SingleProduct__related_wrapper { display: block !important; }
.bg-new .SingleProduct__related_products { width: 100% !important; margin: 0 !important; }
.bg-new .SingleProduct__related_products .SingleProduct__heading { margin: 8px 2px 10px !important; }
.bgn-pbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 55; display: flex; align-items: center; gap: 12px; background: #fff; border-top: 1px solid var(--line); box-shadow: 0 -4px 14px rgba(0,0,0,.08); padding: 10px 14px calc(10px + env(safe-area-inset-bottom, 0px)); transform: translateY(110%); transition: transform .2s ease; }
.bgn-pbar.on { transform: none; }
.bgn-pbar span { display: grid; }
.bgn-pbar small { color: var(--muted); font-size: 12px; }
.bgn-pbar b { font-size: 19px; }
.bgn-pbar .bgn-btn { flex: 1; }
body.bg-new:has(.bgn-pbar.on) .bgai-launcher { bottom: 84px !important; }
@media (min-width: 768px) {
  .bg-new .SingleProduct__content { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px; align-items: start; margin-top: 10px; }
  .bg-new .SingleProduct__image { position: sticky; top: 92px; padding: 30px; }
  .bg-new .SingleProduct__image .Image { height: 420px !important; max-width: 420px; }
  .bg-new .SingleProduct__details { padding: 24px !important; }
  .bg-new .SingleProduct__details .SingleProduct__title h1.SingleProduct__label { font-size: 26px !important; }
  .bgn-pbar { display: none; }
}
@media (min-width: 992px) {
  .bg-new .SingleProduct__related_products > .ProductItem { display: inline-grid !important; width: calc(33.333% - 10px); vertical-align: top; margin: 0 10px 10px 0 !important; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "img img" "brand brand" "name name" "attr attr" "badges badges" "stock stock" "price price" "total total" "atc atc" "buy buy"; }
  .bg-new .SingleProduct__related_products > .ProductItem .ProductItem__selected_total { text-align: left; margin: 0 !important; padding: 0; border: 0; }
  .bg-new .SingleProduct__related_products > .ProductItem .ProductItem__image { width: 100% !important; height: 150px !important; margin-bottom: 10px !important; }
  .bg-new .SingleProduct__related_products > .ProductItem .ProductItem__image .Image { width: 130px !important; height: 130px !important; }
  .bg-new .SingleProduct__related_products > .ProductItem .ProductItem__buy_now { width: 100%; }
}

/* ---------- banner (USP band) on inner pages: hidden, the footer carries it now ---------- */
.bg-new .Login .Banner, .bg-new .Orders .Banner, .bg-new .Wishlist .Banner, .bg-new .Faq .Banner, .bg-new .Contact .Banner, .bg-new .DefaultPage .Banner, .bg-new .Profile .Banner, .bg-new .Register .Banner, .bg-new .ForgotPassword .Banner, .bg-new .Order .Banner, .bg-new .Page > div > .Banner { display: none !important; }
.bg-new .Faq .ImageSlider, .bg-new .Contact .ImageSlider, .bg-new .DefaultPage .ImageSlider { display: none !important; }

/* ---------- account: login / register / forgot / orders / profile ---------- */
.bg-new .Login, .bg-new .Register, .bg-new .ForgotPassword, .bg-new .ResetPassword { padding: 22px 0 30px; }
.bg-new .Login__container { display: grid !important; gap: 12px; max-width: 440px; margin: 0 auto; padding: 0 14px; }
.bg-new .FormWrapper { background: #fff !important; border: 0 !important; border-radius: var(--r) !important; box-shadow: var(--sh) !important; padding: 22px 18px !important; margin: 0 !important; width: 100% !important; }
.bg-new .FormWrapper__title { font-size: 22px !important; font-weight: 700; text-align: left !important; margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; color: var(--ink); text-transform: none; }
.bg-new .Input label { font-size: 12.5px !important; font-weight: 600 !important; color: #4b5563 !important; margin: 0 0 4px !important; }
.bg-new .Input .form-control, .bg-new .ContactForm textarea { width: 100%; font: inherit; font-size: 16px !important; height: auto !important; padding: 12px !important; border: 1.5px solid var(--line) !important; border-radius: 10px !important; background: #fff !important; color: var(--ink); box-shadow: none !important; }
.bg-new .Input .form-control:focus, .bg-new .ContactForm textarea:focus { outline: none; border-color: var(--o) !important; box-shadow: 0 0 0 3px rgba(242,140,0,.18) !important; }
.bg-new .Input { margin: 0 0 12px !important; }
.bg-new .LoginForm__forgot_password { display: inline-block; color: var(--o-d) !important; font-size: 13.5px; font-weight: 600; text-decoration: none !important; margin: 0 0 14px; }
.bg-new .LoginForm__submit_btn, .bg-new .FormWrapper .Button[type="submit"], .bg-new .ContactForm__button { display: block; width: 100% !important; max-width: none !important; height: 50px !important; margin: 0 !important; border: 0 !important; border-radius: 12px !important; background: var(--o) !important; color: #fff !important; font-size: 16px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0; }
.bg-new .Login__register_section { text-align: center; padding: 18px !important; }
.bg-new .Login__register_section::before { content: 'Nuk keni llogari? Me llogari i shihni porositë dhe blini më shpejt.'; display: block; color: var(--muted); font-size: 13.5px; margin: 0 0 10px; }
.bg-new .Login__register_btn { width: 100% !important; height: 48px !important; border-radius: 12px !important; background: #fff !important; color: var(--coal) !important; border: 1.5px solid var(--coal) !important; font-size: 15px !important; font-weight: 700 !important; text-transform: none !important; margin: 0 !important; }
.bg-new .Orders, .bg-new .Profile, .bg-new .Order { padding: 18px 0 30px; }
.bg-new .Orders__wrapper, .bg-new .Wishlist__items_wrapper { max-width: 1180px; margin: 0 auto; }
.bg-new .Orders__heading, .bg-new .Wishlist__heading { font-size: 24px !important; font-weight: 700; margin: 4px 2px 14px !important; text-transform: none !important; color: var(--ink); }
.bg-new .ProfileOrdersTable .Table, .bg-new .ProfileOrdersTable .Table tbody { display: block; width: 100%; }
.bg-new .ProfileOrdersTable .Table thead, .bg-new .ProfileOrdersTable .Table__divider { display: none; }
.bg-new .ProfileOrdersTable .Table tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "order status" "products products" "date total" "more more"; gap: 6px 10px; background: #fff; border-radius: var(--r); box-shadow: var(--sh); padding: 14px; margin: 0 0 10px; }
.bg-new .ProfileOrdersTable .Table td { display: block; padding: 0 !important; border: 0 !important; }
.bg-new .ProfileOrdersTable .Table td:nth-child(1) { grid-area: order; }
.bg-new .ProfileOrdersTable .Table td:nth-child(2) { grid-area: products; }
.bg-new .ProfileOrdersTable .Table td:nth-child(3) { grid-area: date; }
.bg-new .ProfileOrdersTable .Table td:nth-child(4) { grid-area: status; }
.bg-new .ProfileOrdersTable .Table td:nth-child(5) { grid-area: total; text-align: right; }
.bg-new .ProfileOrdersTable .Table td:nth-child(6) { grid-area: more; }
.bg-new .ProfileOrdersTable__order { font-weight: 700; font-size: 16px; }
.bg-new .ProfileOrdersTable__status { display: inline-block; background: var(--o-soft); color: #8a4b00; border-radius: 999px; padding: 3px 10px; font-size: 12.5px; font-weight: 700; }
.bg-new .ProfileOrdersTable__date { color: var(--muted); font-size: 13.5px; }
.bg-new .ProfileOrdersTable__total { font-weight: 800; font-size: 17px; }
.bg-new .ProfileOrdersTable__image { width: 56px; height: 56px; border-radius: 10px; background: var(--soft); padding: 4px; }
.bg-new .ProfileOrdersTable__more { display: flex; gap: 8px; }
.bg-new .ProfileOrdersTable__more .Button { flex: 1; height: 42px !important; border-radius: 12px !important; background: #fff !important; color: var(--coal) !important; border: 1.5px solid var(--line) !important; font-weight: 700 !important; text-transform: none; }
.bg-new .InfoPlaceholder { background: #fff; border-radius: var(--r); box-shadow: var(--sh); padding: 30px 18px; text-align: center; }
.bg-new .InfoPlaceholder__icon svg { width: 64px; height: 64px; fill: #c3c8cf; }
.bgn-empty { background: #fff; border-radius: var(--r); box-shadow: var(--sh); padding: 34px 20px; text-align: center; max-width: 560px; margin: 0 auto; }
.bgn-empty__ico { font-size: 46px; color: var(--o); line-height: 1; }
.bgn-empty h2 { font-size: 20px; margin: 10px 0 6px; }
.bgn-empty p { color: var(--muted); margin: 0 0 16px; font-size: 14.5px; }
.bg-new .Wishlist { padding: 18px 0 30px; }

/* ---------- info pages: about, terms, faq, contact ---------- */
.bg-new .DefaultPage, .bg-new .Faq, .bg-new .Contact { padding: 18px 0 30px; }
.bg-new .DefaultPage__wrapper, .bg-new .Faq__content, .bg-new .Contact__wrapper { display: block !important; max-width: 820px; margin: 0 auto; }
.bg-new .DefaultPage__right, .bg-new .Faq__list, .bg-new .Contact__info { width: 100% !important; margin: 0 !important; padding: 0 !important; }
.bg-new .DefaultPage__heading, .bg-new .Faq__heading, .bg-new .Contact__info > h4 { font-size: 26px !important; font-weight: 700 !important; margin: 4px 2px 14px !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--ink); }
.bg-new .DefaultPage__content { background: #fff; border-radius: var(--r); box-shadow: var(--sh); padding: 20px; font-size: 15px; line-height: 1.7; color: #374151; }
.bg-new .FaqItem { background: #fff; border: 0 !important; border-radius: 12px; box-shadow: var(--sh); margin: 0 0 8px !important; padding: 0 !important; overflow: hidden; }
.bg-new .FaqItem__title { background-image: none !important; position: relative; margin: 0 !important; padding: 15px 46px 15px 16px !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; line-height: 1.4 !important; color: var(--ink); cursor: pointer; border: 0 !important; }
.bg-new .FaqItem__title::first-letter { text-transform: uppercase; }
.bg-new .FaqItem__title::after { content: '+'; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; border-radius: 50%; background: var(--soft); color: var(--o-d); font-size: 18px; font-weight: 700; line-height: 23px; text-align: center; }
.bg-new .FaqItem__title > *, .bg-new .FaqItem__title svg, .bg-new .FaqItem .Icon { display: none !important; }
.bg-new .FaqItem.bgn-open .FaqItem__title::after { content: '−'; background: var(--o); color: #fff; }
.bg-new .FaqItem__content { display: none !important; padding: 0 16px 16px !important; color: #4b5563; font-size: 14.5px; line-height: 1.6; max-height: none !important; }
.bg-new .FaqItem.bgn-open .FaqItem__content { display: block !important; }
.bg-new .Contact__container { display: grid; gap: 12px; }
.bg-new .Contact__content { display: grid !important; gap: 10px; background: #fff; border-radius: var(--r); box-shadow: var(--sh); padding: 18px; font-size: 14.5px; line-height: 1.6; }
.bg-new .Contact__left, .bg-new .Contact__right { width: auto !important; margin: 0 !important; }
.bg-new .Contact__content a { color: var(--o-d); font-weight: 600; }
.bg-new .ContactForm { background: #fff; border-radius: var(--r); box-shadow: var(--sh); padding: 18px; }
.bg-new .ContactForm textarea { min-height: 130px; }
@media (min-width: 768px) { .bg-new .Contact__content { grid-template-columns: 1fr 1fr; } }

/* ---------- footer ---------- */
.bgn-foot { margin-top: 26px; background: var(--coal); color: #c9ced6; font-size: 14px; }
.bgn-foot a { color: #e8ebef !important; text-decoration: none !important; }
.bgn-foot a:hover { color: #fff !important; text-decoration: underline !important; }
.bgn-foot__usp { display: grid; grid-template-columns: 1fr; gap: 8px; max-width: 1180px; margin: 0 auto; padding: 18px 14px; border-bottom: 1px solid rgba(255,255,255,.08); }
.bgn-foot__usp span { display: flex; gap: 8px; align-items: center; }
.bgn-foot__usp i { font-style: normal; font-size: 18px; }
.bgn-foot__usp b { color: #fff; }
.bgn-foot__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 18px; padding-top: 24px; padding-bottom: 20px; max-width: 1180px; margin: 0 auto; }
.bgn-foot__brand, .bgn-foot__news, .bgn-foot__grid > div:nth-child(4) { grid-column: 1 / -1; }
.bgn-foot__logo svg { width: 170px; height: auto; }
.bgn-foot__brand p { margin: 8px 0 12px; line-height: 1.5; color: #aeb5bf; }
.bgn-foot__social { display: flex; gap: 10px; }
.bgn-foot__social a { width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,.08); display: flex; align-items: center; justify-content: center; }
.bgn-foot__social .Icon { width: 22px; height: 22px; display: flex; }
.bgn-foot__social svg { width: 22px !important; height: 22px !important; filter: brightness(0) invert(1); }
.bgn-foot__h { margin: 0 0 8px; color: #fff; font-weight: 700; font-size: 14.5px; }
.bgn-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.bgn-foot__hours { display: flex; justify-content: space-between; gap: 8px; font-size: 13px; color: #aeb5bf; }
.bgn-foot__news p { margin: 0 0 10px; color: #aeb5bf; }
.bgn-foot__news form { display: flex; gap: 8px; }
.bgn-foot__news input { flex: 1; min-width: 0; height: 46px; border-radius: 12px; border: 1.5px solid rgba(255,255,255,.15); background: rgba(255,255,255,.06); color: #fff; font: inherit; font-size: 16px; padding: 0 14px; }
.bgn-foot__news input::placeholder { color: #8f97a3; }
.bgn-foot__news button { height: 46px; border: 0; border-radius: 12px; background: var(--o); color: #fff; font: inherit; font-weight: 700; padding: 0 16px; cursor: pointer; }
.bgn-foot__pay { display: flex; align-items: center; gap: 8px; margin-top: 14px; flex-wrap: wrap; }
.bgn-foot__pay .Icon { width: 46px; height: 30px; background: #fff; border-radius: 6px; padding: 3px 5px; display: flex; align-items: center; justify-content: center; }
.bgn-foot__pay .Icon svg { width: 100%; height: 100%; }
.bgn-foot__pay span { font-size: 12.5px; border: 1px solid rgba(255,255,255,.2); border-radius: 6px; padding: 5px 8px; }
.bgn-foot__copy { padding-top: 14px; padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)); border-top: 1px solid rgba(255,255,255,.08); font-size: 12.5px; color: #8f97a3; max-width: 1180px; margin: 0 auto; }
@media (min-width: 768px) {
  .bgn-foot__usp { grid-template-columns: repeat(3, 1fr); }
  .bgn-foot__grid { grid-template-columns: 1.4fr 1fr 1fr 1.2fr; }
  .bgn-foot__news { grid-column: 1 / -1; display: grid; grid-template-columns: auto 1fr auto; gap: 6px 18px; align-items: center; }
  .bgn-foot__news .bgn-foot__h, .bgn-foot__news p { margin: 0; }
  .bgn-foot__news form { grid-row: 1 / 3; grid-column: 2; max-width: 460px; }
  .bgn-foot__pay { grid-row: 1 / 3; grid-column: 3; margin: 0; }
  .bgn-foot__brand, .bgn-foot__grid > div:nth-child(4) { grid-column: auto; }
}
@media (min-width: 1100px) {
  .bgn-foot__grid { grid-template-columns: 1.3fr 1fr 1fr 1.2fr; }
}

/* ---------- AI chat button: a smaller round button on phones, so it covers less ---------- */
@media (max-width: 767px) {
  .bg-new .bgai-launcher { padding: 0 !important; width: 52px; height: 52px; justify-content: center; font-size: 0 !important; bottom: 16px !important; right: 14px !important; }
  .bg-new .bgai-launcher::before { content: '✦'; font-size: 22px; }
  .bg-new .bgai-launcher > * { font-size: 0 !important; }
}

/* toasts like the new cart notices */
.bg-new .css-an5egw { border-radius: 12px; overflow: hidden; }

.bg-new .FaqItem__content { width: auto !important; font-size: 14.5px !important; }
.bgn-cta2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 0 0 12px; }
.bgn-btn--ghost { background: #fff !important; color: var(--coal) !important; border: 1.5px solid var(--line); }
.bgn-btn--ghost:hover { border-color: var(--coal); }
@media (max-width: 380px) { .bgn-cta2 { grid-template-columns: 1fr; } }
/* order detail */
.bg-new .ProfileOrdersTable .Table tr.Table__divider { display: none !important; }
.bg-new .OrderSingle { padding: 18px 0 30px; }
.bg-new .OrderSingle__wrapper { display: grid !important; grid-template-columns: 1fr; gap: 12px; max-width: 1180px; margin: 0 auto; }
.bg-new .OrderSingle__left, .bg-new .OrderSingle__right { width: auto !important; margin: 0 !important; padding: 0 !important; }
.bg-new .OrderSingle__heading { font-size: 24px !important; font-weight: 700; margin: 4px 2px 12px !important; padding: 0 !important; border: 0 !important; text-transform: none; }
.bg-new .ProfileOrderSingle .Table, .bg-new .ProfileOrderSingle .Table tbody { display: block; width: 100%; }
.bg-new .ProfileOrderSingle .Table thead, .bg-new .ProfileOrderSingle .Table__divider { display: none !important; }
.bg-new .ProfileOrderSingle .Table tr { display: grid; grid-template-columns: 1fr auto auto; grid-template-areas: "prod prod prod" "unit qty total"; gap: 8px 14px; align-items: center; background: #fff; border: 0 !important; border-radius: var(--r); box-shadow: var(--sh); padding: 14px; margin: 0 0 10px; }
.bg-new .ProfileOrderSingle .Table td { display: block; padding: 0 !important; border: 0 !important; }
.bg-new .ProfileOrderSingle .Table td:nth-child(1) { grid-area: prod; }
.bg-new .ProfileOrderSingle .Table td:nth-child(2) { grid-area: unit; color: var(--muted); }
.bg-new .ProfileOrderSingle .Table td:nth-child(3) { grid-area: qty; }
.bg-new .ProfileOrderSingle .Table td:nth-child(4) { grid-area: total; }
.bg-new .ProfileOrderSingle__product { display: flex; gap: 12px; align-items: center; }
.bg-new .ProfileOrderSingle__image { width: 72px; height: 72px; flex: none; border-radius: 12px; background: var(--soft); display: flex; align-items: center; justify-content: center; }
.bg-new .ProfileOrderSingle__image img { width: 64px; height: 64px; object-fit: contain; }
.bg-new .ProfileOrderSingle__brand { background: none !important; color: var(--o-d) !important; padding: 0 !important; font-size: 11.5px; font-weight: 700; letter-spacing: .05em; width: auto !important; height: auto !important; }
.bg-new .ProfileOrderSingle__name { font-weight: 700; font-size: 15px; margin: 0 !important; }
.bg-new .ProfileOrderSingle__price, .bg-new .ProfileOrderSingle__total { margin: 0 !important; font-size: 15px !important; }
.bg-new .ProfileOrderSingle__total { font-weight: 800; color: var(--ink) !important; font-size: 17px !important; }
.bg-new .ProfileOrderSingle .Quantity { border: 0; }
.bg-new .ProfileOrderSingle .Quantity__button { display: none; }
.bg-new .ProfileOrderSingle .Quantity__value::before { content: '× '; color: var(--muted); }
.bg-new .ProfileOrderSingleSummary { background: #fff !important; border: 0 !important; border-radius: var(--r); box-shadow: var(--sh); padding: 16px 18px !important; }
.bg-new .ProfileOrderSingleSummary h4, .bg-new .ProfileOrderSingleSummary h5 { font-size: 18px; text-transform: none; margin: 0 0 6px; }
.bg-new .ReviewButton { border-radius: 10px !important; text-transform: none; }
@media (min-width: 992px) { .bg-new .OrderSingle__wrapper { grid-template-columns: minmax(0, 1fr) 380px; gap: 22px; align-items: start; } .bg-new .OrderSingle__right { position: sticky; top: 92px; } .bg-new .OrderSingle__heading { grid-column: 1; } }

/* --- small fixes, round 2 --- */
/* heart in the card's top-right corner, not over the tyre photo */
.bg-new .ProductItem__image { position: static !important; }
.bg-new .ProductItem__image > a { position: relative; }
.bg-new .ProductItem__wishlist_button { top: 10px !important; right: 10px !important; }
/* footer socials: the icons bring their own ring */
.bgn-foot__social { gap: 6px; }
.bgn-foot__social a { width: 44px; height: 44px; background: none; border-radius: 50%; }
.bgn-foot__social a:hover { background: rgba(255,255,255,.08); }
.bgn-foot__social .Icon { width: 44px; height: 44px; }
.bgn-foot__social svg { width: 44px !important; height: 44px !important; filter: none; }
/* season choice: round marks; filter checkboxes centred on their label */
.bg-new .FindCarTires__season_select .CheckBox__checkmark { border-radius: 50% !important; }
.bg-new .ShopFilters .CheckBox__checkmark { top: 50% !important; transform: translateY(-50%); left: 0 !important; width: 18px !important; height: 18px !important; }

/* long names never run under the heart */
.bg-new .ProductItem__name_link { padding-right: 34px; }
@media (min-width: 768px) { .bg-new .ShopProducts__products .ProductItem__name_link, .bgn-grid .ProductItem__name_link { padding-right: 0; } }


/* product buy block, round 3: [qty][SHTO][♡] on one line, BLEJ TANI full width under it, payments as one quiet line */
.bg-new .SingleProduct__details .SingleProduct__add_to_cart { display: grid !important; grid-template-columns: 92px minmax(0, 1fr) 52px; grid-template-rows: auto auto; gap: 10px; margin: 16px 0 4px !important; padding: 0 !important; border: 0 !important; }
.bg-new .SingleProduct__add_to_cart .AddToCart { display: contents !important; }
.bg-new .SingleProduct__add_to_cart .Select { grid-column: 1; grid-row: 1; width: 100% !important; min-width: 0; margin: 0 !important; }
.bg-new .SingleProduct__add_to_cart .Select > div, .bg-new .SingleProduct__add_to_cart .css-1f70tfa-container { width: 100% !important; }
.bg-new .SingleProduct__add_to_cart .Select__control { height: 52px; min-height: 52px !important; border-radius: 12px !important; border: 1.5px solid var(--line) !important; background: #fff !important; }
.bg-new .SingleProduct__add_to_cart .Select__value-container { justify-content: center; padding: 0 0 0 12px !important; }
.bg-new .SingleProduct__add_to_cart .Select__single-value { font-size: 17px; font-weight: 700; }
.bg-new .SingleProduct__add_to_cart .Select::before { content: 'Sasia'; position: absolute; top: -9px; left: 10px; z-index: 2; background: #fff; padding: 0 4px; font-size: 11px; font-weight: 600; color: var(--muted); line-height: 1.3; }
.bg-new .SingleProduct__add_to_cart .Select { position: relative; }
.bg-new .SingleProduct__add_to_cart .AddToCart__button { grid-column: 2; grid-row: 1; width: 100% !important; height: 52px !important; margin: 0 !important; border-radius: 12px !important; font-size: 16px !important; box-shadow: 0 4px 12px rgba(242,140,0,.25); }
.bg-new .SingleProduct__add_to_cart .WishListButton--square { grid-column: 3; grid-row: 1; width: 52px !important; height: 52px !important; margin: 0 !important; }
.bg-new .SingleProduct__add_to_cart .AddToCart__buy_now { grid-column: 1 / -1; grid-row: 2; width: 100% !important; height: 50px !important; margin: 0 !important; flex: none; }
.bg-new .SingleProduct__add_to_cart .AddToCart__buy_now:hover { background: var(--coal) !important; color: #fff !important; }
.bg-new .SingleProduct__details .row:has(.SingleProduct__payment_methods) { display: flex !important; align-items: center; justify-content: space-between; gap: 10px; border: 0 !important; padding: 12px 0 0 !important; margin: 4px 0 0 !important; }
.bg-new .SingleProduct__details .row:has(.SingleProduct__payment_methods) > .SingleProduct__text { display: none; }
.bg-new .SingleProduct__details .row:has(.SingleProduct__payment_methods) > .SingleProduct__label { font-size: 12.5px !important; }
.bg-new .SingleProduct__details .row:has(.SingleProduct__payment_methods) > .SingleProduct__label::after { content: ' · kesh ose kartë'; }
.bg-new .SingleProduct__payment_methods { gap: 6px !important; }
.bg-new .SingleProduct__payment_methods .Icon { width: 36px !important; height: 24px !important; display: flex; align-items: center; }
.bg-new .SingleProduct__payment_methods .Icon svg { width: 100%; height: 100%; }
/* the row just above the buttons keeps its divider so the block starts clean */
.bg-new .SingleProduct__details .row:has(+ .SingleProduct__add_to_cart) { border-bottom: 1px solid #eef0f2 !important; }

/* buy block: the live patch files pin columns/sizes with !important, so these must too */
.bg-new .SingleProduct__details .SingleProduct__add_to_cart.row { grid-template-columns: 92px minmax(0, 1fr) 52px !important; grid-template-rows: 52px 50px !important; gap: 10px !important; }
.bg-new .SingleProduct__details .SingleProduct__add_to_cart .AddToCart__quantity_select { grid-column: 1 !important; grid-row: 1 !important; width: 92px !important; min-width: 92px !important; max-width: 92px !important; height: 52px !important; }
.bg-new .SingleProduct__details .SingleProduct__add_to_cart .AddToCart__button { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; height: 52px !important; font-size: 16px !important; padding: 0 12px !important; }
.bg-new .SingleProduct__details .SingleProduct__add_to_cart > .WishListButton--square { grid-column: 3 !important; grid-row: 1 !important; width: 52px !important; min-width: 52px !important; max-width: 52px !important; height: 52px !important; min-height: 52px !important; max-height: 52px !important; }
.bg-new .SingleProduct__details .SingleProduct__add_to_cart .AddToCart__buy_now { grid-column: 1 / -1 !important; grid-row: 2 !important; width: 100% !important; height: 50px !important; font-size: 15px !important; padding: 0 12px !important; background: #fff !important; color: var(--coal) !important; border: 1.5px solid var(--coal) !important; border-radius: 12px !important; }
.bg-new .SingleProduct__details .SingleProduct__add_to_cart .AddToCart__buy_now:hover { background: var(--coal) !important; color: #fff !important; }

.bg-new .SingleProduct__details .row:has(.SingleProduct__payment_methods) { flex-wrap: wrap !important; border-bottom: 0 !important; }
.bg-new .SingleProduct__details .row:has(.SingleProduct__payment_methods)::after, .bg-new .SingleProduct__details .col::after { display: none !important; }
.bg-new .SingleProduct__payment_methods { flex-wrap: nowrap; margin: 0 !important; }
.bg-new .SingleProduct__payment_methods .Icon { margin: 0 !important; flex: none; }
.bg-new .SingleProduct__details .col { border: 0 !important; }

/* home: the live dark icon band under the finder */
.bg-new .bgn-hero { padding-bottom: 18px; }
.bg-new .bgn-band { margin: 0 !important; }

.bg-new .Page > div > .Banner.bgn-band { display: flex !important; margin: 0 auto !important; }


/* related products on the product page: same grid and buttons as the shop */
@media (min-width: 768px) {
  .bg-new .SingleProduct__related_products { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .bg-new .SingleProduct__related_products > .SingleProduct__heading { grid-column: 1 / -1; margin-bottom: 0 !important; }
  .bg-new .SingleProduct__related_products > .ProductItem { display: grid !important; width: auto !important; margin: 0 !important; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "img img" "brand brand" "name name" "attr attr" "badges badges" "stock stock" "price price" "total total" "atc atc" "buy buy"; }
  .bg-new .SingleProduct__related_products > .ProductItem .ProductItem__image { width: 100% !important; height: 170px !important; margin-bottom: 10px !important; }
  .bg-new .SingleProduct__related_products > .ProductItem .ProductItem__image .Image { width: 150px !important; height: 150px !important; }
  .bg-new .SingleProduct__related_products > .ProductItem .ProductItem__selected_total { text-align: left; margin: 0 !important; padding: 0; border: 0; }
  .bg-new .SingleProduct__related_products > .ProductItem .ProductItem__name_link { padding-right: 0; }
  .bg-new .SingleProduct__related_products .ProductItem__buy_now { width: 100%; background: #fff !important; color: var(--coal) !important; border: 1.5px solid var(--line) !important; }
  .bg-new .SingleProduct__related_products .ProductItem__buy_now:hover { border-color: var(--coal) !important; }
}
@media (min-width: 992px) { .bg-new .SingleProduct__related_products { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* home finder: seasons as three equal buttons with the season icons (like the new checkout choices) */
.bg-new .FindCarTires__season_select { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.bg-new .FindCarTires__season_select .CheckBox { display: flex !important; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 8px 10px !important; border: 1.5px solid var(--line); border-radius: 12px !important; background: #fff; font-size: 14px !important; font-weight: 600; color: var(--ink); text-align: center; }
.bg-new .FindCarTires__season_select .CheckBox::before { content: ''; width: 22px; height: 22px; flex: none; background: center / contain no-repeat; }
.bg-new .FindCarTires__season_select .CheckBox:nth-child(1)::before { background-image: url("../live/media/dimervere.3dbed011.svg"); }
.bg-new .FindCarTires__season_select .CheckBox:nth-child(2)::before { background-image: url("../live/media/vera.bf1078d6.svg"); }
.bg-new .FindCarTires__season_select .CheckBox:nth-child(3)::before { background-image: url("../live/media/dimer.623dc0d4.svg"); }
.bg-new .FindCarTires__season_select .CheckBox__checkmark { display: none !important; }
.bg-new .FindCarTires__season_select .CheckBox:hover { border-color: #c7cdd5; }
.bg-new .FindCarTires__season_select .CheckBox:has(input:checked) { border-color: var(--g); background: #f6fcf7; box-shadow: inset 0 0 0 1.5px var(--g); color: var(--g-d); }
.bg-new .FindCarTires__season_select .CheckBox:has(input:focus-visible) { outline: 3px solid #7ab8ff; outline-offset: 2px; }
.bg-new .FindCarTires__season_select .CheckBox input { position: absolute; opacity: 0; width: 1px; height: 1px; }
@media (min-width: 992px) { .bg-new .FindCarTires__season_select { grid-column: 1 / 4; } }
@media (max-width: 380px) { .bg-new .FindCarTires__season_select .CheckBox { flex-direction: column; gap: 2px; font-size: 12.5px !important; } }
@media (max-width: 520px) { .bg-new .FindCarTires__season_select .CheckBox { flex-direction: column; gap: 3px; min-height: 58px; font-size: 13px !important; white-space: nowrap; } }


/* home icon band: same texts as live, drawn as white cards in the page width */
.bg-new .Page > div > .Banner.bgn-band { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; max-width: 1180px; width: auto; height: auto; margin: 0 auto !important; padding: 0 14px 6px !important; background: none !important; color: var(--ink); }
.bg-new .bgn-band .Banner__wrapper { display: flex; align-items: center; gap: 14px; background: #fff; border-radius: var(--r); box-shadow: var(--sh); padding: 14px 18px; margin: 0; min-width: 0; }
.bg-new .bgn-band [class*="_icon"] { width: 46px; height: 46px; flex: none; margin: 0 !important; display: flex; align-items: center; justify-content: center; border-radius: 12px; background: var(--o-soft); }
.bg-new .bgn-band [class*="_icon"] svg { width: 30px !important; height: 30px !important; }
.bg-new .bgn-band [class*="_icon"] svg, .bg-new .bgn-band [class*="_icon"] svg * { fill: var(--o-d) !important; }
.bg-new .bgn-band .Banner__description { display: block !important; min-width: 0; }
.bg-new .bgn-band .Banner__description h4 { margin: 0 0 2px !important; font-size: 14.5px !important; font-weight: 700 !important; color: var(--ink) !important; text-transform: none !important; line-height: 1.3; }
.bg-new .bgn-band .Banner__description h4::first-letter { text-transform: uppercase; }
.bg-new .bgn-band .Banner__description p { display: block !important; margin: 0 !important; font-size: 13px !important; color: var(--muted) !important; line-height: 1.4; }
@media (max-width: 767px) {
  .bg-new .Page > div > .Banner.bgn-band { grid-template-columns: 1fr; gap: 8px; }
  .bg-new .bgn-band .Banner__wrapper { padding: 10px 14px; gap: 12px; }
  .bg-new .bgn-band [class*="_icon"] { width: 40px; height: 40px; }
  .bg-new .bgn-band [class*="_icon"] svg { width: 26px !important; height: 26px !important; }
}
.bg-new .Page > div > .Banner.bgn-band { max-width: 1208px; align-items: stretch; }
.bg-new .bgn-band .Banner__wrapper { margin: 0 !important; height: auto !important; align-self: stretch; }
.bg-new .bgn-band [class*="_icon"] { width: 46px !important; min-width: 46px !important; max-width: 46px !important; height: 46px !important; padding: 0 !important; }
@media (max-width: 767px) { .bg-new .bgn-band [class*="_icon"] { width: 40px !important; min-width: 40px !important; max-width: 40px !important; height: 40px !important; } }

/* home: five fixed brands instead of the brand slider */
.bgn-brands { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-top: 18px; }
.bgn-brand { display: flex; align-items: center; justify-content: center; height: 84px; padding: 12px 16px; background: #fff; border-radius: var(--r); box-shadow: var(--sh); text-decoration: none !important; border: 1.5px solid transparent; }
.bgn-brand:hover { border-color: var(--o); }
.bgn-brand img { max-width: 100%; max-height: 46px; object-fit: contain; }
.bgn-brand span { font-size: 20px; font-weight: 800; letter-spacing: .04em; color: var(--ink); }
@media (max-width: 767px) {
  .bgn-brands { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
  .bgn-brand { grid-column: span 2; height: 64px; padding: 10px; }
  .bgn-brand img { max-height: 34px; }
  .bgn-brand span { font-size: 15px; }
}
.bg-new .BannerAd { height: auto !important; padding: 18px 0 8px !important; }
.bg-new .BannerAd img { height: auto !important; display: block; }


/* new checkout (montimi plugin), step "Dërgesa": with only one way to get the tyres (no partner in the city) the card takes the full width */
@media (min-width: 980px) {
  .bg-new .bgc-opts:not(:has(> .bgc-opt + .bgc-opt)) { grid-template-columns: 1fr; }
  .bg-new .bgc-opts:not(:has(> .bgc-opt + .bgc-opt)) .bgc-opt { height: auto; padding: 18px 20px; }
}

/* cart: "Hiqe" as a clear button (styled from the theme, plugin files untouched) */
.bg-new .bgk-remove { display: inline-flex !important; align-items: center; gap: 6px; margin-top: 8px !important; padding: 7px 12px !important; border: 1.5px solid #f3c4c1 !important; border-radius: 10px !important; background: #fff5f5 !important; color: #b42318 !important; font-size: 13.5px !important; font-weight: 600 !important; line-height: 1.2; cursor: pointer; }
.bg-new .bgk-remove:hover { background: #fde8e8 !important; border-color: #e5484d !important; }
.bg-new .bgk-remove:focus-visible { outline: 3px solid #7ab8ff; outline-offset: 2px; }

/* montim entry points (shown only while the montimi plugin is on) */
.bgn-menu__montim { margin-top: 8px; background: #f1faf2 !important; border-color: #d5efd9 !important; }
.bgn-montim { display: flex; align-items: center; gap: 14px; margin: 12px 0 0; padding: 14px 18px; background: #f1faf2; border: 1.5px solid #d5efd9; border-radius: var(--r); color: var(--ink) !important; text-decoration: none !important; }
.bgn-montim:hover { border-color: var(--g); }
.bgn-montim__ico { font-size: 26px; flex: none; }
.bgn-montim__txt { display: grid; min-width: 0; }
.bgn-montim__txt b { font-size: 15.5px; }
.bgn-montim__txt small { color: var(--muted); font-size: 13px; }
.bgn-montim__go { margin-left: auto; color: var(--g-d); font-weight: 700; font-size: 14px; white-space: nowrap; }
@media (max-width: 600px) { .bgn-montim { flex-wrap: wrap; } .bgn-montim__go { margin-left: 40px; } }
/* long product names never run under the heart (live CSS fights the earlier rule) */
.bg-new .ProductItem .ProductItem__name_link { padding-right: 38px !important; display: block; }
@media (min-width: 768px) { .bg-new .ShopProducts__products .ProductItem .ProductItem__name_link, .bg-new .bgn-grid .ProductItem .ProductItem__name_link, .bg-new .SingleProduct__related_products .ProductItem .ProductItem__name_link { padding-right: 0 !important; } }
/* terms page: readable width */
.bg-new .DefaultPage__content { max-width: 820px; }
@media (max-width: 600px) { .bgn-montim { display: grid; grid-template-columns: auto 1fr; gap: 4px 12px; flex-wrap: nowrap; padding: 12px 14px; } .bgn-montim__ico { grid-row: 1 / 3; font-size: 24px; } .bgn-montim__txt b { font-size: 14.5px; } .bgn-montim__go { grid-column: 2; margin-left: 0 !important; font-size: 13.5px; } }


/* launch: montim strip at the top of the home page, and a "Montim" link in the header */
.bgn-montim-top { background: #fff; padding: 14px 0 0; }
.bgn-montim--top { margin: 0; background: linear-gradient(90deg, #eaf7ec, #f6fcf7); border-color: #bfe6c5; box-shadow: var(--sh); }
.bgn-montim--top .bgn-montim__ico { width: 46px; height: 46px; border-radius: 12px; background: #fff; display: flex; align-items: center; justify-content: center; }
.bgn-montim--top .bgn-montim__go { background: var(--g); color: #fff; padding: 10px 16px; border-radius: 10px; }
.bgn-tag-new { justify-self: start; font-size: 10.5px; font-weight: 800; letter-spacing: .05em; padding: 1px 8px; border-radius: 8px; background: var(--g); color: #fff; margin-bottom: 2px; }
.bgn-icon--montim { color: var(--g-d) !important; }
.bgn-icon--montim > span { color: var(--g-d) !important; }
@media (max-width: 600px) {
  .bgn-montim--top .bgn-montim__ico { width: 40px; height: 40px; }
  .bgn-montim--top .bgn-montim__go { padding: 8px 12px; justify-self: start; }
}

/* old cart + checkout wizard (live, without the montimi plugin): room under the sticky header, step tabs that fit on phones */
.bg-new .Cart, .bg-new .Checkout { padding-top: 18px; }
@media (max-width: 767px) {
  .bg-new .CheckoutTabs { height: auto !important; }
  .bg-new .CheckoutTabs li, .bg-new .CheckoutTabs a { height: auto !important; min-height: 44px; font-size: 11.5px !important; line-height: 1.25 !important; padding: 8px 4px !important; white-space: normal !important; display: flex; align-items: center; justify-content: center; text-align: center; }
}

/* reviews on the product page: card like the rest, rating summary, each review with an initial */
.bg-new .Reviews { margin: 0 0 12px; padding: 18px 20px; border: 0; border-radius: var(--r); box-shadow: var(--sh); }
.bg-new .Reviews .SingleProduct__heading { margin-bottom: 12px !important; border: 0 !important; padding: 0 !important; }
.bgn-rsum { display: flex; align-items: center; gap: 14px; padding: 12px 14px; margin: 0 0 6px; border-radius: 12px; background: var(--soft); }
.bgn-rsum > b { font-size: 34px; font-weight: 800; line-height: 1; color: var(--ink); }
.bgn-rsum > span { display: grid; gap: 2px; }
.bgn-rsum__stars { color: var(--o); font-size: 20px; letter-spacing: 2px; line-height: 1; }
.bgn-rsum small { color: var(--muted); font-size: 13px; }
.bg-new .Reviews__item { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 12px; align-items: start; padding: 14px 0 4px; border-top: 1px solid #eef0f2; }
.bg-new .Reviews__item:first-of-type { border-top: 0; }
.bgn-rsum + .Reviews__item, .bgn-rsum ~ .Reviews__thanks + .Reviews__item { border-top: 0; }
.bgn-ravatar { grid-row: 1 / 4; width: 40px; height: 40px; border-radius: 50%; background: var(--o-soft); color: var(--o-d); font-weight: 800; font-size: 16px; display: flex; align-items: center; justify-content: center; }
.bg-new .Reviews__stars { grid-column: 2; font-size: 16px; letter-spacing: 1px; color: var(--o); line-height: 1.2; }
.bg-new .Reviews__meta { grid-column: 2; margin: 2px 0 0; font-size: 13px; color: var(--muted); }
.bg-new .Reviews__meta b { color: var(--ink); }
.bg-new .Reviews__text { grid-column: 2; margin: 6px 0 0; padding: 10px 12px; background: var(--soft); border-radius: 0 12px 12px 12px; font-size: 14.5px; color: #374151; line-height: 1.5; }
.bg-new .Reviews__form { background: var(--soft); border-radius: 12px; padding: 14px; margin: 0 0 8px; }
.bg-new .Reviews__form textarea { max-width: none; border: 1.5px solid var(--line); border-radius: 10px; padding: 12px; font-size: 16px; background: #fff; }
.bg-new .Reviews__form .Button { border-radius: 12px !important; background: var(--o) !important; border: 0 !important; height: 48px; padding: 0 22px; font-weight: 700; text-transform: none; }
/* stars + count under the brand on the product page */
.bg-new .SingleProduct__details .RatingStars { align-items: center; gap: 1px; margin: 2px 0 2px; }
.bg-new .SingleProduct__details .RatingStars__count { font-size: 13px; color: var(--muted); margin-left: 6px; }
.bg-new .SingleProduct__details .RatingStars__count::after { content: ' vlerësim'; }

/* card stars: on the stock line, right side (they overlapped the badges) */
.bg-new .ProductItem .RatingStars { grid-area: stock !important; justify-self: end; align-self: center; display: flex !important; align-items: center; gap: 1px; margin: 3px 0 0 !important; }
.bg-new .ProductItem .RatingStars__star { width: 14px !important; height: 14px !important; }
.bg-new .ProductItem .RatingStars__count { font-size: 12px; color: var(--muted); margin-left: 4px; }

/* toolbar without the sort menu: count on the left, Filtro on the right (phones) */
.bg-new .bgn-toolbar { grid-template-columns: 1fr auto !important; grid-template-areas: "count filter" !important; }
@media (min-width: 992px) { .bg-new .bgn-toolbar { grid-template-columns: 1fr !important; grid-template-areas: "count" !important; } }