:root{
--blue-950:#063d7e;--blue-900:#064d98;--blue-800:#005eb8;--blue-700:#0875ce;
--blue-500:#1f8fe2;--blue-100:#eaf6ff;--blue-50:#f6fbff;--ink:#0a2d55;
--muted:#687a8f;--line:#dce8f3;--shadow:0 12px 32px rgba(7,72,138,.09);--radius:15px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.container{width:min(1440px,calc(100% - 48px));margin:auto}
.topbar{background:linear-gradient(90deg,var(--blue-950),var(--blue-900));color:#fff;font-size:13px}
.topbar-inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topbar-benefits,.topbar-tools,.fallback-languages{display:flex;align-items:center;gap:11px}
.topbar-benefits i{width:1px;height:15px;background:rgba(255,255,255,.35)}
.topbar-tools .alahd-language-switcher,.topbar-tools .fallback-languages{position:static!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.topbar-tools .alahd-language-link,.fallback-languages a{color:#fff!important;padding:5px 12px!important;border-radius:20px!important;font-weight:700}
.topbar-tools .is-active,.fallback-languages a:nth-child(2){background:#1489df!important}
.middle-header{background:#fff;border-bottom:1px solid var(--line)}
.middle-header-inner{min-height:96px;display:grid;grid-template-columns:220px minmax(320px,1fr) auto;align-items:center;gap:30px}
.text-logo{display:inline-flex;flex-direction:column;line-height:.88}
.text-logo strong{font-size:40px;letter-spacing:-2px;color:var(--blue-800)}
.text-logo small{font-size:11px;letter-spacing:3px;color:#66809b}
.custom-logo{max-height:70px;width:auto}
.product-search .woocommerce-product-search,.product-search form{display:grid;grid-template-columns:1fr 58px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}
.product-search input{border:0;padding:17px 18px;outline:none;font-size:15px}
.product-search button{border:0;background:var(--blue-800);color:#fff;font-size:21px;cursor:pointer}
.account-tools{display:flex;gap:20px}
.account-tools>a{position:relative;display:flex;align-items:center;gap:9px}
.account-tools span:not(.tool-icon){display:flex;flex-direction:column}
.account-tools strong{font-size:13px}
.account-tools small{font-size:11px;color:var(--muted)}
.tool-icon{font-size:27px;color:var(--blue-800)}
.cart-tool b{position:absolute;top:-10px;left:18px;min-width:20px;height:20px;border-radius:20px;background:#0b7ccf;color:#fff;font-size:11px;display:grid;place-items:center;padding:0 5px}
.site-navigation{background:linear-gradient(90deg,#0053a8,#0075d0);color:#fff}
.navigation-inner{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.site-navigation .menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:5px}
.site-navigation .menu a{display:block;padding:17px 18px;font-size:14px;font-weight:700}
.site-navigation .menu a:hover{background:rgba(255,255,255,.12)}
.need-help{white-space:nowrap;background:#0784dd;padding:10px 20px;border-radius:28px;font-weight:700}
.menu-toggle{display:none;border:0;border-radius:8px;background:var(--blue-800);color:#fff;padding:10px 14px;font-size:20px}
.hero-wrap{padding:12px 0 8px}
.hero-banner{position:relative;aspect-ratio:4.65/1;background-size:cover;background-position:center;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.hero-shop-button{position:absolute;left:7.1%;bottom:13%;background:linear-gradient(180deg,#087bd4,#005fb6);color:#fff;padding:13px 25px;border-radius:6px;font-weight:800}
.hero-arrow,.brand-arrow{position:absolute;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:var(--blue-800);box-shadow:var(--shadow);font-size:28px;cursor:pointer}
.hero-prev{left:18px;top:50%;transform:translateY(-50%)}
.hero-next{right:18px;top:50%;transform:translateY(-50%)}
.hero-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:7px}
.hero-dots i{width:8px;height:8px;border-radius:50%;background:#b9cbdc}
.hero-dots i:first-child,.hero-dots i:nth-child(2){background:#1b8cdf}
.brands-section{padding:10px 0 15px}
.brand-shell{position:relative}
.brand-track{display:flex;gap:27px;overflow:auto;scrollbar-width:none;padding:10px 50px}
.brand-track::-webkit-scrollbar{display:none}
.brand-circle{flex:0 0 118px;height:78px;border:1px solid #e4edf5;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 7px 20px rgba(5,75,145,.08);font-weight:900;color:#0b4f91}
.brand-circle img{max-width:76px;max-height:38px;object-fit:contain}
.brand-arrow{top:50%;transform:translateY(-50%);z-index:2}
.brand-prev{left:0}.brand-next{right:0}
.category-strip{padding-bottom:14px}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.category-card{min-height:115px;border-radius:10px;padding:17px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:linear-gradient(120deg,#e9f7ff,#f7fbff)}
.category-card:nth-child(2){background:linear-gradient(120deg,#e9fbff,#f4ffff)}
.category-card:nth-child(3){background:linear-gradient(120deg,#edf8ff,#f8fcff)}
.category-card:nth-child(4){background:linear-gradient(120deg,#f4efff,#fcfaff)}
.category-card h3{margin:0;font-size:18px}.category-card p{margin:2px 0 12px;color:var(--muted);font-size:13px}
.category-card a{display:inline-block;padding:7px 14px;border:1px solid var(--blue-700);border-radius:4px;background:#fff;color:var(--blue-800);font-size:12px;font-weight:700}
.category-card>span{font-size:56px}
.featured-products{padding-bottom:20px}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:7px 0 10px}
.section-title h2{margin:0;font-size:20px}.section-title a{color:var(--blue-800);font-size:13px}
.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.product-card{border:1px solid #e1ebf4;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 5px 15px rgba(4,69,132,.04);display:flex;flex-direction:column}
.product-thumb{height:190px;padding:12px;display:grid;place-items:center;background:#fff}
.product-thumb img{max-height:170px;width:auto;object-fit:contain}
.product-info{padding:12px}
.product-info h3{margin:0 0 10px;font-size:14px;line-height:1.35;min-height:40px}
.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
.price{color:#005fba;font-size:16px;font-weight:900}
.card-actions{display:flex;gap:6px}
.round-action{width:32px;height:32px;border:1px solid #cfe0ee;border-radius:6px;display:grid;place-items:center;color:var(--blue-800);background:#fff}
.trust-strip{background:linear-gradient(90deg,#eef8ff,#f8fbff);border-top:1px solid #e0ecf6;border-bottom:1px solid #d9e7f4}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:17px 0}
.trust-grid>div{display:grid;grid-template-columns:38px auto;grid-template-rows:auto auto}
.trust-grid span{grid-row:1/3;font-size:27px}.trust-grid strong{font-size:14px}.trust-grid small{color:var(--muted)}
.site-footer{background:linear-gradient(180deg,#0755a1,#014181);color:#fff}
.footer-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:38px;padding:30px 0}
.footer-grid h3{margin-top:0}.footer-grid ul{list-style:none;padding:0;margin:0}.footer-grid li{margin:5px 0}
.footer-grid a,.footer-grid p{color:#fff;font-size:14px}
.footer-logo strong{color:#fff}.footer-logo small{color:#cfe9ff}
.social-row{display:flex;gap:10px}.social-row a{width:30px;height:30px;border-radius:50%;background:#0b6abd;display:grid;place-items:center}
.footer-bottom{background:#00366d}.footer-bottom-inner{min-height:46px;display:flex;align-items:center;justify-content:space-between;font-size:13px}
.payment-badges{background:#fff;color:#174370;padding:4px 10px;border-radius:4px;font-weight:800}
.site-main{min-height:55vh;padding:28px 0;background:#f4f9fc}
.page-shell,.woo-shell{background:#fff;border-radius:16px;padding:28px;box-shadow:var(--shadow)}
.content-card{background:#fff;border-radius:12px}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}
.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{background:var(--blue-800)!important;color:#fff!important}
@media(max-width:1200px){
.product-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}
.account-tools{gap:10px}.footer-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
.container{width:min(100% - 28px,1440px)}
.topbar-benefits span:nth-of-type(n+3),.topbar-benefits i:nth-of-type(n+2){display:none}
.middle-header-inner{grid-template-columns:1fr auto;min-height:78px}
.product-search{grid-column:1/3;grid-row:2;padding-bottom:14px}.account-tools{display:none}.menu-toggle{display:block}
.site-navigation{display:none}.site-navigation.is-open{display:block}
.navigation-inner{align-items:stretch;flex-direction:column;padding:10px 0}
.site-navigation .menu{flex-direction:column;align-items:stretch;width:100%}.site-navigation .menu a{padding:12px}
.need-help{margin-bottom:8px}
.hero-banner{aspect-ratio:2.2/1;background-position:center}.hero-shop-button{left:7%;bottom:10%;padding:10px 18px}
.product-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}
.footer-grid{grid-template-columns:repeat(2,1fr)}.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:560px){
.topbar-inner{justify-content:center}.topbar-benefits{display:none}.middle-header-inner{grid-template-columns:1fr auto;gap:12px}
.text-logo strong{font-size:32px}.category-grid,.product-grid,.trust-grid,.footer-grid{grid-template-columns:1fr}
.hero-banner{aspect-ratio:1.35/1;background-size:cover;background-position:58% center}
.hero-shop-button{left:6%;bottom:7%;font-size:12px}.hero-arrow{display:none}
.brand-circle{flex-basis:100px}.product-thumb{height:160px}.woocommerce ul.products{grid-template-columns:1fr!important}
.footer-bottom-inner{flex-direction:column;justify-content:center;gap:8px;padding:10px 0}
}
html[dir="rtl"] .hero-prev{right:18px;left:auto}html[dir="rtl"] .hero-next{left:18px;right:auto}
html[dir="rtl"] .brand-prev{right:0;left:auto}html[dir="rtl"] .brand-next{left:0;right:auto}

/* WooCommerce classic cart, checkout and account pages */
.commerce-page>h1{
    margin:0 0 26px;
    font-size:36px;
    color:var(--ink);
}
.commerce-content .woocommerce{
    width:100%;
}
.woocommerce-cart-form{
    width:100%;
}
.woocommerce table.shop_table{
    width:100%;
    border:1px solid var(--line)!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    border-radius:12px!important;
    overflow:hidden;
    background:#fff;
}
.woocommerce table.shop_table th{
    padding:15px 14px!important;
    background:#f3f9fe;
    color:var(--ink);
    font-weight:800;
    border:0!important;
    border-bottom:1px solid var(--line)!important;
}
.woocommerce table.shop_table td{
    padding:16px 14px!important;
    border:0!important;
    border-bottom:1px solid var(--line)!important;
    vertical-align:middle!important;
}
.woocommerce table.shop_table tr:last-child td{
    border-bottom:0!important;
}
.woocommerce-cart-form__cart-item .product-thumbnail img{
    width:82px!important;
    height:82px!important;
    object-fit:contain;
    border:1px solid var(--line);
    border-radius:9px;
    padding:5px;
}
.woocommerce-cart-form__cart-item .product-name a{
    color:var(--ink);
    font-weight:800;
}
.woocommerce .quantity .qty{
    width:72px;
    min-height:40px;
    border:1px solid #bfd3e5;
    border-radius:7px;
}
.woocommerce .cart-collaterals{
    display:flex;
    justify-content:flex-end;
    margin-top:24px;
}
.woocommerce .cart-collaterals .cart_totals{
    width:min(100%,480px)!important;
    float:none!important;
    padding:22px;
    border:1px solid var(--line);
    border-radius:13px;
    background:#f8fcff;
}
.woocommerce .cart_totals h2{
    margin:0 0 15px;
    font-size:24px;
}
.woocommerce .cart_totals table{
    border:0!important;
    border-radius:0!important;
    background:transparent;
}
.woocommerce .cart_totals table th,
.woocommerce .cart_totals table td{
    padding:12px 0!important;
    background:transparent!important;
}
.woocommerce .wc-proceed-to-checkout{
    padding:12px 0 0!important;
}
.woocommerce .wc-proceed-to-checkout a.checkout-button{
    width:100%;
    padding:15px 20px!important;
    font-size:17px!important;
    text-align:center;
}
.woocommerce .coupon{
    display:flex;
    gap:9px;
}
.woocommerce .coupon .input-text{
    min-width:190px;
    min-height:42px;
    padding:8px 12px!important;
    border:1px solid #bfd3e5!important;
    border-radius:7px;
}
.woocommerce form.checkout{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);
    gap:28px;
}
.woocommerce .col2-set,
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2{
    width:100%!important;
    float:none!important;
}
.woocommerce #order_review_heading,
.woocommerce #order_review{
    grid-column:2;
}
.woocommerce #order_review_heading{
    margin:0;
}
.woocommerce #order_review{
    padding:22px;
    border:1px solid var(--line);
    border-radius:13px;
    background:#f8fcff;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
    min-height:44px;
    padding:10px 12px;
    border:1px solid #bfd3e5;
    border-radius:7px;
}
.woocommerce-account .woocommerce{
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    gap:25px;
}
.woocommerce-MyAccount-navigation ul{
    list-style:none;
    padding:10px;
    margin:0;
    border:1px solid var(--line);
    border-radius:12px;
    background:#f7fbff;
}
.woocommerce-MyAccount-navigation li a{
    display:block;
    padding:11px 13px;
    border-radius:7px;
    font-weight:700;
}
.woocommerce-MyAccount-navigation li.is-active a{
    background:var(--blue-800);
    color:#fff;
}
.empty-cart-panel{
    min-height:300px;
    display:grid;
    place-items:center;
    align-content:center;
    gap:15px;
    text-align:center;
}
.empty-cart-icon{
    font-size:70px;
}
.empty-cart-panel h2{
    margin:0;
}
html[dir="rtl"] body{
    direction:rtl;
}
html[dir="ltr"] body{
    direction:ltr;
}
@media(max-width:900px){
    .woocommerce form.checkout{
        grid-template-columns:1fr;
    }
    .woocommerce #order_review_heading,
    .woocommerce #order_review{
        grid-column:1;
    }
    .woocommerce-account .woocommerce{
        grid-template-columns:1fr;
    }
}
@media(max-width:650px){
    .commerce-page>h1{font-size:30px}
    .woocommerce table.shop_table_responsive tr{
        margin-bottom:14px;
        border:1px solid var(--line);
        border-radius:10px;
        overflow:hidden;
    }
    .woocommerce .cart-collaterals .cart_totals{
        width:100%!important;
    }
    .woocommerce .coupon{
        flex-direction:column;
    }
    .woocommerce .coupon .input-text{
        width:100%!important;
    }
}

/* Floating cart */
.inks-floating-cart{
    position:fixed;
    right:24px;
    bottom:24px;
    z-index:9998;
    min-width:112px;
    min-height:54px;
    padding:10px 14px;
    border-radius:999px;
    background:linear-gradient(180deg,#0a82dd,#0062b9);
    color:#fff!important;
    box-shadow:0 12px 28px rgba(0,87,167,.28);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-weight:800;
}
.inks-floating-cart:hover{
    transform:translateY(-2px);
}
.inks-floating-cart__icon{
    font-size:22px;
}
.inks-floating-cart__count{
    min-width:22px;
    height:22px;
    padding:0 6px;
    border-radius:50px;
    background:#fff;
    color:#0768bb;
    display:grid;
    place-items:center;
    font-size:12px;
}
.inks-floating-cart__label{
    font-size:13px;
}
html[dir="rtl"] .inks-floating-cart{
    right:auto;
    left:24px;
}
@media(max-width:560px){
    .inks-floating-cart{
        right:14px;
        bottom:14px;
        min-width:54px;
        width:54px;
        height:54px;
        padding:0;
    }
    html[dir="rtl"] .inks-floating-cart{
        right:auto;
        left:14px;
    }
    .inks-floating-cart__label{
        display:none;
    }
}

/* 4.1.3 multilingual header alignment */
.topbar-tools{
    flex-direction:row;
}
.currency{
    display:inline-grid;
    place-items:center;
    min-width:30px;
    height:28px;
    padding:0 7px;
    border-radius:16px;
    background:rgba(255,255,255,.12);
    color:#fff;
    font-weight:900;
    line-height:1;
}
html[dir="rtl"] .topbar-inner{
    direction:rtl;
}
html[dir="rtl"] .topbar-tools{
    direction:ltr;
}
html[dir="rtl"] .topbar-tools .alahd-language-switcher,
html[dir="rtl"] .topbar-tools .fallback-languages{
    direction:rtl;
}
html[dir="rtl"] .product-search input{
    text-align:right;
}
html[dir="ltr"] .product-search input{
    text-align:left;
}

/* 4.1.4 — compact two-column mobile layout */
@media (max-width: 560px) {
    .product-grid,
    .featured-grid,
    .category-grid,
    .trust-grid,
    .footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .product-card,
    .inks-product-card {
        min-width: 0;
    }

    .product-thumb,
    .inks-product-image {
        height: 132px !important;
        padding: 8px !important;
    }

    .product-thumb img,
    .inks-product-image img {
        max-height: 116px !important;
        max-width: 100% !important;
        object-fit: contain;
    }

    .product-info,
    .inks-product-body {
        padding: 9px !important;
    }

    .product-info h3,
    .inks-product-body h3 {
        min-height: 48px !important;
        margin-bottom: 7px !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
        overflow-wrap: anywhere;
    }

    .product-bottom {
        align-items: flex-end;
        gap: 6px;
    }

    .price,
    .inks-product-price {
        font-size: 13px !important;
        line-height: 1.2;
    }

    .card-actions,
    .inks-product-actions {
        gap: 4px !important;
    }

    .round-action,
    .icon-button {
        width: 29px !important;
        height: 29px !important;
        font-size: 12px;
    }

    .category-card {
        min-height: 122px !important;
        padding: 12px !important;
        align-items: flex-start !important;
    }

    .category-card h3 {
        font-size: 14px !important;
        line-height: 1.25;
    }

    .category-card p {
        min-height: 34px;
        margin: 3px 0 8px !important;
        font-size: 11px !important;
    }

    .category-card a {
        padding: 6px 9px !important;
        font-size: 10px !important;
    }

    .category-card > span,
    .category-art {
        font-size: 34px !important;
    }

    .trust-grid > div {
        min-width: 0;
        grid-template-columns: 30px minmax(0, 1fr) !important;
        padding: 8px 2px;
    }

    .trust-grid span {
        font-size: 21px !important;
    }

    .trust-grid strong {
        font-size: 11px !important;
        line-height: 1.3;
    }

    .trust-grid small {
        font-size: 9px !important;
        line-height: 1.25;
    }

    .footer-grid {
        padding: 24px 0 !important;
        column-gap: 18px !important;
        row-gap: 24px !important;
    }

    .footer-grid section {
        min-width: 0;
    }

    .footer-grid h3 {
        margin-bottom: 9px;
        font-size: 15px;
    }

    .footer-grid a,
    .footer-grid p,
    .footer-grid li {
        font-size: 11px !important;
        line-height: 1.5;
        overflow-wrap: anywhere;
    }

    .footer-brand {
        grid-column: 1 / -1;
    }

    .footer-contact {
        grid-column: 1 / -1;
    }

    .footer-brand p {
        max-width: 100%;
    }

    .social-row,
    .social-links {
        flex-wrap: wrap;
    }

    .woocommerce ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .woocommerce ul.products li.product {
        min-width: 0;
        padding: 9px !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        min-height: 45px;
        padding: 7px 0 4px !important;
        font-size: 12px !important;
        line-height: 1.35;
    }

    .woocommerce ul.products li.product .price {
        font-size: 13px !important;
    }

    .woocommerce ul.products li.product .button {
        width: 100%;
        margin-top: 7px !important;
        padding: 8px 5px !important;
        font-size: 10px !important;
        text-align: center;
    }
}

/* 4.1.7 — compact search and corrected cart badge */
.product-search .woocommerce-product-search,
.product-search form {
    grid-template-columns: minmax(0, 1fr) 58px !important;
}

.product-search button {
    width: 58px !important;
    min-width: 58px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    font-size: 29px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-indent: 0 !important;
}

.cart-tool {
    position: relative;
}

.cart-tool .tool-icon {
    position: relative;
    display: inline-grid;
    place-items: center;
}

.cart-tool b {
    top: -11px !important;
    left: 18px !important;
    right: auto !important;
    z-index: 3;
    transform: none !important;
}

html[dir="rtl"] .cart-tool b {
    left: auto !important;
    right: 18px !important;
}

html[dir="rtl"] .account-tools {
    direction: rtl;
}

html[dir="ltr"] .account-tools {
    direction: ltr;
}

@media (max-width: 900px) {
    .product-search button {
        width: 54px !important;
        min-width: 54px !important;
        font-size: 27px !important;
    }
}

@media (max-width: 560px) {
    .product-search .woocommerce-product-search,
    .product-search form {
        grid-template-columns: minmax(0, 1fr) 50px !important;
    }

    .product-search button {
        width: 50px !important;
        min-width: 50px !important;
        font-size: 25px !important;
    }
}

/* 4.2.0 customizable category card images */
.category-card-image{
    width:44%;
    max-width:150px;
    height:95px;
    object-fit:contain;
    object-position:center;
    flex:0 0 auto;
}
@media(max-width:560px){
    .category-card-image{
        width:42%;
        max-width:90px;
        height:75px;
    }
}


/* 4.4.2 — remove all homepage arrows and keep carousel swipe-only */
.hero-arrow,
.brand-arrow,
.hero-prev,
.hero-next,
.brand-prev,
.brand-next,
.hero-banner > button:not(.menu-toggle),
.brand-shell > button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.brand-shell {
    grid-template-columns: minmax(0, 1fr) !important;
}

.brand-track {
    overflow-x: auto !important;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    cursor: grab;
    user-select: none;
    touch-action: pan-x;
    -webkit-overflow-scrolling: touch;
}

.brand-track::-webkit-scrollbar {
    display: none;
}

.brand-track.is-dragging {
    cursor: grabbing;
}


/* 4.4.3 — larger and automatically centered brand logos */
.brand-track {
    display: flex !important;
    align-items: center;
    gap: 22px !important;
    padding: 14px 10px 18px !important;
}

.brand-track.is-centered {
    justify-content: center !important;
}

.brand-track:not(.is-centered) {
    justify-content: flex-start !important;
}

.brand-circle {
    flex: 0 0 132px !important;
    width: 132px !important;
    height: 88px !important;
    min-width: 132px !important;
    border-radius: 999px !important;
    padding: 12px !important;
}

.brand-circle img {
    width: 88px !important;
    height: 58px !important;
    max-width: 88px !important;
    max-height: 58px !important;
    object-fit: contain !important;
}

.brand-circle strong {
    font-size: 18px !important;
    line-height: 1.2;
}

@media (max-width: 700px) {
    .brand-track {
        gap: 12px !important;
        padding: 10px 4px 14px !important;
    }

    .brand-circle {
        flex-basis: 104px !important;
        width: 104px !important;
        min-width: 104px !important;
        height: 72px !important;
        padding: 9px !important;
    }

    .brand-circle img {
        width: 70px !important;
        height: 46px !important;
        max-width: 70px !important;
        max-height: 46px !important;
    }

    .brand-circle strong {
        font-size: 14px !important;
    }
}


/* 4.5.0 — Homepage Builder */
.homepage-builder-section {
    width: 100%;
}

.brand-circle {
    flex-basis: var(--inks-brand-w) !important;
    width: var(--inks-brand-w) !important;
    min-width: var(--inks-brand-w) !important;
    height: var(--inks-brand-h) !important;
}

.brand-circle img {
    width: var(--inks-brand-logo-w) !important;
    height: var(--inks-brand-logo-h) !important;
    max-width: var(--inks-brand-logo-w) !important;
    max-height: var(--inks-brand-logo-h) !important;
}

.product-grid,
.woocommerce ul.products {
    grid-template-columns: repeat(
        var(--inks-product-cols),
        minmax(0, 1fr)
    ) !important;
}

.product-thumb,
.inks-product-image {
    height: var(--inks-product-image-h) !important;
}

.category-strip {
    margin-top: 22px;
    margin-bottom: 26px;
}

.category-grid {
    margin-bottom: 0 !important;
}

@media (max-width: 560px) {
    .product-grid,
    .woocommerce ul.products {
        grid-template-columns: repeat(
            var(--inks-mobile-product-cols),
            minmax(0, 1fr)
        ) !important;
    }

    .product-thumb,
    .inks-product-image {
        height: var(--inks-mobile-product-image-h) !important;
    }
}

/* Professional hero uses a complete static artwork */
.hero-shop-button,
.hero-dots,
.hero-arrow,
.hero-prev,
.hero-next{
    display:none !important;
}
.hero-banner{
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
}

/* 1.0.1 — full professional hero image */
.hero-banner{
    position:relative;
    min-height:0 !important;
    height:auto !important;
    overflow:hidden;
    border-radius:18px;
    background:none !important;
}
.hero-banner-image{
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
    object-position:center;
}
.hero-shop-button{
    display:inline-flex !important;
    position:absolute;
    left:7%;
    right:auto;
    bottom:8%;
    z-index:3;
    min-width:140px;
    min-height:48px;
    align-items:center;
    justify-content:center;
    padding:12px 22px;
    border-radius:8px;
    background:var(--blue-700);
    color:#fff !important;
    font-weight:800;
    text-decoration:none;
    box-shadow:0 8px 22px rgba(0,94,184,.22);
}
html[dir="rtl"] .hero-shop-button{
    left:auto;
    right:7%;
}
.hero-dots,
.hero-arrow,
.hero-prev,
.hero-next{
    display:none !important;
}
@media(max-width:700px){
    .hero-shop-button{
        min-width:105px;
        min-height:38px;
        padding:8px 12px;
        font-size:12px;
        bottom:5%;
    }
}

/* 1.0.2 — preserve the complete hero artwork */
.hero-wrap .container{
    overflow:visible;
}
.hero-banner{
    position:relative !important;
    width:100%;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    overflow:hidden;
    border-radius:18px;
    background:none !important;
}
.hero-banner-image{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center !important;
}
.hero-shop-button{
    display:inline-flex !important;
    position:absolute;
    left:6.5%;
    right:auto;
    bottom:7.5%;
    z-index:5;
    align-items:center;
    justify-content:center;
    min-width:135px;
    min-height:46px;
    padding:10px 20px;
    border-radius:8px;
    background:var(--blue-700);
    color:#fff !important;
    font-weight:800;
    text-decoration:none;
}
html[dir="rtl"] .hero-shop-button{
    left:auto;
    right:6.5%;
}
@media(max-width:700px){
    .hero-shop-button{
        min-width:90px;
        min-height:34px;
        padding:6px 10px;
        font-size:11px;
        bottom:5%;
    }
}

/* 1.1.0 — fully responsive layout driven by INKS Commerce Core */
body{background:var(--inks-page-bg,#fff)}
.site-header{
    min-height:var(--inks-header-height,92px);
    background:var(--inks-header-bg,#fff)!important;
}
.custom-logo,.site-logo img{max-width:var(--inks-logo-width,160px)!important}
.site-navigation a{color:var(--inks-menu-color,#1f2937)!important}
.site-navigation a:hover{color:var(--inks-menu-hover,#005eb8)!important}
.site-footer{
    background:var(--inks-footer-bg,#0755a1)!important;
    color:var(--inks-footer-text,#fff)!important;
}
.footer-grid{grid-template-columns:repeat(var(--inks-footer-cols,4),minmax(0,1fr))!important}

.hero-banner{
    position:relative;
    overflow:hidden;
    min-height:var(--inks-hero-height,360px)!important;
    border-radius:20px;
    background:#eef5fb;
}
.hero-banner-image{
    width:100%!important;
    height:100%!important;
    min-height:var(--inks-hero-height,360px);
    object-fit:cover!important;
    object-position:center!important;
}
.hero-copy{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    max-width:min(520px,44%);
    padding:28px;
    z-index:2;
}
.hero-copy-left{left:5%;text-align:left}
.hero-copy-right{right:5%;text-align:right}
.hero-copy-center{left:50%;transform:translate(-50%,-50%);text-align:center}
.hero-copy h1{font-size:clamp(26px,3vw,48px);line-height:1.1;margin:0 0 12px}
.hero-copy p{font-size:clamp(14px,1.4vw,20px);margin:0 0 18px}
.hero-copy a{
    display:inline-flex;
    min-height:46px;
    padding:10px 22px;
    align-items:center;
    border-radius:8px;
    background:var(--blue-700,#0875ce);
    color:#fff!important;
    font-weight:800;
    text-decoration:none;
}

.promo-banners{padding:24px 0}
.promo-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}
.promo-card{
    position:relative;
    display:block;
    overflow:hidden;
    border-radius:16px;
    min-height:220px;
    background:#eef5fb;
}
.promo-card img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
}
.promo-card span{
    position:absolute;
    left:18px;
    bottom:16px;
    padding:8px 14px;
    border-radius:8px;
    background:rgba(255,255,255,.92);
    color:#0f2942;
    font-weight:800;
}

.product-grid,.woocommerce ul.products{
    grid-template-columns:repeat(var(--inks-product-cols,4),minmax(0,1fr))!important;
}
.product-card img,.woocommerce ul.products li.product img{
    width:100%;
    aspect-ratio:1/1;
    object-fit:contain;
    background:#fff;
}

.brand-circle{
    flex:0 0 calc(var(--inks-brand-w,132px));
    width:var(--inks-brand-w,132px)!important;
    height:var(--inks-brand-h,88px)!important;
}
.brand-circle img{
    width:var(--inks-brand-logo-w,88px)!important;
    height:var(--inks-brand-logo-h,58px)!important;
    object-fit:contain!important;
}

@media(max-width:900px){
    .promo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .hero-copy{max-width:56%}
    .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:560px){
    .container{width:min(100% - 24px,1440px)!important}
    .hero-banner{min-height:auto!important;border-radius:14px}
    .hero-banner-image{
        min-height:0!important;
        height:auto!important;
        aspect-ratio:16/8;
        object-fit:cover!important;
    }
    .hero-copy{
        position:static;
        transform:none!important;
        max-width:none;
        padding:18px;
        text-align:center!important;
        background:#f7fbff;
    }
    .hero-copy h1{font-size:24px}
    .hero-copy p{font-size:14px}
    .promo-grid{grid-template-columns:1fr}
    .promo-card,.promo-card img{min-height:170px;height:170px}
    .product-grid,.woocommerce ul.products{
        grid-template-columns:repeat(var(--inks-mobile-cols,2),minmax(0,1fr))!important;
        gap:12px!important;
    }
    .product-card,.woocommerce ul.products li.product{min-width:0!important}
    .brand-track{gap:12px!important}
    .brand-circle{
        flex-basis:104px!important;
        width:104px!important;
        min-width:104px!important;
        height:72px!important;
    }
    .brand-circle img{
        width:70px!important;
        height:46px!important;
    }
}

/* 2.1.0 — light professional storefront */
:root{
    --blue-950:#0b4f8a!important;
    --blue-800:#0b76c8!important;
    --blue-700:#1595df!important;
}
body{background:#f7fbff!important;color:#12304a}
.top-strip{background:#0b4f8a!important}
.main-navigation,.nav-bar{background:linear-gradient(90deg,#0b67b6,#158fd9)!important}
.main-navigation a,.nav-bar a,.site-navigation a{
    color:#fff!important;
    font-weight:700!important;
}
.main-navigation a:hover,.nav-bar a:hover,.site-navigation a:hover{
    color:#eaf7ff!important;
}
.header-main{background:#fff!important}
.search-submit{background:#0b76c8!important;color:#fff!important}
.help-pill{background:#1595df!important;color:#fff!important}

.hero-wrap{padding:14px 0 12px!important}
.hero-banner{
    min-height:0!important;
    height:auto!important;
    border-radius:18px!important;
    box-shadow:0 12px 30px rgba(29,105,164,.10);
}
.hero-banner-image{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    object-fit:contain!important;
    border-radius:18px!important;
}
.hero-copy{display:none!important}

.brands-section{padding:10px 0 18px!important}
.brand-track{justify-content:center!important}
.brand-circle{
    background:#fff!important;
    border:1px solid #d9e8f5!important;
    box-shadow:0 6px 18px rgba(20,90,145,.07)!important;
}

.category-cards{padding:14px 0 26px}
.category-card-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
.category-card{
    min-height:148px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:18px;
    border:1px solid #dbeaf6;
    border-radius:16px;
    background:linear-gradient(135deg,#f7fbff,#eaf7ff);
    color:#10365a;
    text-decoration:none;
    overflow:hidden;
    box-shadow:0 8px 22px rgba(25,102,160,.06);
}
.category-card:nth-child(2){background:linear-gradient(135deg,#f4fbff,#e4f5ff)}
.category-card:nth-child(3){background:linear-gradient(135deg,#f4fcff,#e5f9ff)}
.category-card:nth-child(4){background:linear-gradient(135deg,#faf8ff,#f0ebff)}
.category-card-copy{min-width:48%;position:relative;z-index:2}
.category-card h3{margin:0 0 5px;font-size:18px}
.category-card p{margin:0 0 12px;color:#6b8298;font-size:13px}
.category-card span{
    display:inline-flex;
    padding:7px 12px;
    border:1px solid #0b76c8;
    border-radius:6px;
    color:#0b76c8;
    font-size:12px;
    font-weight:800;
}
.category-card img{
    width:48%;
    height:105px;
    object-fit:contain;
    mix-blend-mode:multiply;
}
.section-title h2{color:#10365a!important}
.product-card,.woocommerce ul.products li.product{
    border:1px solid #deebf5!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 7px 20px rgba(24,92,145,.06)!important;
}
.site-footer{background:#0d67ad!important}
.site-footer,.site-footer a,.site-footer p,.site-footer h3{color:#fff!important}

@media(max-width:900px){
    .category-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
    .category-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .category-card{min-height:150px;padding:12px;flex-direction:column-reverse;text-align:center}
    .category-card-copy{min-width:0}
    .category-card img{width:100%;height:70px}
    .category-card h3{font-size:14px}
    .category-card p{font-size:11px;margin-bottom:8px}
    .category-card span{font-size:10px;padding:5px 8px}
}

/* 2.1.1 — compact footer */
.trust-strip{
    border-top:1px solid #dceaf5;
    background:#f2f8fd;
}
.trust-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    padding:18px 0;
}
.trust-item{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}
.trust-item>span{
    font-size:26px;
    line-height:1;
}
.trust-item strong{
    display:block;
    margin-bottom:3px;
    color:#163a5a;
    font-size:15px;
}
.trust-item small{
    display:block;
    color:#6c8297;
    font-size:12px;
}

.compact-footer{
    background:#0d67ad!important;
    color:#fff!important;
}
.compact-footer-grid{
    display:grid;
    grid-template-columns:1.25fr 1fr 1fr 1.15fr;
    gap:34px;
    align-items:start;
    padding:34px 0 28px!important;
}
.compact-footer section{
    margin:0!important;
    padding:0!important;
}
.compact-footer h3{
    margin:0 0 14px!important;
    font-size:18px!important;
    color:#fff!important;
}
.compact-footer ul{
    list-style:none;
    margin:0;
    padding:0;
}
.compact-footer li{
    margin:0 0 9px;
}
.compact-footer a{
    color:#fff!important;
    text-decoration:none;
}
.compact-footer a:hover{
    opacity:.82;
}
.footer-brand p{
    max-width:360px;
    margin:12px 0 14px!important;
    line-height:1.55;
    color:#eaf6ff!important;
}
.footer-logo{
    max-width:145px;
    max-height:58px;
    object-fit:contain;
}
.footer-logo-text{
    font-size:38px;
    font-weight:900;
    line-height:.9;
}
.footer-logo-text small{
    display:block;
    margin-top:7px;
    font-size:11px;
    letter-spacing:4px;
}
.footer-social{
    display:flex;
    gap:10px;
}
.footer-social a{
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.12);
}
.footer-contact p{
    margin:0 0 10px!important;
    color:#fff!important;
    font-size:14px;
}
.footer-bottom{
    background:#084b82!important;
    border-top:1px solid rgba(255,255,255,.12);
}
.footer-bottom-inner{
    min-height:50px!important;
    padding:10px 0!important;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}
.payment-badges{
    font-weight:800;
    white-space:nowrap;
}

@media(max-width:900px){
    .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .compact-footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:26px;
    }
}
@media(max-width:560px){
    .trust-grid{grid-template-columns:1fr 1fr;gap:12px}
    .trust-item strong{font-size:13px}
    .trust-item small{font-size:11px}
    .compact-footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:22px 18px;
        padding:26px 0 22px!important;
    }
    .compact-footer h3{font-size:15px!important}
    .compact-footer li,.footer-contact p{font-size:12px}
    .footer-brand p{font-size:12px}
    .footer-bottom-inner{
        flex-direction:column;
        text-align:center;
        padding:12px 0!important;
    }
}

/* 2.2.0 — final header and hero corrections */

/* Navigation text must always be white on the blue bar */
.nav-bar,
.main-navigation,
.site-navigation,
.primary-navigation{
    background:linear-gradient(90deg,#0b70c5,#1597df)!important;
}
.nav-bar a,
.main-navigation a,
.site-navigation a,
.primary-navigation a,
.nav-bar .menu-item>a,
.main-navigation .menu-item>a{
    color:#fff!important;
    fill:#fff!important;
    text-shadow:none!important;
    font-weight:700!important;
}
.nav-bar a:hover,
.main-navigation a:hover,
.site-navigation a:hover,
.primary-navigation a:hover,
.nav-bar .current-menu-item>a,
.main-navigation .current-menu-item>a{
    color:#fff!important;
    background:rgba(255,255,255,.10)!important;
}
.help-pill,
.header-help,
.need-help{
    color:#fff!important;
}

/* Hero must fill its box with no empty top/bottom or side gutters */
.hero-wrap{
    padding:14px 0 10px!important;
}
.hero-wrap .container{
    width:min(100% - 28px,1800px)!important;
    max-width:none!important;
}
.hero-banner{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:18px!important;
    background:transparent!important;
    box-shadow:0 12px 28px rgba(25,100,155,.10)!important;
}
.hero-banner-image{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    margin:0!important;
    padding:0!important;
    border-radius:18px!important;
}
.hero-copy{display:none!important}

/* Mobile: image spans the full banner container and keeps all details visible */
@media(max-width:560px){
    .hero-wrap{
        padding:10px 0 8px!important;
    }
    .hero-wrap .container{
        width:100%!important;
        padding:0!important;
        margin:0!important;
    }
    .hero-banner{
        width:100%!important;
        border-radius:0!important;
        box-shadow:none!important;
    }
    .hero-banner-image{
        width:100vw!important;
        max-width:100vw!important;
        height:auto!important;
        min-height:0!important;
        object-fit:contain!important;
        object-position:center!important;
        border-radius:0!important;
    }
}

/* Keep the mobile header compact and clean */
@media(max-width:782px){
    .header-main{
        padding:12px 16px!important;
    }
    .mobile-menu-toggle{
        background:#0b76c8!important;
        color:#fff!important;
    }
    .search-form,
    .header-search{
        width:100%!important;
    }
}

/* 2.3.0 — final approved visual system */
body.inks-v23{margin:0;background:#fff;color:#0b2f60}
.inks-wide{width:min(100% - 36px,1380px);margin-inline:auto}

.inks-topbar{background:linear-gradient(90deg,#0453c4,#078bea);color:#fff}
.inks-topbar-inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.inks-languages,.inks-top-features{display:flex;align-items:center;gap:18px}
.inks-languages a{color:#fff!important;font-weight:800;text-decoration:none}
.inks-languages a.is-active{background:#fff;color:#0874cf!important;padding:6px 14px;border-radius:18px}
.inks-top-features span{font-size:13px;font-weight:700}

.inks-main-header{background:#fff}
.inks-main-header-inner{min-height:118px;display:grid;grid-template-columns:280px 1fr 210px;align-items:center;gap:30px}
.inks-header-actions{display:flex;align-items:center;gap:24px}
.inks-action{display:flex;flex-direction:column;align-items:center;color:#0a3d7c!important;text-decoration:none;font-size:13px;position:relative}
.inks-action-icon{font-size:30px;line-height:1}
.inks-action b{position:absolute;top:-12px;right:2px;background:#087be0;color:#fff;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}
.inks-search{display:flex;height:58px;border:1px solid #d8e4ef;border-radius:6px;overflow:hidden}
.inks-search button{width:74px;border:0;background:linear-gradient(180deg,#0660c8,#0488de);color:#fff;font-size:31px;cursor:pointer}
.inks-search input{flex:1;border:0;padding:0 22px;font-size:15px;text-align:right;outline:none}
.inks-logo{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#0873cd!important}
.inks-logo strong{font-size:48px;line-height:.9}
.inks-logo small{font-size:13px;letter-spacing:5px;margin-top:9px}
.inks-logo img{max-width:180px;max-height:76px;object-fit:contain}
.inks-mobile-menu-toggle{display:none}

.inks-primary-nav{background:linear-gradient(90deg,#034a9f,#068bea);color:#fff}
.inks-primary-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:58px}
.inks-help{font-weight:800;white-space:nowrap}
.inks-menu-wrap ul{display:flex;list-style:none;gap:44px;margin:0;padding:0}
.inks-menu-wrap a{color:#fff!important;font-weight:800;text-decoration:none;font-size:15px}
.inks-menu-wrap .current-menu-item>a{border-bottom:3px solid #fff;padding-bottom:16px}

.inks-hero-v23{position:relative;width:100%;overflow:hidden;background:#062a65}
.inks-hero-v23 img{display:block;width:100%;height:auto;object-fit:contain}
.inks-hero-cta{position:absolute;left:8%;bottom:12%;background:#087ce0;color:#fff!important;text-decoration:none;padding:13px 24px;border-radius:5px;font-weight:900;box-shadow:0 8px 22px rgba(0,0,0,.18)}

.inks-brands-v23{background:#fff;border-bottom:1px solid #e6edf4}
.inks-brand-row{min-height:76px;display:flex;align-items:center;justify-content:center;gap:34px;overflow:hidden}
.inks-brand-row a,.inks-brand-row span{display:flex;align-items:center;justify-content:center;color:#14345f!important;text-decoration:none;font-weight:900;font-size:20px;min-width:85px}
.inks-brand-row img{max-width:105px;max-height:42px;object-fit:contain}

.inks-trust-v23{padding:18px 0;background:#fff}
.inks-trust-grid-v23{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #d9e5ef;border-radius:10px}
.inks-trust-grid-v23>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;padding:18px 26px;border-inline-end:1px solid #d9e5ef}
.inks-trust-grid-v23>div:last-child{border-inline-end:0}
.inks-trust-grid-v23 i{grid-row:1/3;font-style:normal;font-size:28px;align-self:center}
.inks-trust-grid-v23 strong{font-size:15px}
.inks-trust-grid-v23 small{color:#70859c;margin-top:4px}

.inks-categories-v23,.inks-products-v23{padding:28px 0 38px;background:#fff}
.inks-section-heading{text-align:center;margin-bottom:24px}
.inks-section-heading h2{margin:0;color:#0b2f60;font-size:26px}
.inks-section-heading span{display:block;width:74px;height:4px;border-radius:2px;background:#0a72dc;margin:12px auto 0}
.inks-category-grid-v23{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.inks-category-grid-v23 a{display:flex;flex-direction:column;align-items:center;padding:18px 12px;background:#fafafa;border:1px solid #edf1f5;border-radius:8px;color:#0b2f60!important;text-decoration:none}
.inks-category-grid-v23 img{width:100%;height:145px;object-fit:contain}
.inks-category-grid-v23 h3{font-size:17px;margin:12px 0 8px}
.inks-category-grid-v23 span{border:1px solid #0877d6;color:#0877d6;padding:7px 13px;border-radius:4px;font-weight:800;font-size:12px}

@media(max-width:980px){
    .inks-main-header-inner{grid-template-columns:220px 1fr 170px}
    .inks-top-features span:nth-child(-n+2){display:none}
    .inks-menu-wrap ul{gap:20px}
    .inks-category-grid-v23{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:680px){
    .inks-wide{width:100%;padding-inline:0}
    .inks-topbar-inner{min-height:46px;padding:0 14px;flex-direction:row-reverse}
    .inks-top-features{display:none}
    .inks-languages{gap:14px}
    .inks-languages a{font-size:13px}

    .inks-main-header-inner{min-height:auto;display:grid;grid-template-columns:72px 1fr 118px;grid-template-areas:"menu spacer logo" "search search search" "actions actions actions";gap:12px;padding:14px}
    .inks-mobile-menu-toggle{display:block;grid-area:menu;width:56px;height:56px;border:0;border-radius:8px;background:#0879d8;color:#fff;font-size:27px}
    .inks-logo{grid-area:logo}
    .inks-logo strong{font-size:33px}
    .inks-logo small{font-size:8px;letter-spacing:3px}
    .inks-search{grid-area:search;height:52px}
    .inks-search button{width:64px}
    .inks-header-actions{grid-area:actions;justify-content:space-around;padding-top:6px}
    .inks-action{font-size:12px}
    .inks-action-icon{font-size:25px}

    .inks-primary-nav{display:none}
    .inks-primary-nav.is-open{display:block}
    .inks-primary-nav-inner{display:block;padding:14px}
    .inks-help{text-align:center;margin-bottom:12px}
    .inks-menu-wrap ul{flex-direction:column;gap:0}
    .inks-menu-wrap a{display:block;padding:11px 0}

    .inks-hero-v23{margin:0;padding:0}
    .inks-hero-v23 img{width:100%;height:auto;object-fit:contain}
    .inks-hero-cta{left:7%;bottom:8%;padding:9px 14px;font-size:12px}

    .inks-brands-v23{overflow-x:auto}
    .inks-brand-row{justify-content:flex-start;padding:0 14px;gap:20px}
    .inks-brand-row a,.inks-brand-row span{font-size:15px;min-width:80px}
    .inks-brand-row img{max-width:82px;max-height:32px}

    .inks-trust-v23{padding:12px}
    .inks-trust-grid-v23{grid-template-columns:repeat(2,1fr)}
    .inks-trust-grid-v23>div{padding:14px 10px;border-bottom:1px solid #d9e5ef}
    .inks-trust-grid-v23 strong{font-size:12px}
    .inks-trust-grid-v23 small{font-size:10px}
    .inks-trust-grid-v23 i{font-size:23px}

    .inks-categories-v23,.inks-products-v23{padding:24px 12px}
    .inks-category-grid-v23{grid-template-columns:repeat(2,1fr);gap:10px}
    .inks-category-grid-v23 img{height:105px}
    .inks-category-grid-v23 h3{font-size:14px}
    .inks-section-heading h2{font-size:21px}
}


/* 2.3.1 — WooCommerce single-product page corrections */
.single-product .site-main,
.single-product .woocommerce {
    width: min(100% - 36px, 1380px);
    margin-inline: auto;
}

.single-product div.product {
    display: grid !important;
    grid-template-columns: minmax(340px, 44%) minmax(0, 1fr);
    gap: 48px;
    align-items: start;
    padding: 34px 0;
}

.single-product div.product .woocommerce-product-gallery {
    width: 100% !important;
    max-width: 580px;
    margin: 0 auto !important;
    float: none !important;
}

.single-product .woocommerce-product-gallery__wrapper {
    margin: 0 !important;
}

.single-product .woocommerce-product-gallery__image {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 420px;
    padding: 24px;
    border: 1px solid #dce8f2;
    border-radius: 16px;
    background: #fff;
}

.single-product .woocommerce-product-gallery__image img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 480px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

.single-product div.product .summary {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

.single-product div.product .product_title {
    color: #0b2f60;
    font-size: clamp(26px, 3vw, 40px);
    line-height: 1.25;
}

.single-product div.product .woocommerce-product-details__short-description {
    color: #405a72;
    font-size: 16px;
    line-height: 1.8;
}

.single-product div.product .woocommerce-tabs {
    grid-column: 1 / -1;
    width: 100%;
    margin-top: 28px;
}

.single-product div.product .related,
.single-product div.product .upsells {
    grid-column: 1 / -1;
}

.single-product .product_meta {
    line-height: 1.9;
}

html[dir="rtl"] .single-product div.product .summary {
    text-align: right;
}

html[dir="ltr"] .single-product div.product .summary {
    text-align: left;
}

@media (max-width: 820px) {
    .single-product .site-main,
    .single-product .woocommerce {
        width: min(100% - 24px, 100%);
    }

    .single-product div.product {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 20px 0;
    }

    .single-product div.product .woocommerce-product-gallery {
        max-width: 460px;
    }

    .single-product .woocommerce-product-gallery__image {
        min-height: 300px;
        padding: 14px;
    }

    .single-product .woocommerce-product-gallery__image img {
        max-height: 360px !important;
    }

    .single-product div.product .product_title {
        font-size: 25px;
    }
}

@media (max-width: 520px) {
    .single-product .woocommerce-product-gallery__image {
        min-height: 250px;
        border-radius: 12px;
    }

    .single-product .woocommerce-product-gallery__image img {
        max-height: 300px !important;
    }
}


/* 2.3.3 — Keep Hebrew/Arabic WooCommerce tables aligned correctly */
html[dir="rtl"] .woocommerce-order,
html[dir="rtl"] .woocommerce-order-received,
html[dir="rtl"] .woocommerce-order-details,
html[dir="rtl"] .woocommerce-customer-details,
html[dir="rtl"] .woocommerce-checkout,
html[dir="rtl"] .woocommerce-cart-form,
html[dir="rtl"] .cart-collaterals,
html[dir="rtl"] .woocommerce-MyAccount-content {
    direction: rtl !important;
    text-align: right !important;
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
}

html[dir="rtl"] .woocommerce-order-details table,
html[dir="rtl"] .woocommerce-checkout-review-order-table,
html[dir="rtl"] .shop_table,
html[dir="rtl"] table.woocommerce-table {
    direction: rtl !important;
    width: 100% !important;
    margin: 0 !important;
    table-layout: auto !important;
    float: none !important;
}

html[dir="rtl"] .woocommerce-order-details th,
html[dir="rtl"] .woocommerce-order-details td,
html[dir="rtl"] .woocommerce-checkout-review-order-table th,
html[dir="rtl"] .woocommerce-checkout-review-order-table td,
html[dir="rtl"] .shop_table th,
html[dir="rtl"] .shop_table td {
    text-align: right !important;
    direction: rtl !important;
}

html[dir="rtl"] .woocommerce-order-overview {
    direction: rtl !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    width: 100% !important;
    margin: 0 0 28px !important;
    padding: 0 !important;
}

html[dir="rtl"] .woocommerce-order-overview li {
    float: none !important;
    margin: 0 0 12px 24px !important;
    padding: 0 0 0 24px !important;
    border-right: 0 !important;
    border-left: 1px dashed #cbd8e5 !important;
    text-align: right !important;
}

html[dir="rtl"] .woocommerce-order-overview li:last-child {
    border-left: 0 !important;
}

html[dir="rtl"] .woocommerce-order-details__title,
html[dir="rtl"] .woocommerce-column__title,
html[dir="rtl"] .woocommerce-order h2,
html[dir="rtl"] .woocommerce-order h3 {
    text-align: right !important;
}

html[dir="rtl"] .woocommerce-order-details .product-name {
    text-align: right !important;
}

html[dir="rtl"] .woocommerce-order-details .product-total,
html[dir="rtl"] .woocommerce-order-details tfoot th,
html[dir="rtl"] .woocommerce-order-details tfoot td {
    text-align: right !important;
}

@media (max-width: 680px) {
    html[dir="rtl"] .woocommerce-order-overview {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 12px !important;
    }

    html[dir="rtl"] .woocommerce-order-overview li {
        margin: 0 !important;
        padding: 0 0 0 12px !important;
    }

    html[dir="rtl"] .woocommerce-order-details table,
    html[dir="rtl"] .shop_table {
        font-size: 13px !important;
    }
}


/* 2.3.4 — live cart count and add-to-cart confirmation */
.inks-header-cart-count {
    position: absolute;
    top: -12px;
    right: 2px;
    min-width: 22px;
    height: 22px;
    padding: 0 5px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: #087be0;
    color: #fff;
    font-size: 12px;
    line-height: 1;
}

html[dir="rtl"] .inks-header-cart-count {
    right: auto;
    left: 2px;
}

.inks-floating-cart.is-bumping {
    animation: inksCartBump .55s ease;
}

@keyframes inksCartBump {
    0%, 100% { transform: scale(1); }
    35% { transform: scale(1.13) rotate(-3deg); }
    70% { transform: scale(.98) rotate(2deg); }
}

.inks-cart-toast {
    position: fixed;
    left: 24px;
    bottom: 92px;
    z-index: 99999;
    width: min(390px, calc(100vw - 28px));
    padding: 18px;
    border: 1px solid #cfe2f2;
    border-radius: 16px;
    background: #fff;
    color: #143b5f;
    box-shadow: 0 18px 48px rgba(4, 47, 91, .24);
    opacity: 0;
    visibility: hidden;
    transform: translateY(18px);
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
}

html[dir="ltr"] .inks-cart-toast {
    left: auto;
    right: 24px;
}

.inks-cart-toast.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.inks-cart-toast > strong {
    display: block;
    padding-inline-end: 28px;
    color: #0b4f8a;
    font-size: 16px;
}

.inks-cart-toast-close {
    position: absolute;
    top: 8px;
    right: 10px;
    border: 0;
    background: transparent;
    color: #617a91;
    font-size: 24px;
    cursor: pointer;
}

html[dir="rtl"] .inks-cart-toast-close {
    right: auto;
    left: 10px;
}

.inks-cart-toast-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.inks-cart-toast-actions a,
.inks-cart-toast-actions button {
    border: 1px solid #0879d8;
    border-radius: 8px;
    padding: 9px 12px;
    background: #fff;
    color: #0871ca !important;
    text-decoration: none;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.inks-cart-toast-actions .is-checkout {
    background: #0879d8;
    color: #fff !important;
}

.add_to_cart_button.is-adding {
    opacity: .65;
    pointer-events: none;
}

.add_to_cart_button.is-added::after {
    content: " ✓";
}

.woocommerce-message {
    border-top-color: #18a957 !important;
}

.woocommerce-message::before {
    color: #18a957 !important;
}

@media (max-width: 560px) {
    .inks-cart-toast {
        left: 12px;
        right: 12px;
        bottom: 76px;
        width: auto;
    }
}


/* 2.3.5 — Keep floating cart opposite the smart assistant */
html[dir="rtl"] .inks-floating-cart {
    left: auto !important;
    right: 24px !important;
}

html[dir="ltr"] .inks-floating-cart {
    right: auto !important;
    left: 24px !important;
}

html[dir="rtl"] .inks-cart-toast {
    left: auto !important;
    right: 24px !important;
}

html[dir="ltr"] .inks-cart-toast {
    right: auto !important;
    left: 24px !important;
}

@media (max-width: 560px) {
    html[dir="rtl"] .inks-floating-cart {
        left: auto !important;
        right: 14px !important;
    }

    html[dir="ltr"] .inks-floating-cart {
        right: auto !important;
        left: 14px !important;
    }

    html[dir="rtl"] .inks-cart-toast,
    html[dir="ltr"] .inks-cart-toast {
        left: 12px !important;
        right: 12px !important;
    }
}


/* 2.3.8 — Nasser Eddin professional logo integration */
.inks-logo {
    min-width: 210px;
}

.inks-logo img {
    display: block;
    width: clamp(205px, 15vw, 255px) !important;
    max-width: 255px !important;
    max-height: 92px !important;
    height: auto !important;
    object-fit: contain !important;
}

.footer-brand .footer-logo {
    display: block;
    width: min(240px, 100%) !important;
    max-width: 240px !important;
    max-height: 105px !important;
    height: auto !important;
    object-fit: contain !important;
    margin-bottom: 12px;
}

@media (max-width: 980px) {
    .inks-logo {
        min-width: 0;
    }

    .inks-logo img {
        width: 190px !important;
        max-width: 190px !important;
        max-height: 74px !important;
    }
}

@media (max-width: 560px) {
    .inks-logo img {
        width: 168px !important;
        max-width: 168px !important;
        max-height: 68px !important;
    }

    .footer-brand .footer-logo {
        width: 205px !important;
        max-width: 205px !important;
        margin-inline: auto;
    }
}
