:root {
  --ms-primary: #ffd333;
  --ms-primary-hover: #f3c520;
  --ms-dark: #3d464d;
  --ms-darker: #2b3035;
  --ms-surface: #fff;
  --ms-page: #f5f5f5;
  --ms-border: #e2e5e7;
  --ms-text: #2f3337;
  --ms-muted: #6c757d;
  --ms-success: #28a745;
  --ms-danger: #dc3545;
  --ms-radius: 4px;
  --ms-shadow: 0 8px 24px rgba(30, 35, 40, .08);
}

html { scroll-behavior: smooth; }
html, body { max-width: 100%; overflow-x: hidden; }
body { background: var(--ms-page); color: var(--ms-text); font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5; }
a { color: var(--ms-dark); }
a:hover, a:focus { color: #111; }
.container { max-width: 1230px; width: 100%; }
.breadcrumb { margin: 18px 0; }
.breadcrumb a { color: var(--ms-muted); }
.btn { border-radius: var(--ms-radius); font-weight: 700; }
.btn-primary, .btn-warning, .product-thumb .button-group button:first-child {
  background: var(--ms-primary); border-color: var(--ms-primary); color: var(--ms-darker);
}
.btn-primary:hover, .btn-primary:focus, .btn-warning:hover, .btn-warning:focus,
.product-thumb .button-group button:first-child:hover { background: var(--ms-primary-hover); border-color: var(--ms-primary-hover); color: #111; }
.form-control { border-radius: var(--ms-radius); height: 44px; }
.form-control:focus { border-color: var(--ms-primary); box-shadow: 0 0 0 3px rgba(255, 211, 51, .22); }

/* Header */
.hb-topbar { background: #f0f2f3 !important; border: 0 !important; margin: 0 !important; min-height: 34px !important; padding: 0 !important; }
.hb-topbar .container { min-height: 34px; }
.hb-topbar #top-links a, .hb-topbar .btn-link { color: #62686d !important; font-size: 12px; line-height: 34px; padding: 0 8px; text-shadow: none !important; }
.hb-header { background: var(--ms-surface); border-bottom: 1px solid var(--ms-border); padding: 18px 0; }
.hb-header-grid { align-items: center; display: grid; gap: 18px; grid-template-columns: 230px minmax(280px, 1fr) auto auto auto; }
.hb-logo a { align-items: center; display: flex; min-height: 58px; }
.hb-logo img { display: block; height: auto; max-height: 58px; max-width: 220px; object-fit: contain; width: auto; }
.ms-logo-text { color: var(--ms-darker); font-size: 27px; font-weight: 900; }
.hb-search-wrap #search { margin: 0; width: 100%; }
.hb-search-wrap #search .form-control { border: 2px solid var(--ms-primary); border-radius: var(--ms-radius) 0 0 var(--ms-radius); height: 48px; }
.hb-search-wrap #search .btn { background: var(--ms-primary); border: 0; border-radius: 0 var(--ms-radius) var(--ms-radius) 0; color: var(--ms-darker); height: 48px; min-width: 56px; }
.hb-location, .hb-account > a { align-items: center; color: var(--ms-dark); display: grid; font-size: 12px; grid-template-columns: 34px auto; line-height: 1.2; min-width: 100px; }
.hb-location i, .hb-account > a > i { color: var(--ms-primary-hover); font-size: 25px; grid-row: 1 / 3; }
.hb-location strong, .hb-account strong { font-size: 13px; }
.hb-cart-wrap #cart { margin: 0; }
.hb-cart-wrap #cart > .btn { background: var(--ms-dark); border: 0; color: #fff; min-height: 46px; }

/* Navigation */
#menu { background: var(--ms-dark) !important; border: 0 !important; border-radius: 0 !important; margin: 0 0 22px !important; min-height: 52px; }
#menu .navbar-nav { display: flex; width: 100%; }
#menu .nav > li > a { color: #fff !important; font-size: 13px; font-weight: 700; line-height: 22px; padding: 15px 16px; text-shadow: none !important; }
#menu .nav > li > a:hover, #menu .nav > li.open > a { background: var(--ms-darker) !important; }
#menu .ms-all-categories { background: var(--ms-primary); margin-right: 8px; min-width: 190px; }
#menu .ms-all-categories > a { color: var(--ms-darker) !important; font-size: 14px; }
#menu .dropdown-menu { border: 0; border-radius: 0 0 var(--ms-radius) var(--ms-radius); box-shadow: var(--ms-shadow); }
#menu .dropdown-inner a { color: #40464b; padding: 7px 14px; }

/* Home */
.hb-home { padding-bottom: 36px; }
.hb-home #content { width: 100%; }
.hb-shortcut-strip { background: #fff; border: 1px solid var(--ms-border); border-radius: var(--ms-radius); display: grid; gap: 0; grid-template-columns: repeat(5, 1fr); margin-bottom: 22px; overflow: hidden; }
.hb-shortcut { align-items: center; border-right: 1px solid var(--ms-border); display: grid; grid-template-columns: 42px 1fr; min-height: 72px; padding: 10px 14px; }
.hb-shortcut:nth-child(5n) { border-right: 0; }
.hb-shortcut > span { align-items: center; background: var(--ms-primary); border-radius: 50%; display: flex; grid-row: 1 / 3; height: 34px; justify-content: center; width: 34px; }
.hb-shortcut strong { color: var(--ms-text); font-size: 13px; }
.hb-shortcut small { color: var(--ms-muted); }
.hb-hero-grid { display: grid; gap: 20px; grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); margin-bottom: 28px; }
.hb-hero-card { border-radius: var(--ms-radius); min-height: 330px; overflow: hidden; position: relative; }
.hb-hero-main { align-content: center; background: var(--ms-dark); color: #fff; display: grid; padding: 44px; }
.hb-hero-main:hover { color: #fff; }
.hb-hero-main img { height: 100%; object-fit: cover; opacity: .44; position: absolute; right: 0; top: 0; width: 62%; }
.hb-hero-main > span, .hb-hero-main > strong, .hb-hero-main > b { position: relative; z-index: 1; }
.hb-hero-main > span { color: var(--ms-primary); font-size: 15px; font-weight: 800; }
.hb-hero-main > strong { font-size: 36px; line-height: 1.15; margin: 10px 0; max-width: 540px; }
.hb-hero-main > b { font-size: 20px; }
.hb-hero-side { align-content: center; background: var(--ms-primary); color: var(--ms-darker); display: grid; padding: 34px; }
.hb-hero-side strong { font-size: 25px; line-height: 1.2; margin: 10px 0 22px; }
.hb-hero-side button { background: var(--ms-dark); border: 0; border-radius: var(--ms-radius); color: #fff; font-weight: 700; padding: 12px 16px; }
.hb-mini-banners { display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); margin: 24px 0 32px; }
.hb-mini-banner { background: #fff !important; border: 1px solid var(--ms-border); border-radius: var(--ms-radius); color: var(--ms-text) !important; min-height: 132px; overflow: hidden; padding: 25px; position: relative; }
.hb-mini-banner span, .hb-mini-banner strong { display: block; max-width: 62%; position: relative; z-index: 1; }
.hb-mini-banner strong { font-size: 17px; margin-top: 7px; }
.hb-mini-banner img { height: 100%; object-fit: contain; position: absolute; right: 0; top: 0; width: 42%; }
.hb-section-head { align-items: center; border-bottom: 2px solid var(--ms-dark); display: flex; justify-content: space-between; margin-bottom: 16px; }
.hb-section-head h3 { background: var(--ms-dark); color: #fff; font-size: 18px; margin: 0; padding: 12px 18px; }
.hb-section-head a { font-weight: 700; }
.hb-product-shelf { margin: 30px 0; }
.hb-product-row { display: grid; gap: 14px; grid-template-columns: repeat(6, minmax(0, 1fr)); }
.hb-product-card { background: #fff; border: 1px solid var(--ms-border); border-radius: var(--ms-radius); min-width: 0; overflow: hidden; position: relative; transition: box-shadow .18s ease, transform .18s ease; }
.hb-product-card:hover { box-shadow: var(--ms-shadow); transform: translateY(-3px); }
.hb-product-image { display: block; padding: 15px; position: relative; }
.hb-product-image img { aspect-ratio: 1; height: auto; object-fit: contain; width: 100%; }
.hb-badge { background: var(--ms-primary); color: var(--ms-darker); font-size: 11px; font-weight: 800; left: 9px; padding: 4px 7px; position: absolute; top: 9px; z-index: 2; }
.hb-fav { background: #fff; border: 1px solid var(--ms-border); border-radius: 50%; height: 32px; position: absolute; right: 9px; top: 9px; width: 32px; z-index: 2; }
.hb-product-info { padding: 4px 14px 16px; position: relative; }
.hb-product-info h4 { font-size: 13px; font-weight: 700; height: 38px; line-height: 19px; margin: 0 0 8px; overflow: hidden; }
.hb-rating, .rating .fa-star { color: #f0b400; }
.hb-rating span { color: var(--ms-muted); }
.hb-card-finance { border-left: 3px solid var(--ms-primary); color: var(--ms-muted); display: flex; flex-direction: column; font-size: 10px; margin: 8px 0; min-height: 39px; padding: 3px 0 3px 7px; }
.hb-card-finance span { white-space: nowrap; }
.hb-card-finance strong { color: var(--ms-success); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hb-price-old { color: #9a9fa3; font-size: 11px; min-height: 17px; text-decoration: line-through; }
.hb-price { color: var(--ms-text); font-size: 18px; font-weight: 900; padding-right: 36px; }
.hb-cart-mini { align-items: center; background: var(--ms-primary); border: 0; bottom: 12px; color: var(--ms-darker); display: flex; height: 34px; justify-content: center; position: absolute; right: 12px; width: 34px; }
.hb-brand-cloud { background: #fff; border: 1px solid var(--ms-border); padding: 22px; }
.hb-brand-cloud div { display: grid; gap: 8px; grid-template-columns: repeat(6, 1fr); }
.hb-brand-cloud a { border: 1px solid var(--ms-border); font-weight: 700; padding: 12px; text-align: center; }

/* Catalog cards */
#product-category #content > h2, #product-search #content > h1, #product-manufacturer #content > h1,
#product-special #content > h1 { border-bottom: 2px solid var(--ms-dark); font-size: 25px; padding-bottom: 13px; }
#product-category .product-thumb, #product-search .product-thumb, #product-manufacturer .product-thumb,
#product-special .product-thumb, #product-product .product-thumb { border-color: var(--ms-border); border-radius: var(--ms-radius); }
.product-thumb .image img { aspect-ratio: 1; object-fit: contain; }
.product-thumb .price, .product-thumb .price-new { color: var(--ms-text) !important; }
.product-thumb .button-group { grid-template-columns: 1fr 44px 44px; }
#list-view.active, #grid-view.active { background: var(--ms-dark); border-color: var(--ms-dark); }

/* Product detail */
#product-product { padding-bottom: 50px; }
#product-product #content > .row:first-of-type { background: #fff; border: 1px solid var(--ms-border); margin: 0 0 30px; padding: 24px 10px; }
#product-product .thumbnails { margin: 0; }
#product-product .thumbnail { border-color: var(--ms-border); border-radius: var(--ms-radius); }
#product-product h1 { color: var(--ms-text); font-size: 25px; font-weight: 800; line-height: 1.3; }
#product-product h2 { color: var(--ms-text); font-size: 29px; font-weight: 900; }
#product-product #button-cart { min-height: 52px; }
#product-product .nav-tabs { border-bottom: 2px solid var(--ms-dark); }
#product-product .nav-tabs > li > a { border: 0; color: var(--ms-muted); font-weight: 800; }
#product-product .nav-tabs > li.active > a { background: var(--ms-dark); color: #fff; }
#product-product .tab-content { background: #fff; border: 1px solid var(--ms-border); border-top: 0; line-height: 1.75; padding: 26px; }

/* Cart */
#checkout-cart #content > h1 { border-bottom: 2px solid var(--ms-dark); padding-bottom: 14px; }
#checkout-cart form, #checkout-cart #accordion, #checkout-cart .col-sm-4.col-sm-offset-8 > .table { background: #fff; }
#checkout-cart .table-bordered { border-color: var(--ms-border); }
#checkout-cart .table > thead > tr > td { background: var(--ms-dark); color: #fff; }
#checkout-cart .table img { height: 80px; object-fit: contain; width: 80px; }
#checkout-cart .col-sm-4.col-sm-offset-8 { background: #fff; border: 1px solid var(--ms-border); padding: 16px; }
#checkout-cart .buttons .btn { min-height: 48px; padding: 13px 22px; }

/* One-page checkout */
#checkout-checkout { padding-bottom: 64px; }
#checkout-checkout #content > h1 { border: 0; color: #202428; font-size: 30px; font-weight: 900; margin-bottom: 4px; padding: 0; }
#checkout-checkout .ms-opc-lead { color: var(--ms-muted); font-size: 14px; margin: 0 0 22px; }
#checkout-checkout #accordion { display: grid; gap: 24px; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); }
#checkout-checkout .checkout-stage { background: transparent; border: 0; border-radius: 0; display: block !important; min-width: 0; padding: 0; }
#checkout-checkout .checkout-stage[data-checkout-stage="3"], #checkout-checkout .checkout-stage-installment { grid-column: 1 / -1; }
#checkout-checkout .checkout-stage[data-checkout-stage="3"] { align-items: start; display: grid !important; gap: 24px; grid-template-columns: minmax(330px, .72fr) minmax(0, 1.28fr); }
#checkout-checkout .checkout-stage-title { align-items: center; color: var(--ms-text); display: flex !important; font-size: 18px; font-weight: 900; gap: 10px; grid-column: 1 / -1; margin: 0 0 -10px; }
#checkout-checkout .checkout-stage-title span { align-items: center; background: var(--ms-dark); border-radius: 50%; color: #fff; display: flex; flex: 0 0 32px; height: 32px; justify-content: center; width: 32px; }
#checkout-checkout .panel { background: #fff; border: 1px solid var(--ms-border); border-radius: 6px; box-shadow: 0 5px 18px rgba(32, 36, 40, .055); margin: 0 0 16px; overflow: hidden; }
#checkout-checkout .panel:last-child { margin-bottom: 0; }
#checkout-checkout .panel-default > .panel-heading { background: #fff; border: 0; border-bottom: 1px solid var(--ms-border); border-radius: 0; padding: 16px 18px; }
#checkout-checkout .panel-title { color: #252a2e; font-size: 14px; font-weight: 900; }
#checkout-checkout .panel-title:before { color: #f0b400; display: inline-block; font-family: FontAwesome; margin-right: 9px; width: 16px; }
#checkout-checkout #collapse-checkout-option + * { min-width: 0; }
#checkout-checkout #collapse-checkout-option { background: #fafbfb; }
#checkout-checkout .ms-panel-address .panel-title:before { content: "\f2bc"; }
#checkout-checkout .ms-panel-shipping .panel-title:before { content: "\f0d1"; }
#checkout-checkout .ms-panel-payment .panel-title:before { content: "\f09d"; }
#checkout-checkout .ms-panel-confirm .panel-title:before { content: "\f00c"; }
#checkout-checkout .panel-body { border: 0; padding: 20px; }
#checkout-checkout .panel-body legend { border-color: var(--ms-border); color: #343a3f; font-size: 14px; font-weight: 900; padding-bottom: 9px; }
#checkout-checkout .panel-body .control-label { color: #4b5258; font-size: 12px; font-weight: 800; }
#checkout-checkout .panel-body .form-control { background: #fff; border-color: #d8dcdf; box-shadow: none; }
#checkout-checkout .panel-body textarea.form-control { height: 92px; resize: vertical; }
#checkout-checkout #collapse-payment-method .radio,
#checkout-checkout #collapse-shipping-method .radio { border: 1px solid var(--ms-border); border-radius: 5px; margin: 9px 0; padding: 0; transition: border-color .16s ease, background .16s ease; }
#checkout-checkout #collapse-payment-method .radio:hover,
#checkout-checkout #collapse-shipping-method .radio:hover { background: #fffdf4; border-color: #e6c84c; }
#checkout-checkout #collapse-payment-method .radio label,
#checkout-checkout #collapse-shipping-method .radio label { cursor: pointer; display: block; font-size: 13px; font-weight: 800; min-height: 50px; padding: 15px 16px 14px 42px; position: relative; }
#checkout-checkout #collapse-payment-method .radio input,
#checkout-checkout #collapse-shipping-method .radio input { left: 16px; margin: 2px 0 0; position: absolute; }
#checkout-checkout #collapse-payment-method .radio.is-selected,
#checkout-checkout #collapse-shipping-method .radio.is-selected { background: #fff9df; border-color: #d9b91f; box-shadow: inset 4px 0 0 var(--ms-primary); }
#checkout-checkout #collapse-checkout-confirm .table > thead > tr > td { background: var(--ms-dark); color: #fff; }
#checkout-checkout #collapse-checkout-confirm { position: sticky; top: 12px; }
#checkout-checkout #collapse-checkout-confirm .table { font-size: 12px; margin-bottom: 14px; }
#checkout-checkout #collapse-checkout-confirm .table > tbody > tr > td { border-color: #edf0f1; padding: 12px 9px; vertical-align: middle; }
#checkout-checkout.ms-onepage-checkout #button-account,
#checkout-checkout.ms-onepage-checkout #button-register,
#checkout-checkout.ms-onepage-checkout #button-guest,
#checkout-checkout.ms-onepage-checkout #button-payment-address,
#checkout-checkout.ms-onepage-checkout #button-shipping-address,
#checkout-checkout.ms-onepage-checkout #button-guest-shipping,
#checkout-checkout.ms-onepage-checkout #button-shipping-method,
#checkout-checkout.ms-onepage-checkout #button-payment-method { display: none !important; }
#checkout-checkout .ms-opc-progress { background: #fff; border: 1px solid var(--ms-border); border-radius: 6px; box-shadow: 0 4px 14px rgba(32, 36, 40, .04); display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 0 26px; overflow: hidden; }
#checkout-checkout .ms-opc-progress-item { align-items: center; border-right: 1px solid var(--ms-border); color: var(--ms-muted); display: flex; gap: 9px; min-height: 56px; padding: 10px 14px; }
#checkout-checkout .ms-opc-progress-item:last-child { border-right: 0; }
#checkout-checkout .ms-opc-progress-item span { align-items: center; background: #e9ecef; border-radius: 50%; display: flex; flex: 0 0 28px; font-weight: 800; height: 28px; justify-content: center; }
#checkout-checkout .ms-opc-progress-item strong { font-size: 12px; }
#checkout-checkout .ms-opc-progress-item.is-current { color: var(--ms-text); }
#checkout-checkout .ms-opc-progress-item.is-current span { background: var(--ms-primary); color: var(--ms-darker); }
#checkout-checkout .ms-opc-progress-item.is-complete { color: var(--ms-success); }
#checkout-checkout .ms-opc-progress-item.is-complete span { background: var(--ms-success); color: #fff; font-size: 0; }
#checkout-checkout .ms-opc-progress-item.is-complete span:after { content: "\f00c"; font-family: FontAwesome; font-size: 13px; }
#checkout-checkout #collapse-checkout-confirm .panel-body:empty:before,
#checkout-checkout #collapse-payment-method .panel-body:empty:before,
#checkout-checkout #collapse-shipping-method .panel-body:empty:before { color: var(--ms-muted); content: "Önceki bilgileri tamamladığınızda bu alan otomatik hazırlanır."; display: block; padding: 8px 0; }
#checkout-checkout #collapse-checkout-confirm #button-confirm,
#checkout-checkout #collapse-checkout-confirm button[type="submit"],
#checkout-checkout #collapse-checkout-confirm input[type="submit"] { float: none; font-size: 15px; min-height: 54px; padding: 14px 24px; width: 100%; }
#checkout-checkout #collapse-checkout-confirm .pull-right { float: none !important; width: 100%; }
#checkout-checkout #collapse-checkout-confirm .buttons { border-top: 1px solid var(--ms-border); margin-top: 18px; padding-top: 18px; }
#elden-installment-settings-modal .modal-content { border: 0; border-radius: var(--ms-radius); box-shadow: 0 18px 55px rgba(0, 0, 0, .25); }
#elden-installment-settings-modal .modal-header { background: var(--ms-dark); color: #fff; }

/* Footer */
.hb-footer { background: var(--ms-darker); color: #c8cdd1; margin-top: 40px; }
.hb-service-band { background: var(--ms-primary); color: var(--ms-darker); }
.hb-service-band .container { align-items: stretch; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding-left: 15px; padding-right: 15px; }
.hb-service-band .container:before, .hb-service-band .container:after,
.hb-footer-links > .row:before, .hb-footer-links > .row:after { content: none; display: none; }
.hb-service-item { align-content: center; align-items: center; border-right: 1px solid rgba(43, 48, 53, .16); display: grid; grid-template-columns: 45px minmax(0, 1fr); min-height: 96px; padding: 18px 16px; }
.hb-service-item:last-child { border-right: 0; }
.hb-service-item i { font-size: 28px; grid-row: 1 / 3; }
.hb-service-item strong { font-size: 14px; }
.hb-service-item span { font-size: 11px; }
.hb-footer-links { padding-bottom: 35px; padding-top: 38px; }
.hb-footer-links > .row { display: grid; gap: 28px; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 0; }
.hb-footer-links > .row > [class*="col-"] { float: none; min-width: 0; padding: 0; width: auto; }
.hb-footer h5 { color: #fff; font-size: 14px; font-weight: 800; }
.hb-footer a { color: #b7bdc1; }
.hb-footer a:hover { color: var(--ms-primary); }

/* Installment module */
.elden-product-installment { background: #fff; border: 1px solid var(--ms-border); border-top: 4px solid var(--ms-primary); border-radius: var(--ms-radius); margin: 18px 0 !important; padding: 18px; }
.elden-product-installment h3 { color: var(--ms-text); font-size: 17px; font-weight: 900; margin: 0 0 14px; }
.elden-product-installment .ei-product-quotes { margin-bottom: 14px !important; }
.elden-product-installment .ei-product-quotes thead th { background: var(--ms-dark); border-color: var(--ms-dark); color: #fff; font-size: 11px; padding: 9px 6px; text-align: center; }
.elden-product-installment .ei-product-quotes td { font-size: 11px; padding: 9px 6px; text-align: center; }
.elden-product-installment .ei-product-quotes tbody tr.is-selected td { background: #fff8d8 !important; border-color: var(--ms-primary) !important; color: var(--ms-text); }
.elden-product-installment #button-elden-add-cart { background: var(--ms-dark); border-color: var(--ms-dark); color: #fff; min-height: 50px; }
.elden-product-installment #button-elden-add-cart:hover { background: var(--ms-darker); }
.elden-card-installments { background: #fffdf3 !important; border: 1px solid #f0df99 !important; border-radius: var(--ms-radius); margin: 8px 12px !important; padding: 9px !important; }
.hb-product-card .elden-card-installments { margin: 8px 0 !important; }
.elden-card-options { display: grid !important; gap: 4px !important; grid-template-columns: 1fr !important; }
.elden-card-options span { background: transparent !important; color: var(--ms-success) !important; font-size: 10px !important; padding: 0 !important; }
.elden-card-buy { background: var(--ms-dark) !important; border-radius: var(--ms-radius); font-size: 11px !important; margin-top: 7px; padding: 8px !important; }

@media (max-width: 1199px) {
  .hb-header-grid { grid-template-columns: 190px minmax(250px, 1fr) auto auto; }
  .hb-location { display: none; }
  .hb-product-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .container { padding-left: 12px; padding-right: 12px; }
  .hb-topbar-left { display: none; }
  .hb-header { padding: 12px 0; }
  .hb-header-grid { gap: 10px; grid-template-columns: 1fr auto auto; }
  .hb-logo { grid-column: 1 / 2; }
  .hb-logo img { max-height: 44px; max-width: 160px; }
  .hb-search-wrap { grid-column: 1 / -1; grid-row: 2; }
  .hb-account span, .hb-account strong { display: none; }
  .hb-account > a { display: block; min-width: 30px; }
  .hb-cart-wrap #cart > .btn { min-width: 44px; overflow: hidden; padding: 10px; white-space: nowrap; width: 44px; }
  #menu { min-height: 46px; }
  #menu .navbar-nav { display: block; }
  #menu .ms-all-categories { display: none; }
  .hb-shortcut-strip { grid-template-columns: repeat(2, 1fr); }
  .hb-shortcut:nth-child(5n) { border-right: 1px solid var(--ms-border); }
  .hb-shortcut:nth-child(2n) { border-right: 0; }
  .hb-hero-grid { grid-template-columns: 1fr; }
  .hb-hero-card { min-height: 250px; }
  .hb-hero-main { padding: 28px; }
  .hb-hero-main > strong { font-size: 27px; }
  .hb-mini-banners { grid-template-columns: 1fr; }
  .hb-product-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hb-brand-cloud div { grid-template-columns: repeat(2, 1fr); }
  #checkout-checkout #accordion { grid-template-columns: 1fr; }
  #checkout-checkout .checkout-stage[data-checkout-stage="3"] { grid-template-columns: 1fr; }
  #checkout-checkout #collapse-checkout-confirm { position: static; }
  #checkout-checkout .ms-opc-progress { grid-template-columns: 1fr 1fr; }
  #checkout-checkout .ms-opc-progress-item:nth-child(2) { border-right: 0; }
  #checkout-checkout .ms-opc-progress-item:nth-child(-n+2) { border-bottom: 1px solid var(--ms-border); }
  #checkout-checkout .checkout-stage[data-checkout-stage="3"], #checkout-checkout .checkout-stage-installment { grid-column: auto; }
  .hb-service-band .container { grid-template-columns: 1fr 1fr; }
  .hb-service-item { height: 118px; min-height: 118px; }
  .hb-footer-links > .row { gap: 24px 16px; grid-template-columns: 1fr 1fr; }
  #checkout-cart .table-responsive { border: 0; }
}

@media (max-width: 420px) {
  .hb-product-row { grid-template-columns: 1fr 1fr; gap: 8px; }
  .hb-product-info { padding-left: 10px; padding-right: 10px; }
  .hb-service-band .container { grid-template-columns: 1fr; }
  .hb-service-item { border-bottom: 1px solid rgba(43, 48, 53, .16); border-right: 0; height: auto; min-height: 82px; }
  .hb-service-item:last-child { border-bottom: 0; }
}