/* Homepage and account content share the product page's storefront tokens. */
body.hi-storefront-page main.mndvcls > .container { padding-top:32px !important; padding-bottom:32px !important; }
body.hi-storefront-page .right_content { padding:0 !important; min-width:0; }
body.hi-storefront-page main { overflow-wrap:break-word; }
body.hi-storefront-page main h1 { color:var(--hi-text); font-size:clamp(26px,2.6vw,34px) !important; line-height:1.2 !important; font-weight:700 !important; }
body.hi-storefront-page main h2, body.hi-storefront-page main .like_h2 { color:var(--hi-text); font-size:24px !important; line-height:1.3 !important; }
body.hi-storefront-page main p { line-height:1.6; }
body.hi-storefront-page main input, body.hi-storefront-page main select, body.hi-storefront-page main textarea,
body.hi-storefront-page main button { font-family:inherit !important; }
body.hi-storefront-page main .btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:48px !important; padding:10px 16px !important; font-size:16px !important; line-height:1.4 !important; border-radius:7px !important; white-space:normal; }
body.hi-storefront-page main .btn-primary, body.hi-storefront-page main .btn-success,
body.hi-storefront-page main .btn-add-address, body.hi-storefront-page main .hi-dash-btn-primary { background:var(--hi-green) !important; border-color:var(--hi-green) !important; color:#fff !important; }
body.hi-storefront-page main .btn-default, body.hi-storefront-page main .hi-dash-btn-secondary { background:#fff !important; border:1px solid var(--hi-line) !important; color:var(--hi-green-dark) !important; }
body.hi-storefront-page main .btn-primary:hover, body.hi-storefront-page main .btn-success:hover,
body.hi-storefront-page main .hi-dash-btn-primary:hover { background:var(--hi-green-dark) !important; }

/* The native promotion/recommendation data and links remain unchanged. */
body.hi-home-page .wrapper_big_banner { display:block; margin:0 0 32px !important; padding:0 !important; width:100% !important; clear:both; }
body.hi-home-page .wrapper_big_banner .big_banner,
body.hi-home-page .wrapper_big_banner .four_banners { float:none !important; width:100% !important; padding:0 !important; margin:0 !important; }
body.hi-home-page.hi-storefront-page.frontpage .wrapper_big_banner .four_banners > .row { display:grid !important; grid-template-columns:repeat(6,minmax(0,1fr)); gap:24px; margin:0 !important; }
body.hi-home-page.hi-storefront-page.frontpage .wrapper_big_banner .four_banners > .row::before, body.hi-home-page.hi-storefront-page.frontpage .wrapper_big_banner .four_banners > .row::after { display:none; }
body.hi-home-page.hi-storefront-page.frontpage .wrapper_big_banner .four_banners > .row > div { width:100% !important; min-width:0; float:none !important; padding:0 !important; margin:0 !important; }
body.hi-home-page.hi-storefront-page.frontpage .wrapper_big_banner .four_banners > .row > div > a { display:block; height:100%; text-decoration:none; }
body.hi-home-page.hi-storefront-page.frontpage .wrapper_big_banner .four_banners .holland_banner_wrap { position:relative !important; width:100% !important; aspect-ratio:1/1; height:auto !important; margin:0 !important; border:1px solid var(--hi-line) !important; border-radius:10px; overflow:hidden; background:#fff; }
body.hi-home-page.hi-storefront-page.frontpage .wrapper_big_banner .four_banners a:hover .holland_banner_wrap { border-color:var(--hi-green) !important; }
body.hi-home-page.hi-storefront-page.frontpage .wrapper_big_banner .four_banners .holland_banner_border { position:absolute !important; inset:0 !important; width:100% !important; height:100% !important; padding:0 !important; border:0 !important; }
body.hi-home-page.hi-storefront-page.frontpage .wrapper_big_banner .four_banners .banner_title_wrapper { position:absolute !important; inset:0 0 auto !important; height:auto !important; width:100% !important; padding:8px; background:#eef5f0; z-index:1; }
body.hi-home-page.hi-storefront-page.frontpage .wrapper_big_banner .four_banners .cut-wrap { position:static !important; height:auto !important; width:100% !important; }
body.hi-home-page.hi-storefront-page.frontpage .wrapper_big_banner .four_banners .cut { display:none !important; }
body.hi-home-page.hi-storefront-page.frontpage .wrapper_big_banner .four_banners .holland_banner_title { position:static !important; width:100% !important; height:auto !important; padding:0 !important; margin:0 !important; background:transparent !important; border:0 !important; }
body.hi-home-page.hi-storefront-page.frontpage .wrapper_big_banner .four_banners .holland_banner_title p { color:var(--hi-green-dark) !important; font:600 12px/1.35 system-ui,sans-serif !important; margin:0 !important; padding:0 !important; white-space:normal !important; }
body.hi-home-page.hi-storefront-page.frontpage .wrapper_big_banner .four_banners picture { position:absolute !important; inset:44px 12px 12px !important; width:auto !important; height:auto !important; display:flex !important; align-items:center; justify-content:center; padding:0 !important; margin:0 !important; }
body.hi-home-page.hi-storefront-page.frontpage .wrapper_big_banner .four_banners picture img,
body.hi-home-page.hi-storefront-page.frontpage .wrapper_big_banner .four_banners .holland_banner_border > img { position:static !important; width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important; object-fit:contain; padding:0 !important; margin:auto !important; transform:none !important; }
body.hi-home-page .right_content > .col-xs-12 { padding:0 !important; margin:0 0 32px !important; }
body.hi-home-page .product_slider, body.hi-home-page .magazine_articles,
body.hi-home-page .brands_block { margin:32px 0 !important; padding-left:0 !important; padding-right:0 !important; }
body.hi-home-page .product_slider h2 { margin:0 0 20px !important; }
body.hi-home-page .product_slider .product { border-color:var(--hi-line); border-radius:10px; }
body.hi-home-page main table { max-width:100%; }

/* Account sidebar, dashboard, forms and related pages use one spacing system. */
body.hi-account-page .breadcrumb { padding:0 0 24px !important; }
body.hi-account-page .right_content > .row form .form-group:first-child h2 { margin-top:0; }
body.hi-account-page .account_template { display:grid; grid-template-columns:240px minmax(0,1fr); gap:32px; margin:0 !important; }
body.hi-account-page .account_template::before, body.hi-account-page .account_template::after { display:none; }
body.hi-account-page .account_template > div { width:auto !important; float:none !important; padding:0 !important; min-width:0; }
body.hi-account-page .account_template > .account-slider-wrap { grid-column:1/-1; margin:0 !important; }
body.hi-account-page #account-menu { padding:24px !important; margin:0 !important; border-color:var(--hi-line) !important; border-radius:10px !important; box-shadow:none !important; }
body.hi-account-page #account-menu .account-menu-header h2 { color:var(--hi-text) !important; }
body.hi-account-page #account-menu a.btn-default { min-height:48px !important; font-size:14px !important; justify-content:flex-start; }
body.hi-account-page #account-menu a.active { background:var(--hi-green) !important; border-color:var(--hi-green) !important; color:#fff !important; }
body.hi-account-page .account-overview-welcome > .row { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin:0 !important; }
body.hi-account-page .account-overview-welcome > .row::before, body.hi-account-page .account-overview-welcome > .row::after { display:none; }
body.hi-account-page .account-overview-welcome > .row > div { display:block !important; width:100% !important; min-width:0; padding:0 !important; margin:0 !important; }
body.hi-account-page .hi-dash-card { padding:24px !important; border-color:var(--hi-line) !important; border-radius:10px !important; gap:16px; }
body.hi-account-page .hi-dash-card__title { font-size:18px !important; color:var(--hi-text) !important; }
body.hi-account-page .hi-dash-card__desc, body.hi-account-page .hi-profile-card__subtitle { font-size:16px !important; color:var(--hi-muted) !important; }
body.hi-account-page .hi-dash-card__actions { gap:12px !important; }
body.hi-account-page .hi-profile-card, body.hi-account-page .address-card,
body.hi-account-page .address-form-card, body.hi-account-page .hi-order-card,
body.hi-account-page .hi-saved-items-card, body.hi-account-page .hi-orders-toolbar { border-color:var(--hi-line) !important; border-radius:10px !important; }
body.hi-account-page main input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]),
body.hi-account-page main select { min-height:48px !important; height:auto !important; font-size:16px !important; border-radius:6px; max-width:100%; }
body.hi-account-page main input[type=submit] { min-height:48px; font-size:16px; }
body.hi-account-page main textarea { font-size:16px !important; max-width:100%; }
body.hi-account-page main .form-control { border-color:#abbcaf !important; }
body.hi-account-page .table-responsive { max-width:100%; overflow-x:auto; }
body.hi-account-page .hi-mobile-nav-pills { display:none !important; }
body.hi-account-page main .hi-mobile-nav-pills .hi-mobile-pill { display:inline-flex; align-items:center; gap:8px; min-height:48px !important; padding:10px 14px !important; border-radius:6px; font-size:14px !important; line-height:1.4 !important; }
body.hi-account-page .hi-mobile-pill.active { background:var(--hi-green); }
body.hi-account-page .account-points-wrapper { max-width:100%; margin:0; padding:0; }

@media(max-width:1199px) {
    body.hi-storefront-page main.mndvcls > .container { padding-top:24px !important; padding-bottom:24px !important; }
    body.hi-storefront-page main h2, body.hi-storefront-page main .like_h2 { font-size:22px !important; }
    body.hi-home-page.hi-storefront-page.frontpage .wrapper_big_banner .four_banners > .row { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
    body.hi-home-page .wrapper_big_banner { margin-bottom:24px !important; }
    body.hi-home-page .right_content > .col-xs-12 { margin-bottom:24px !important; }
    body.hi-home-page .product_slider, body.hi-home-page .magazine_articles, body.hi-home-page .brands_block { margin:24px 0 !important; }
    body.hi-account-page .account_template { display:block; }
    body.hi-account-page .account_template > .col-md-4 { display:none !important; }
    body.hi-account-page .account_template > .col-md-8 { width:100% !important; }
    body.hi-account-page .hi-mobile-nav-pills { display:flex !important; gap:8px; max-width:100%; overflow-x:auto; margin:0 0 24px !important; padding:0 0 8px !important; }
    body.hi-account-page .hi-mobile-pill { flex:0 0 auto; }
    body.hi-account-page .hi-dash-card { padding:16px !important; }
    body.hi-account-page .account-slider-wrap { margin-top:24px !important; }
}
@media(max-width:767px) {
    body.hi-home-page.hi-storefront-page.frontpage .wrapper_big_banner .four_banners > .row { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
    body.hi-account-page .account-overview-welcome > .row { grid-template-columns:minmax(0,1fr); }
    body.hi-account-page .hi-dash-card__actions > .btn { flex:1 1 120px; }
    body.hi-account-page .hi-orders-search-box { min-width:0 !important; width:100%; }
    body.hi-account-page .address-book-header, body.hi-account-page .hi-saved-items-header { flex-wrap:wrap; gap:16px; }
    body.hi-account-page .hi-saved-items-actions { flex-wrap:wrap; gap:12px; }
    body.hi-account-page .hi-saved-items-actions form { flex:1 1 auto; }
    body.hi-account-page .hi-saved-items-actions .btn { width:100%; }
}