.h-60px {
    height: 60px;
}
.h-80px {
    height: 80px;
}
.h-100px {
    height: 100px;
}
.h-400px {
    height: 400px;
}
.header-icon {
    position: relative;
}
.cart-counter {
    position: absolute;
    top: -9px;
    right: -15px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}
.label-input-field input,
.label-input-field textarea,
.label-input-field select {
    width: 100%;
    padding: 16px 24px;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
    outline: 0;
}
.label-input-field label {
    z-index: 1;
}

/* select 2 css */
.select2-container {
    width: auto;
    display: block;
    padding: 14px 24px;
    border-radius: 4px;
    border: 1px solid #e4e4e4;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 60px;
    right: 10px;
}
.select2-dropdown {
    top: -4px;
    border-color: #e4e4e4;
}
.select2-container--open .select2-dropdown {
    left: -1px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0;
}
.select2-container--default .select2-selection--single {
    border: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: #e4e4e4;
}

/* toastr */

#toast-container {
    z-index: 999999;
}

#toast-container > div {
    padding: 15px 25px 15px 50px !important;
    opacity: 1;
    margin-bottom: 1.25rem;
    border-color: transparent;
    -webkit-box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.2),
        0 0.275rem 1.25rem -0.0625rem rgba(249, 250, 251, 0.05) !important;
    box-shadow: 0 0.25rem 0.5625rem -0.0625rem rgba(0, 0, 0, 0.2),
        0 0.275rem 1.25rem -0.0625rem rgba(249, 250, 251, 0.05) !important;
    border-radius: 0.3125rem;
}

[dir="rtl"] #toast-container > div {
    direction: rtl;
    background-position: center right 0.9375rem;
    padding: 15px 50px 15px 25px !important;
}

[dir="rtl"] #toast-container.toast-top-left {
    right: 12px;
    left: auto;
}

[dir="rtl"] #toast-container.toast-top-right {
    left: 12px;
    right: auto;
}

[dir="rtl"] #toast-container.toast-bottom-left {
    right: 12px;
    left: auto;
}

[dir="rtl"] #toast-container.toast-bottom-right {
    left: 12px;
    right: auto;
}

[dir="rtl"] #toast-container.toast-top-full-width#toast-container > div,
[dir="rtl"] #toast-container.toast-bottom-full-width#toast-container > div {
    left: 0;
    right: 0;
}

#toast-container > .toast {
    max-width: 100%;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 15px 16px;
    overflow: visible;
}

#toast-container.toast-bottom-full-width > div,
#toast-container.toast-top-full-width > div {
    padding: 15px 50px 15px 50px !important;
    width: 100%;
    margin-bottom: 0;
    border-radius: 0 !important;
}

#toast-container.toast-bottom-full-width > div .toast-close-button,
#toast-container.toast-top-full-width > div .toast-close-button {
    top: 12px !important;
}

html:not([dir="rtl"])
    #toast-container.toast-bottom-full-width
    > div
    .toast-close-button,
html:not([dir="rtl"])
    #toast-container.toast-top-full-width
    > div
    .toast-close-button {
    right: 12px !important;
}

[dir="rtl"] #toast-container.toast-bottom-full-width > div .toast-close-button,
[dir="rtl"] #toast-container.toast-top-full-width > div .toast-close-button {
    left: 12px !important;
}

#toast-container > .toast-info {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='%2303c3ec' d='M256 90c44.3 0 86 17.3 117.4 48.6C404.7 170 422 211.7 422 256s-17.3 86-48.6 117.4C342 404.7 300.3 422 256 422s-86-17.3-117.4-48.6C107.3 342 90 300.3 90 256s17.3-86 48.6-117.4C170 107.3 211.7 90 256 90m0-42C141.1 48 48 141.1 48 256s93.1 208 208 208 208-93.1 208-208S370.9 48 256 48z'/%3E%3Cpath fill='%2303c3ec' d='M277 360h-42V235h42v125zm0-166h-42v-42h42v42z'/%3E%3C/svg%3E") !important;
}

#toast-container > .toast-info .toast-close-button {
    background-color: #0d5abf !important;
    -webkit-box-shadow: 0 0.125rem 0.3rem -0.0625rem rgba(0, 0, 0, 0.1),
        0 0.275rem 0.75rem -0.0625rem rgba(249, 250, 251, 0.06) !important;
    box-shadow: 0 0.125rem 0.3rem -0.0625rem rgba(0, 0, 0, 0.1),
        0 0.275rem 0.75rem -0.0625rem rgba(249, 250, 251, 0.06) !important;
}

#toast-container > .toast-error {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='%23ff3e1d' d='M405 136.798L375.202 107 256 226.202 136.798 107 107 136.798 226.202 256 107 375.202 136.798 405 256 285.798 375.202 405 405 375.202 285.798 256z'/%3E%3C/svg%3E") !important;
}

#toast-container > .toast-error .toast-close-button {
    background-color: #e03a1d !important;
    -webkit-box-shadow: 0 0.125rem 0.3rem -0.0625rem rgba(0, 0, 0, 0.1),
        0 0.275rem 0.75rem -0.0625rem rgba(249, 250, 251, 0.06) !important;
    box-shadow: 0 0.125rem 0.3rem -0.0625rem rgba(0, 0, 0, 0.1),
        0 0.275rem 0.75rem -0.0625rem rgba(249, 250, 251, 0.06) !important;
}

#toast-container > .toast-success {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='%2371dd37' d='M186.301 339.893L96 249.461l-32 30.507L186.301 402 448 140.506 416 110z'/%3E%3C/svg%3E") !important;
}

#toast-container > .toast-success .toast-close-button {
    background-color: #20b250 !important;
    -webkit-box-shadow: 0 0.125rem 0.3rem -0.0625rem rgba(0, 0, 0, 0.1),
        0 0.275rem 0.75rem -0.0625rem rgba(249, 250, 251, 0.06) !important;
    box-shadow: 0 0.125rem 0.3rem -0.0625rem rgba(0, 0, 0, 0.1),
        0 0.275rem 0.75rem -0.0625rem rgba(249, 250, 251, 0.06) !important;
}

#toast-container [dir="rtl"] > .toast-success {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='%2371dd37' d='M96 110l-32 30.5L325.7 402L448 280l-32-30.5l-90.3 90.4L96 110z'/%3E%3C/svg%3E") !important;
}

#toast-container > .toast-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='%23ffab00' d='M32 464h448L256 48 32 464zm248-64h-48v-48h48v48zm0-80h-48v-96h48v96z'/%3E%3C/svg%3E") !important;
    background-size: 24px;
}

#toast-container > .toast-warning .toast-close-button {
    background-color: #fcac00 !important;
    -webkit-box-shadow: 0 0.125rem 0.3rem -0.0625rem rgba(0, 0, 0, 0.1),
        0 0.275rem 0.75rem -0.0625rem rgba(249, 250, 251, 0.06) !important;
    box-shadow: 0 0.125rem 0.3rem -0.0625rem rgba(0, 0, 0, 0.1),
        0 0.275rem 0.75rem -0.0625rem rgba(249, 250, 251, 0.06) !important;
}

#toast-container:not(.toast-bottom-full-width, .toast-top-full-width) > div {
    width: 25rem !important;
}

.toast-progress {
    position: absolute;
    bottom: 0;
    top: auto;
    opacity: 0.2;
    height: 0.1875rem;
    background-color: #212b36;
    border-bottom-right-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
}

[dir="rtl"] .toast-progress {
    left: auto;
    right: 0;
}

.toast-close-button {
    position: absolute;
    top: 0;
    text-shadow: none;
    border-top-right-radius: 0.25rem;
    padding: 0.2rem 0.45rem !important;
    -webkit-transition: all 0.23s ease 0.1s;
    transition: all 0.23s ease 0.1s;
    opacity: 1 !important;
    line-height: 0.98;
}

html:not([dir="rtl"]) .toast-close-button {
    right: 0 !important;
}

[dir="rtl"] .toast-close-button {
    left: -7px !important;
    right: auto !important;
}

@media (max-width: 419.98px) {
    .toast {
        width: 300px !important;
    }
}
#toast-container .toast-close-button {
    font-weight: 300;
    color: #f4f6f8 !important;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0.125rem 0.3rem -0.0625rem rgba(0, 0, 0, 0.1),
        0 0.275rem 0.75rem -0.0625rem rgba(249, 250, 251, 0.06);
    box-shadow: 0 0.125rem 0.3rem -0.0625rem rgba(0, 0, 0, 0.1),
        0 0.275rem 0.75rem -0.0625rem rgba(249, 250, 251, 0.06);
}

#toast-container > .toast-success,
#toast-container > .toast-success .toast-message a,
#toast-container > .toast-success .toast-message label {
    background-color: #ffffff !important;
    color: #20b250;
}
#toast-container > .toast-error,
#toast-container > .toast-error .toast-message a,
#toast-container > .toast-error .toast-message label {
    background-color: #ffffff !important;
    color: #e03a1d;
}
#toast-container > .toast-info,
#toast-container > .toast-info .toast-message a,
#toast-container > .toast-info .toast-message label {
    background-color: #ffffff !important;
    color: #0d5abf;
}
#toast-container > .toast-warning,
#toast-container > .toast-warning .toast-message a,
#toast-container > .toast-warning .toast-message label {
    background-color: #ffffff !important;
    color: #fcac00;
}
#toast-container > .toast-success .toast-close-button,
#toast-container > .toast-error .toast-close-button,
#toast-container > .toast-info .toast-close-button,
#toast-container > .toast-warning .toast-close-button {
    color: #ffffff !important;
}
/* toastr */

.address-delete-modal {
    max-width: 700px !important;
}

.min-h-400 {
    min-height: 400px !important;
}

.avatar-icon {
    width: 1.75rem;
    height: 1.75rem;
    line-height: 1.75rem;
}

.vertical-product-card .card-btn {
    z-index: 1;
}

@media (min-width: 1199px) and (max-width: 1399.98px) {
    .d-none-1399 {
        display: none !important;
    }
}

.checkout-sidebar {
    position: sticky;
    top: 100px;
}

.grecaptcha-badge {
    z-index: 99999;
    bottom: 140px !important;
}
 .scroll-top-btn.active {
    bottom: 80px; 
}
.object-fit-cover{
    object-fit: cover;
}

[data-bs-theme=light] .clr-scheme .topbar-info-right li a:not(.dropdown-menu a) {
    color: #fff !important
}
.topbar-info-right {
    gap: 30px;
}
.topbar-info-right li::before{
    left: -16px !important;
}

.pagination li .page-link {
    min-width: auto;
    height: auto;
    padding: 4px 12px !important;
}
.tt-custom-pagination{
    flex-wrap: nowrap;
    overflow-x: auto;
}
/* ===== ALRAJI brand overrides ===== */
.header .logo img, .navbar-brand img, a.logo img { max-height: 56px !important; width: auto !important; }
.vertical-product-card { height: 100%; display: flex; flex-direction: column; }
.vertical-product-card .thumbnail { height: 210px !important; padding: 14px !important; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.vertical-product-card .thumbnail img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 10px; }
.vertical-product-card .card-content { flex: 1 1 auto; }
/* horizontal (weekly offers) card uniform image */
.horizontal-product-card .thumbnail { flex: 0 0 140px; width: 140px; height: 140px; overflow: hidden; }
.horizontal-product-card .thumbnail img { width: 140px !important; height: 140px !important; object-fit: cover !important; border-radius: 10px; }

/* =======================================================================
   ALRAJI DATES — Global Design System (applies to every frontend page)
   Royal blue + date-amber gold · Reem Kufi (display) / IBM Plex Sans Arabic
   ======================================================================= */
@import url('https://fonts.googleapis.com/css2?family=Reem+Kufi:wght@500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');

:root{
  --al-blue:#2f6bf6; --al-blue-600:#1e50d6; --al-blue-700:#173fb0; --al-blue-050:#eef3ff;
  --al-gold:#c8873b; --al-gold-600:#a86c26;
  --al-ink:#101a33; --al-muted:#5c6884; --al-line:#e7ecf7;
  --al-bg:#f5f8ff; --al-radius:16px;
  --al-shadow:0 10px 30px -12px rgba(23,63,176,.28);
  --al-shadow-sm:0 4px 14px -6px rgba(23,63,176,.22);
}

/* ---- Typography ---- */
html body{ font-family:'IBM Plex Sans Arabic',sans-serif !important; color:var(--al-ink); background:var(--al-bg); letter-spacing:.1px; }
h1,h2,h3,h4,h5,.card-title,.section-title,.gstore-breadcrumb h1,.gstore-breadcrumb h2{
  font-family:'Reem Kufi','IBM Plex Sans Arabic',sans-serif !important; letter-spacing:.2px; color:var(--al-ink);
}
a{ transition:color .2s ease; }
a:hover{ color:var(--al-blue-600); }

/* ---- Section headings: gold underline accent ---- */
.section-title,.tt-section-title h2,.title h2{ position:relative; }
.section-title::after{ content:""; display:block; width:54px; height:3px; margin-top:10px;
  background:linear-gradient(90deg,var(--al-blue),var(--al-gold)); border-radius:3px; }
[dir="rtl"] .section-title::after{ margin-inline-start:0; }

/* ---- Buttons ---- */
.btn-primary,.button-effect--primary,.bg-primary{
  background:var(--al-blue) !important; border-color:var(--al-blue) !important; color:#fff !important;
}
.btn-primary{ border-radius:999px !important; padding:.6rem 1.5rem !important; font-weight:600;
  box-shadow:var(--al-shadow-sm); transition:transform .18s ease, box-shadow .18s ease, background .18s ease; }
.btn-primary:hover{ background:var(--al-blue-600) !important; transform:translateY(-2px); box-shadow:var(--al-shadow); }
.btn-outline-primary{ border-radius:999px !important; border:1.5px solid var(--al-blue) !important; color:var(--al-blue) !important; font-weight:600; }
.btn-outline-primary:hover{ background:var(--al-blue) !important; color:#fff !important; }
.text-primary,.clr-primary{ color:var(--al-blue) !important; }

/* ---- Header polish ---- */
.header .logo img{ filter:drop-shadow(0 2px 6px rgba(23,63,176,.12)); }
.header-menu a,.main-menu a{ font-weight:600; }

/* ---- Product cards: elevate + zoom + gold price ---- */
.vertical-product-card,.horizontal-product-card{
  border:1px solid var(--al-line) !important; border-radius:var(--al-radius) !important;
  background:#fff; box-shadow:var(--al-shadow-sm); overflow:hidden;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.vertical-product-card:hover,.horizontal-product-card:hover{
  transform:translateY(-6px); box-shadow:var(--al-shadow); border-color:#cdd9f7;
}
.vertical-product-card .thumbnail img,.horizontal-product-card .thumbnail img{ transition:transform .4s ease; }
.vertical-product-card:hover .thumbnail img,.horizontal-product-card:hover .thumbnail img{ transform:scale(1.06); }
.card-price,.product-price,.price{ color:var(--al-gold) !important; font-weight:700; }
.discount-badge,.badge-discount,.tt-badge{ background:var(--al-blue) !important; }

/* ---- Category tiles ---- */
.category-card,.single-category,.category-item{ border-radius:var(--al-radius); transition:transform .2s ease, box-shadow .2s ease; }
.category-card:hover,.single-category:hover,.category-item:hover{ transform:translateY(-4px); box-shadow:var(--al-shadow-sm); }

/* ---- Topbar ---- */
.header-top,.topbar{ background:linear-gradient(90deg,var(--al-blue),var(--al-blue-700)) !important; }

/* ---- Forms ---- */
.form-control,.form-select{ border-radius:12px; border:1.5px solid var(--al-line); }
.form-control:focus,.form-select:focus{ border-color:var(--al-blue); box-shadow:0 0 0 3px var(--al-blue-050); }

/* ---- Breadcrumb banner tint ---- */
.gstore-breadcrumb{ background:linear-gradient(180deg,var(--al-blue-050),transparent); }

/* ---- Gentle entrance for cards ---- */
@keyframes alRise{ from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:translateY(0);} }
.vertical-product-card,.horizontal-product-card,.category-card{ animation:alRise .5s ease both; }

/* ==================== ALRAJI · LUXURY POLISH ==================== */
/* Atmospheric background */
html body{
  background:
    radial-gradient(1200px 500px at 100% -10%, rgba(47,107,246,.06), transparent 60%),
    radial-gradient(900px 500px at -10% 10%, rgba(200,135,59,.06), transparent 55%),
    var(--al-bg) !important;
}

/* ---- Preloader: logo pulse + orbiting ring ---- */
#preloader{
  position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle at 50% 40%, #ffffff, #eef3ff);
}
#preloader img{ width:132px !important; max-width:132px !important; animation:alPulse 1.4s ease-in-out infinite; }
#preloader::before{
  content:""; position:absolute; width:190px; height:190px; border-radius:50%;
  border:3px solid transparent; border-top-color:var(--al-blue); border-right-color:var(--al-gold);
  animation:alSpin 1s linear infinite;
}
@keyframes alPulse{ 0%,100%{ transform:scale(.92); opacity:.85; } 50%{ transform:scale(1.06); opacity:1; } }
@keyframes alSpin{ to{ transform:rotate(360deg); } }

/* ---- FIX: add-to-cart button was clipped; make it a premium blue button ---- */
.vertical-product-card{ overflow:visible !important; }
.vertical-product-card .thumbnail{ overflow:hidden; border-radius:12px; }
.vertical-product-card .card-content{ padding:0 18px 18px; }
.vertical-product-card .direct-add-to-cart-btn,
.vertical-product-card a.btn-outline-secondary,
.vertical-product-card .add-to-cart-text{
  background:linear-gradient(180deg,var(--al-blue),var(--al-blue-600)) !important;
  color:#fff !important; border:none !important; border-radius:999px !important;
  font-weight:700 !important; padding:.7rem 1rem !important; box-shadow:0 8px 18px -8px rgba(47,107,246,.6);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease; opacity:1 !important; visibility:visible !important;
}
.vertical-product-card .direct-add-to-cart-btn:hover,
.vertical-product-card a.btn-outline-secondary:hover,
.vertical-product-card .add-to-cart-text:hover{ transform:translateY(-2px); filter:brightness(1.05); box-shadow:0 12px 24px -8px rgba(47,107,246,.7); }

/* ---- Premium cards: gold hairline + deeper elevation ---- */
.vertical-product-card,.horizontal-product-card,.category-card{
  background:linear-gradient(#fff,#fff) padding-box, linear-gradient(160deg,rgba(200,135,59,.35),rgba(47,107,246,.18)) border-box !important;
  border:1px solid transparent !important;
}
.rounded-btn{ box-shadow:var(--al-shadow-sm); transition:transform .18s ease, color .18s ease; }
.rounded-btn:hover{ transform:scale(1.1); color:var(--al-blue) !important; }

/* ---- Luxury AUTH (login / register) ---- */
.login-section,.register-section{ min-height:100vh; display:flex; align-items:center;
  background:
    radial-gradient(800px 400px at 90% 0%, rgba(47,107,246,.10), transparent 60%),
    radial-gradient(700px 400px at 0% 100%, rgba(200,135,59,.10), transparent 60%),
    linear-gradient(135deg,#0f1a33,#173fb0); }
.tt-login-col,.tt-login-form-wrap{ background:rgba(255,255,255,.98) !important; border-radius:22px !important;
  box-shadow:0 30px 70px -30px rgba(9,16,40,.6) !important; }
.tt-login-img{ border-radius:22px 0 0 22px; background-size:cover; background-position:center; }
.tt-login-form-wrap h1,.tt-login-form-wrap h2,.tt-login-form-wrap h3{ color:var(--al-ink) !important; }
.input-field .form-control{ border-radius:12px; padding:.75rem 1rem; border:1.5px solid var(--al-line); background:#fbfcff; }
.input-field .form-control:focus{ border-color:var(--al-blue); box-shadow:0 0 0 4px var(--al-blue-050); }
.login-section .btn,.register-section .btn,#login-form button[type=submit],#register-form button[type=submit]{
  background:linear-gradient(180deg,var(--al-blue),var(--al-blue-600)) !important; border:none !important;
  color:#fff !important; border-radius:999px !important; font-weight:700; padding:.8rem 1.5rem !important;
  box-shadow:0 12px 26px -10px rgba(47,107,246,.6); }

/* ---- Luxury section rhythm & headings ---- */
.section-title,.tt-section-title h2{ font-size:clamp(1.4rem,2.4vw,2rem) !important; font-weight:700; }
.gstore-breadcrumb h1,.gstore-breadcrumb h2{ font-size:clamp(1.8rem,3vw,2.6rem) !important; }

/* ---- Header: refined glass ---- */
.header .main-header,.header nav{ backdrop-filter:saturate(1.1); }

/* ============ FIX v2 · product card equal-height, button INSIDE card ============ */
.vertical-product-card{ overflow:hidden !important; height:100% !important; display:flex !important; flex-direction:column !important; }
.vertical-product-card .thumbnail{ height:200px !important; padding:14px !important; overflow:hidden; flex:0 0 auto; }
.vertical-product-card .thumbnail img{ width:100% !important; height:100% !important; object-fit:cover !important; border-radius:12px; }
.vertical-product-card .card-content{ display:flex !important; flex-direction:column; flex:1 1 auto; padding:18px 22px 22px !important; }
.vertical-product-card .card-content .price{ margin-bottom:6px; }
/* Add-to-cart: normal flow, pinned to the card bottom, premium blue, always visible */
.vertical-product-card .direct-add-to-cart-btn,
.vertical-product-card a.btn-outline-secondary,
.vertical-product-card .add-to-cart-text{
  position:static !important; margin-top:auto !important; width:100% !important; display:block !important;
  background:linear-gradient(180deg,var(--al-blue),var(--al-blue-600)) !important; color:#fff !important;
  border:none !important; border-radius:12px !important; font-weight:700 !important; padding:.72rem 1rem !important;
  box-shadow:0 8px 18px -9px rgba(47,107,246,.6); transition:transform .16s ease, filter .16s ease; opacity:1 !important; visibility:visible !important;
}
.vertical-product-card .direct-add-to-cart-btn:hover,
.vertical-product-card a.btn-outline-secondary:hover,
.vertical-product-card .add-to-cart-text:hover{ transform:translateY(-2px); filter:brightness(1.06); color:#fff !important; }
/* keep the theme's own hover slide-up button hidden (avoid double buttons) */
.vertical-product-card .card-btn{ display:none !important; }

/* ============ FIX v2 · LIST VIEW (horizontal card) clean & premium ============ */
.horizontal-product-card{
  background:#fff !important; border:1px solid var(--al-line) !important; border-radius:16px !important;
  box-shadow:var(--al-shadow-sm) !important; padding:16px !important; gap:20px !important; overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.horizontal-product-card:hover{ transform:translateY(-3px); box-shadow:var(--al-shadow) !important; border-color:#cdd9f7 !important; }
.horizontal-product-card .thumbnail{
  width:130px !important; height:130px !important; flex:0 0 130px !important;
  border-radius:12px !important; overflow:hidden; background:#f3f3f3;
}
.horizontal-product-card .thumbnail img{ width:130px !important; height:130px !important; object-fit:cover !important; }
.horizontal-product-card .card-content .title{ font-size:1.05rem !important; color:var(--al-ink) !important; }
.horizontal-product-card .card-content .title:hover{ color:var(--al-blue) !important; }
.horizontal-product-card .explore-btn,
.horizontal-product-card .direct-add-to-cart-btn{ color:var(--al-blue) !important; font-weight:700 !important; }
.horizontal-product-card .explore-btn:hover,
.horizontal-product-card .direct-add-to-cart-btn:hover{ color:var(--al-blue-600) !important; }
.horizontal-product-card .card-content .pricing span,
.horizontal-product-card .pricing .h4{ color:var(--al-gold) !important; }