/*
Theme Name: ARK Material Commerce
Theme URI: https://example.com/ark-material-commerce
Author: ARK
Description: Lightweight, responsive Material Design-inspired WooCommerce theme built for Elementor editing, with customizable Elementor header/footer locations and mobile bottom navigation.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: ark-material-commerce
*/
:root{--ark-primary:#6750a4;--ark-primary-dark:#4f378b;--ark-on-primary:#fff;--ark-bg:#f8f7fc;--ark-surface:#fff;--ark-text:#1d1b20;--ark-muted:#66616d;--ark-border:#e8e4ed;--ark-radius:18px;--ark-shadow:0 6px 24px rgba(35,25,55,.07);--ark-content:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ark-bg);color:var(--ark-text);font-family:Inter,Roboto,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}img{max-width:100%;height:auto}a{color:var(--ark-primary);text-decoration:none}a:hover{color:var(--ark-primary-dark)}button,input,select,textarea{font:inherit}button,.button,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{border:0;border-radius:999px;background:var(--ark-primary);color:#fff;padding:12px 20px;font-weight:650;cursor:pointer;transition:transform .18s,background .18s}button:hover,.button:hover,.wp-element-button:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--ark-primary-dark);color:#fff;transform:translateY(-1px)}.ark-container{width:min(var(--ark-content),calc(100% - 40px));margin-inline:auto}.ark-site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--ark-border)}.ark-header-inner{min-height:76px;display:flex;align-items:center;gap:24px}.ark-brand{display:flex;align-items:center;gap:10px;color:var(--ark-text);font-size:1.35rem;font-weight:800;letter-spacing:-.04em;white-space:nowrap}.ark-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--ark-primary);color:#fff}.ark-brand-mark .material-symbols-rounded{font-size:25px}.ark-search{flex:1;max-width:520px;position:relative}
.ark-search input {
    width: 100%;
    height: 46px;
    border: 1px solid #e3deeb;
    border-radius: 999px;
    background: #f7f5fa;
    padding: 0 18px 0 46px;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(35, 25, 55, 0.025);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.ark-search input:hover {
    border-color: #d5cce5;
}

.ark-search input:focus {
    border-color: #b7a6d7;
    box-shadow: 0 0 0 3px rgba(103, 80, 164, 0.07);
}
.ark-search .material-symbols-rounded{position:absolute;left:16px;top:11px;color:var(--ark-muted)}.ark-header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.ark-icon-link{width:44px;height:44px;border-radius:50%;display:inline-grid;place-items:center;color:var(--ark-text);position:relative}.ark-icon-link:hover{background:#f1edf8}.ark-icon-link .material-symbols-rounded{font-size:24px}.ark-cart-count{position:absolute;right:0;top:0;min-width:18px;height:18px;border-radius:10px;background:#b3261e;color:#fff;font-size:11px;display:grid;place-items:center;padding:0 4px}.ark-main{min-height:55vh;padding:28px 0 60px}.ark-site-footer{background:#211b2b;color:#f7f2ff;padding:44px 0 90px;margin-top:40px}.ark-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.ark-site-footer a{color:#e6dcff}.ark-footer-title{font-weight:750;font-size:1.05rem;margin:0 0 12px}.ark-footer-bottom{border-top:1px solid #494151;margin-top:28px;padding-top:18px;color:#c9c1d1;font-size:.9rem}.ark-mobile-nav{display:none}.ark-card{background:var(--ark-surface);border:1px solid var(--ark-border);border-radius:var(--ark-radius);box-shadow:var(--ark-shadow)}.ark-page-title{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.15;letter-spacing:-.04em;margin:0 0 22px}.entry-content{overflow-wrap:anywhere}.entry-content>*{max-width:100%}.entry-content p{margin:0 0 1.2em}.entry-content h1,.entry-content h2,.entry-content h3{line-height:1.2;letter-spacing:-.03em}.widget-area{padding:20px;background:#fff;border-radius:16px}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important;padding:14px!important;background:#fff;border:1px solid var(--ark-border);border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s}.woocommerce ul.products li.product:hover{transform:translateY(-3px);box-shadow:var(--ark-shadow)}.woocommerce ul.products li.product a img{border-radius:12px;margin:0 0 12px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1rem;line-height:1.35;color:var(--ark-text);padding:0 0 8px}.woocommerce ul.products li.product .price{color:var(--ark-primary);font-weight:750}.woocommerce span.onsale{background:#b3261e;border-radius:999px;min-height:auto;min-width:auto;line-height:1;padding:8px 10px}.woocommerce div.product div.images img{border-radius:18px}.woocommerce div.product .product_title{font-size:clamp(1.8rem,4vw,2.5rem);line-height:1.15}.woocommerce div.product form.cart{display:flex;flex-wrap:wrap;gap:10px}.woocommerce .quantity .qty{min-height:44px;border:1px solid var(--ark-border);border-radius:12px}.woocommerce input,.woocommerce select,.woocommerce textarea{border:1px solid var(--ark-border);border-radius:12px;padding:10px}.woocommerce table.shop_table{border-radius:14px;overflow:hidden}.woocommerce-message,.woocommerce-info,.woocommerce-error{border-top-color:var(--ark-primary);border-radius:12px;background:#fff}.woocommerce-message:before,.woocommerce-info:before{color:var(--ark-primary)}.woocommerce .col2-set,.woocommerce-page .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:24px}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{float:none;width:auto}.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:8px}.woocommerce nav.woocommerce-pagination ul li{border:0}.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border-radius:10px;background:#fff}.alignwide{max-width:var(--ark-content);margin-left:auto;margin-right:auto}.alignfull{width:100%;max-width:100%;margin-left:0;margin-right:0}.wp-block-button__link{border-radius:999px}.wp-block-image img{border-radius:12px}.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;overflow:hidden;position:absolute!important;white-space:nowrap}.ark-no-results{padding:35px;text-align:center;background:#fff;border:1px solid var(--ark-border);border-radius:18px}
@media(max-width:900px){.ark-header-inner{gap:12px}.ark-search{max-width:none}.ark-header-actions .ark-account-action{display:none}.woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))!important}.ark-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){body{font-size:15px}.ark-container{width:calc(100% - 28px)}.ark-header-inner{min-height:64px;gap:8px}.ark-brand{font-size:1.12rem;gap:7px}.ark-brand-mark{width:36px;height:36px;border-radius:12px}.ark-brand-mark .material-symbols-rounded{font-size:22px}.ark-search{flex:1}.ark-search input{height:40px;padding-left:38px;font-size:14px}.ark-search .material-symbols-rounded{left:12px;top:8px;font-size:22px}.ark-header-actions{gap:0}.ark-header-actions .ark-wishlist-action{display:none}.ark-icon-link{width:38px;height:38px}.ark-main{padding:18px 0 34px}.ark-site-footer{padding:30px 0 100px}.ark-footer-grid{grid-template-columns:1fr;gap:22px}.ark-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));z-index:9999;padding:7px 5px;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border:1px solid rgba(220,214,230,.95);border-radius:22px;box-shadow:0 8px 32px rgba(25,15,40,.18)}.ark-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:48px;border-radius:15px;color:#625b6b;font-size:10px;font-weight:650}.ark-mobile-nav a .material-symbols-rounded{font-size:23px}.ark-mobile-nav a.is-active{background:#eee7ff;color:var(--ark-primary)}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.woocommerce ul.products li.product{padding:9px!important;border-radius:14px}.woocommerce ul.products li.product .button{font-size:12px;padding:10px 12px}.woocommerce .col2-set,.woocommerce-page .col2-set{grid-template-columns:1fr}.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none;width:100%}.woocommerce div.product form.cart{display:block}.woocommerce div.product form.cart .button{margin-top:10px}.woocommerce table.shop_table{font-size:13px}.ark-mobile-bottom-space{height:80px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Compact delivery address card */
.ark-delivery-box {
    width: min(1240px, calc(100% - 40px));
    margin: 10px auto 0;
    padding: 8px 14px;
    background: #fff;
    border: 1px solid #e8e4ed;
    border-radius: 14px;
    box-shadow: 0 2px 9px rgba(35, 25, 55, .045);
}

.ark-delivery-inner {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 42px;
}

.ark-location-icon {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #f0ebfa;
    color: #6750a4;
    font-size: 22px;
}

.ark-delivery-info {
    flex: 1;
    min-width: 0;
    line-height: 1.35;
}

.ark-delivery-info strong {
    display: block;
    margin-bottom: 2px;
    color: #625b6b;
    font-size: 12px;
    font-weight: 650;
}

.ark-delivery-info div {
    color: #1d1b20;
    font-size: 14px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.ark-address-arrow {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    color: #6750a4;
}

.ark-address-arrow:hover {
    background: #f0ebfa;
    color: #4f378b;
}

.ark-address-arrow .material-symbols-rounded {
    font-size: 25px;
}

@media (max-width: 600px) {
    .ark-delivery-box {
        width: calc(100% - 24px);
        margin-top: 8px;
        padding: 7px 10px;
        border-radius: 12px;
    }

    .ark-delivery-inner {
        gap: 9px;
        min-height: 38px;
    }

    .ark-location-icon {
        width: 33px;
        height: 33px;
        font-size: 21px;
    }

    .ark-delivery-info div {
        font-size: 13px;
    }

    .ark-address-arrow {
        width: 34px;
        height: 34px;
    }
}

/* Reduce gap below delivery address and above homepage banner */
body.home .ark-main {
    padding-top: 4px !important;
    margin-top: 0 !important;
}

body.home .ark-main > .ark-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.home .ark-main .elementor-section:first-child,
body.home .ark-main .e-con:first-child {
    margin-top: 0 !important;
}

/* Mobile spacing */
@media (max-width: 600px) {
    body.home .ark-main {
        padding-top: 2px !important;
    }
}


/* ==========================================
   ARK FLIPKART-INSPIRED HEADER
   ========================================== */

:root {
    --ark-primary: #2874f0;
    --ark-primary-dark: #1557bd;
    --ark-header-card-radius: 12px;
}

.ark-site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #fff;
    border-bottom: 1px solid var(--ark-border);
    overflow: hidden;
}

.ark-header-inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    z-index: 1;
}

/* Top cards */
.ark-header-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
}

.ark-top-card {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 8px 12px;
    border: 1px solid var(--ark-border);
    border-radius: var(--ark-header-card-radius);
    background: #fff;
    color: var(--ark-text);
    box-shadow: 0 2px 8px rgba(20, 20, 40, .05);
    transition: background .2s, transform .2s;
    text-decoration: none;
    min-width: 0;
}

.ark-top-card:hover {
    color: var(--ark-text);
    background: #f7f9ff;
    transform: translateY(-1px);
}

.ark-top-card-primary {
    background: var(--ark-primary);
    color: #fff;
    border-color: var(--ark-primary);
}

.ark-top-card-primary:hover {
    background: var(--ark-primary-dark);
    color: #fff;
}

.ark-top-card-logo {
    display: grid;
    place-items: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    overflow: hidden;
}

.ark-top-card-logo > .custom-logo-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.ark-top-card-logo img.custom-logo {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 30px;
    object-fit: contain;
}

.ark-top-card-logo .material-symbols-rounded,
.ark-plugin-card-icon .material-symbols-rounded {
    font-size: 25px;
}

.ark-top-card-primary .material-symbols-rounded {
    color: #fff;
}

.ark-plugin-card-icon {
    display: grid;
    place-items: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    color: var(--ark-primary);
}

.ark-top-card-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 750;
}

/* Search row */
.ark-header-search-row {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.ark-header-search-row .ark-search {
    flex: 1 1 auto;
    min-width: 0;
    max-width: none;
    margin: 0;
}

.ark-header-search-row .ark-search input {
    width: 100%;
    height: 46px;
    border: 1px solid var(--ark-border);
    border-radius: 12px;
    background: #f7f8fc;
    padding: 0 14px 0 43px;
}

.ark-header-search-row .ark-search .material-symbols-rounded {
    left: 13px;
    top: 11px;
}

.ark-header-search-row .ark-header-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 4px;
    margin-left: 0;
}

.ark-header-search-row .ark-icon-link {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    color: var(--ark-text);
}

.ark-header-search-row .ark-cart-action {
    background: var(--ark-primary);
    color: #fff;
}

.ark-header-search-row .ark-cart-action:hover {
    background: var(--ark-primary-dark);
    color: #fff;
}

.ark-header-search-row .ark-cart-action .material-symbols-rounded {
    color: #fff;
    font-size: 25px;
}

.ark-header-search-row .ark-account-action {
    display: inline-grid;
}

.ark-header-search-row .ark-cart-count {
    top: -3px;
    right: -3px;
    border: 2px solid #fff;
}

/* Delivery card remains below the header */
.ark-delivery-box {
    position: relative;
    z-index: 2;
}

/* Optional festive sparkle effect */
.ark-fireworks-layer {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    opacity: .45;
    background-image:
        radial-gradient(circle, #ffb300 1.5px, transparent 2.5px),
        radial-gradient(circle, #ff4b87 1.5px, transparent 2.5px),
        radial-gradient(circle, #7c4dff 1px, transparent 2px);
    background-size: 67px 67px, 91px 91px, 113px 113px;
    background-position: 0 0, 24px 18px, 48px 38px;
    animation: ark-sparkle-drift 8s linear infinite;
}

@keyframes ark-sparkle-drift {
    from {
        background-position: 0 0, 24px 18px, 48px 38px;
    }
    to {
        background-position: 0 -134px, 24px -164px, 48px -226px;
    }
}

/* Desktop: compact two-row shopping header */
@media (min-width: 641px) {
    .ark-header-inner {
        gap: 9px;
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .ark-header-cards {
        max-width: 520px;
    }

    .ark-top-card {
        min-height: 46px;
    }

    .ark-top-card-title {
        font-size: 14px;
    }

    .ark-header-search-row .ark-search input {
        height: 44px;
    }
}

/* Mobile */
@media (max-width: 640px) {
    .ark-header-inner {
        width: calc(100% - 24px);
        gap: 9px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .ark-header-cards {
        gap: 8px;
    }

    .ark-top-card {
        min-height: 45px;
        gap: 6px;
        padding: 6px 8px;
        border-radius: 11px;
    }

    .ark-top-card-logo,
    .ark-plugin-card-icon {
        flex-basis: 25px;
        width: 25px;
        height: 25px;
    }

    .ark-top-card-logo .material-symbols-rounded,
    .ark-plugin-card-icon .material-symbols-rounded {
        font-size: 22px;
    }

    .ark-top-card-logo img.custom-logo {
        max-height: 25px;
    }

    .ark-top-card-title {
        font-size: 13px;
    }

    .ark-header-search-row {
        gap: 7px;
    }

    .ark-header-search-row .ark-search input {
        height: 43px;
        font-size: 14px;
        padding-left: 39px;
    }

    .ark-header-search-row .ark-search .material-symbols-rounded {
        left: 11px;
        top: 10px;
        font-size: 22px;
    }

    .ark-header-search-row .ark-header-actions {
        gap: 5px;
    }

    .ark-header-search-row .ark-icon-link {
        width: 40px;
        height: 40px;
    }

    .ark-header-search-row .ark-account-action {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ark-fireworks-layer {
        animation: none;
    }
}

/* ==========================================
   ARK PREMIUM DESKTOP + SHOPPING UI
   ========================================== */

:root {
    --ark-accent: #ffb000;
    --ark-header-bg: #ffffff;
    --ark-header-text: #172337;
    --ark-footer-bg: #172337;
}

html,
body {
    min-height: 100%;
}

body {
    background:
        radial-gradient(ellipse at 8% 10%, rgba(40,116,240,.09), transparent 30%),
        radial-gradient(ellipse at 92% 18%, rgba(255,176,0,.09), transparent 28%),
        var(--ark-bg);
    color: var(--ark-text);
}

/* Keep all content readable above the celebration canvas */
.ark-site-header,
.ark-main,
.ark-site-footer {
    position: relative;
    z-index: 1;
}

/* More polished desktop header */
.ark-site-header {
    background: var(--ark-header-bg);
    color: var(--ark-header-text);
    box-shadow: 0 3px 18px rgba(20,35,60,.07);
}

.ark-header-inner {
    gap: 22px;
}

.ark-brand {
    color: var(--ark-header-text);
}

.ark-search input {
    transition: border-color .2s, box-shadow .2s;
}

.ark-search input:focus {
    border-color: var(--ark-primary);
    box-shadow: 0 0 0 4px rgba(40,116,240,.12);
}

/* Better spacing and background for desktop content */
@media (min-width: 901px) {
    body {
        background-attachment: fixed;
    }

    .ark-main {
        min-height: 65vh;
        padding-top: 32px;
        padding-bottom: 72px;
    }

    body.ark-home .ark-main > .ark-container {
        width: min(var(--ark-content), calc(100% - 64px));
    }

    .woocommerce ul.products {
        gap: 22px !important;
    }

    .woocommerce ul.products li.product {
        padding: 18px !important;
        border-radius: 20px;
        box-shadow: 0 5px 22px rgba(30,45,70,.06);
    }

    .woocommerce ul.products li.product:hover {
        box-shadow: 0 14px 34px rgba(30,45,70,.13);
    }

    .ark-card,
    .widget-area {
        box-shadow: 0 8px 28px rgba(30,45,70,.07);
    }

    .ark-site-footer {
        margin-top: 48px;
        padding-top: 52px;
        padding-bottom: 44px;
    }
}

/* Colorful shopping buttons */
.ark-icon-link:hover {
    background: color-mix(in srgb, var(--ark-primary) 12%, transparent);
}

.ark-cart-count {
    background: #e53935;
}

/* Celebration effects sit behind the shopping UI and never block clicks */
#ark-celebration-canvas {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: .62;
}

/* Improve smaller desktop/tablet layouts */
@media (min-width: 641px) and (max-width: 1100px) {
    .ark-container {
        width: calc(100% - 36px);
    }

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

/* Mobile: keep animations lighter and content compact */
@media (max-width: 640px) {
    #ark-celebration-canvas {
        opacity: .40;
    }

    .ark-main {
        background: transparent;
    }
}

/* Accessibility: stop motion for visitors who request reduced motion */
@media (prefers-reduced-motion: reduce) {
    #ark-celebration-canvas {
        display: none !important;
    }
}

/* Celebration animation: home page only */
body:not(.ark-home) #ark-celebration-canvas {
    display: none !important;
}

body.ark-home #ark-celebration-canvas {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.45;
}

body.ark-home .ark-site-header,
body.ark-home .ark-main,
body.ark-home .ark-site-footer {
    position: relative;
    z-index: 1;
}
/* ARK Customizable Mobile Bottom Navigation */
.ark-mobile-nav {
    display: none;
}

@media (max-width: 640px) {
    .ark-mobile-nav {
        grid-template-columns: repeat(var(--ark-nav-columns, 5), minmax(0, 1fr));
        gap: 3px;
    }

    .ark-mobile-nav a {
        position: relative;
        min-width: 0;
        padding: 5px 1px;
        text-align: center;
        text-decoration: none;
        overflow-wrap: anywhere;
    }

    .ark-mobile-nav a > span:last-child {
        line-height: 1.2;
    }

    .ark-mobile-nav .ark-mobile-nav-count {
        position: absolute;
        top: 1px;
        right: 8%;
        min-width: 16px;
        padding: 2px 4px;
        border-radius: 999px;
        background: #e53935;
        color: #fff;
        font-size: 9px;
        line-height: 1.2;
    }
}

/* ARK Bottom Navigation: visibility and mobile layout fix */
.ark-mobile-nav {
    display: none;
}

@media screen and (max-width: 640px) {
    .ark-mobile-nav {
        position: fixed !important;
        display: grid !important;
        grid-template-columns: repeat(var(--ark-nav-columns, 5), minmax(0, 1fr));
        left: 10px;
        right: 10px;
        bottom: max(10px, env(safe-area-inset-bottom));
        z-index: 99999;
        gap: 3px;
        padding: 7px 5px;
        background: rgba(255, 255, 255, 0.97);
        border: 1px solid #e2dced;
        border-radius: 22px;
        box-shadow: 0 8px 32px rgba(25, 15, 40, 0.20);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    .ark-mobile-nav > a {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-width: 0;
        min-height: 48px;
        padding: 5px 1px;
        gap: 2px;
        border-radius: 14px;
        color: #625b6b;
        font-size: 10px;
        font-weight: 650;
        line-height: 1.2;
        text-align: center;
        text-decoration: none;
        overflow-wrap: anywhere;
    }

    .ark-mobile-nav > a .material-symbols-rounded {
        font-size: 23px;
        line-height: 1;
    }

    .ark-mobile-nav > a.is-active {
        color: var(--ark-primary, #2874f0);
        background: #eee7ff;
    }

    .ark-mobile-nav .ark-mobile-nav-count {
        position: absolute;
        top: 0;
        right: 4%;
        min-width: 16px;
        padding: 2px 4px;
        border-radius: 999px;
        background: #e53935;
        color: #fff;
        font-size: 9px;
        line-height: 1.2;
    }

    /* Keep page content from being covered by the fixed navigation. */
    body {
        padding-bottom: 76px;
    }
}

@media screen and (min-width: 641px) {
    .ark-mobile-nav {
        display: none !important;
    }
}

/* ========================================
   ARK MART - CUSTOMER ACCOUNT DASHBOARD
======================================== */

body.ark-account-hide-header .ark-site-header {
    display: none !important;
}

body.ark-account-page .ark-account-dashboard {
    width: min(100%, 900px);
    margin: 0 auto;
    padding: 24px 16px 40px;
}

body.ark-account-page .woocommerce-MyAccount-navigation {
    display: none !important;
}

body.ark-account-page .woocommerce-MyAccount-content {
    width: 100% !important;
    float: none !important;
}

body.ark-account-page .woocommerce {
    display: block;
}

.ark-account-welcome {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px;
    margin-bottom: 20px;
    border-radius: 24px;
    background: linear-gradient(125deg, var(--ark-primary), #6d8fff);
    color: #fff;
    box-shadow: 0 10px 28px rgba(40, 116, 240, .18);
}

.ark-account-avatar {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(255,255,255,.20);
    border: 1px solid rgba(255,255,255,.45);
    color: #fff;
    font-size: 28px;
    font-weight: 800;
}

.ark-account-welcome-copy p {
    margin: 0 0 2px;
    opacity: .9;
    font-size: 14px;
}

.ark-account-welcome-copy h2 {
    color: #fff;
    font-size: clamp(22px, 4vw, 30px);
    line-height: 1.25;
    margin: 0 0 4px;
}

.ark-account-welcome-copy span {
    font-size: 13px;
    opacity: .9;
}

.ark-account-shortcuts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 22px;
}

.ark-account-shortcut {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    padding: 22px;
    border: 1px solid var(--ark-border);
    border-radius: 22px;
    background: var(--ark-surface);
    color: var(--ark-text);
    box-shadow: var(--ark-shadow);
    transition: transform .2s ease, box-shadow .2s ease;
}

.ark-account-shortcut:hover {
    color: var(--ark-text);
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(30, 40, 70, .12);
}

.ark-account-shortcut > .material-symbols-rounded {
    font-size: 32px;
    margin-bottom: 4px;
}

.ark-orders-shortcut > .material-symbols-rounded {
    color: var(--ark-primary);
}

.ark-wishlist-shortcut > .material-symbols-rounded {
    color: #e65b78;
}

.ark-account-shortcut strong {
    font-size: 18px;
}

.ark-account-shortcut small {
    color: var(--ark-muted);
    font-size: 13px;
}

.ark-account-menu {
    overflow: hidden;
    border: 1px solid var(--ark-border);
    border-radius: 22px;
    background: var(--ark-surface);
    box-shadow: var(--ark-shadow);
}

.ark-account-menu h3 {
    padding: 18px 20px;
    margin: 0;
    border-bottom: 1px solid var(--ark-border);
    font-size: 17px;
}

.ark-account-menu-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    color: var(--ark-text);
    border-bottom: 1px solid var(--ark-border);
    transition: background .2s ease;
}

.ark-account-menu-item:last-child {
    border-bottom: 0;
}

.ark-account-menu-item:hover {
    color: var(--ark-primary);
    background: rgba(40, 116, 240, .045);
}

.ark-account-menu-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: var(--ark-bg);
    color: var(--ark-primary);
    font-size: 23px;
}

.ark-account-menu-copy {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.ark-account-menu-copy strong {
    font-size: 15px;
    font-weight: 700;
}

.ark-account-menu-copy small {
    color: var(--ark-muted);
    font-size: 12px;
    line-height: 1.5;
}

.ark-account-chevron {
    color: var(--ark-muted);
}

.ark-account-logout .ark-account-menu-icon,
.ark-account-logout .ark-account-menu-copy strong {
    color: #d92d20;
}

body.ark-account-page .woocommerce-MyAccount-content > p:first-child {
    display: none;
}

@media (min-width: 900px) {
    body.ark-account-page .ark-account-dashboard {
        padding-top: 36px;
    }

    .ark-account-shortcut {
        padding: 28px;
    }
}

@media (max-width: 540px) {
    body.ark-account-page .ark-account-dashboard {
        padding: 16px 12px 100px;
    }

    .ark-account-welcome {
        padding: 18px;
        gap: 12px;
        border-radius: 20px;
    }

    .ark-account-avatar {
        flex-basis: 50px;
        width: 50px;
        height: 50px;
        font-size: 23px;
    }

    .ark-account-shortcuts {
        gap: 10px;
    }

    .ark-account-shortcut {
        padding: 16px 14px;
        border-radius: 18px;
    }

    .ark-account-shortcut strong {
        font-size: 16px;
    }

    .ark-account-menu-item {
        gap: 11px;
        padding: 14px;
    }
}

/* =========================================
   ARK PRODUCT PAGE - MOBILE APP STYLE
   ========================================= */

body.single-product {
    --ark-product-blue: var(--ark-primary, #2874f0);
    background: #f1f3f6;
}

/* Hide the regular theme / Elementor header on product pages.
   The compact search header is added by ark-product-ui.php. */
body.single-product .ark-site-header,
body.single-product .ark-delivery-box,
body.single-product .elementor-location-header {
    display: none !important;
}

body.single-product .ark-main {
    padding-top: 12px;
    padding-bottom: 105px;
}

body.single-product .ark-mobile-nav {
    display: none !important;
}

/* Compact search bar */
.ark-product-topbar {
    position: sticky;
    top: 0;
    z-index: 10050;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px max(14px, calc((100% - 1240px) / 2));
    background: #e3f2fd;
    border-bottom: 1px solid #d5e5f5;
}

.ark-product-back,
.ark-product-cart {
    position: relative;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #202124;
    text-decoration: none;
    border-radius: 12px;
}

.ark-product-back .material-symbols-rounded,
.ark-product-cart .material-symbols-rounded {
    font-size: 27px;
}

.ark-product-back:hover,
.ark-product-cart:hover {
    background: rgba(255,255,255,.7);
    color: #202124;
}

.ark-product-search {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
}

.ark-product-search > .material-symbols-rounded {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: #555d69;
    font-size: 22px;
    pointer-events: none;
}

.ark-product-search input[type="search"] {
    display: block;
    width: 100%;
    height: 44px;
    padding: 0 14px 0 42px;
    border: 1px solid #d2ddeb;
    border-radius: 14px;
    background: #fff;
    color: #202124;
    font-size: 14px;
    outline: none;
    box-shadow: none;
}

.ark-product-search input[type="search"]:focus {
    border-color: var(--ark-product-blue);
    box-shadow: 0 0 0 2px rgba(40,116,240,.12);
}

.ark-product-cart-count {
    position: absolute;
    top: -3px;
    right: -3px;
    min-width: 18px;
    height: 18px;
    display: grid;
    place-items: center;
    padding: 0 4px;
    border-radius: 20px;
    background: #d32f2f;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

/* Product content */
body.single-product .woocommerce div.product {
    display: block;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 16px;
}

body.single-product .woocommerce div.product div.images {
    width: 100%;
    float: none;
    margin: 0 0 16px;
}

body.single-product .woocommerce div.product div.images img {
    border-radius: 0;
}

body.single-product .woocommerce div.product div.summary {
    width: 100%;
    float: none;
    margin: 0;
    padding: 20px;
    background: #fff;
    border-radius: 18px;
}

body.single-product .woocommerce div.product .product_title {
    margin: 0 0 12px;
    font-size: clamp(22px, 3vw, 30px);
    line-height: 1.3;
    letter-spacing: -.025em;
}

body.single-product .woocommerce div.product p.price,
body.single-product .woocommerce div.product span.price {
    color: var(--ark-product-blue);
    font-size: 25px;
    font-weight: 750;
}

body.single-product .woocommerce div.product .woocommerce-product-details__short-description {
    color: #515866;
}

body.single-product .woocommerce div.product form.cart {
    display: block;
    margin-top: 18px;
}

body.single-product .woocommerce div.product form.cart .single_add_to_cart_button {
    min-height: 46px;
    padding: 12px 22px;
}

/* Fixed bottom purchase bar */
.ark-product-sticky-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10040;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    padding: 10px max(12px, calc((100% - 760px) / 2));
    padding-bottom: max(10px, env(safe-area-inset-bottom));
    background: rgba(255,255,255,.97);
    border-top: 1px solid #e2e5ea;
    box-shadow: 0 -5px 22px rgba(25,35,55,.10);
    backdrop-filter: blur(12px);
}

.ark-product-quick-actions {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ark-product-share,
.ark-product-wishlist {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 42px;
    padding: 0;
    border-radius: 12px;
    background: #f3f6fb;
    color: #263238;
    text-decoration: none;
}

.ark-product-share .material-symbols-rounded,
.ark-product-wishlist .material-symbols-rounded {
    font-size: 22px;
}

.ark-product-share:hover,
.ark-product-wishlist:hover {
    background: #e5edfb;
    color: #172337;
}

.ark-product-sticky-bar .ark-product-sticky-cart,
.ark-product-sticky-bar .ark-product-sticky-buy {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    margin: 0;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 750;
    white-space: nowrap;
}

.ark-product-sticky-bar .ark-product-sticky-cart {
    border: 1px solid var(--ark-product-blue);
    background: #fff;
    color: var(--ark-product-blue);
}

.ark-product-sticky-bar .ark-product-sticky-cart:hover {
    background: #edf4ff;
    color: var(--ark-product-blue);
}

.ark-product-sticky-bar .ark-product-sticky-buy {
    background: var(--ark-product-blue);
    color: #fff;
}

body.single-product .ark-site-footer {
    padding-bottom: 30px;
}

/* Desktop layout */
@media (min-width: 768px) {
    body.single-product .woocommerce div.product {
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
        gap: 28px;
        align-items: start;
        padding-top: 20px;
    }

    body.single-product .woocommerce div.product div.images {
        position: sticky;
        top: 75px;
    }

    body.single-product .woocommerce div.product div.summary {
        padding: 28px;
    }

    .ark-product-sticky-bar {
        left: 50%;
        right: auto;
        width: min(760px, calc(100% - 32px));
        transform: translateX(-50%);
        bottom: 16px;
        border: 1px solid #e1e5ed;
        border-radius: 18px;
        padding: 12px 16px;
        padding-bottom: 12px;
    }

    body.single-product .ark-product-sticky-bar {
        box-shadow: 0 8px 35px rgba(25,35,55,.18);
    }
}

/* Mobile layout */
@media (max-width: 767px) {
    .ark-product-topbar {
        gap: 7px;
        padding: 8px 10px;
    }

    .ark-product-back,
    .ark-product-cart {
        flex-basis: 36px;
        width: 36px;
        height: 40px;
    }

    .ark-product-search input[type="search"] {
        height: 42px;
        font-size: 14px;
    }

    body.single-product .ark-main {
        padding-top: 0;
        padding-bottom: 100px;
    }

    body.single-product .woocommerce div.product {
        padding: 0;
    }

    body.single-product .woocommerce div.product div.images {
        margin-bottom: 0;
    }

    body.single-product .woocommerce div.product div.summary {
        padding: 17px 15px;
        border-radius: 0 0 16px 16px;
    }

    body.single-product .woocommerce div.product .product_title {
        font-size: 23px;
    }

    .ark-product-sticky-bar {
        gap: 6px;
        padding: 8px;
        padding-bottom: max(8px, env(safe-area-inset-bottom));
    }

    .ark-product-quick-actions {
        gap: 3px;
    }

    .ark-product-share,
    .ark-product-wishlist {
        width: 34px;
        height: 42px;
        background: transparent;
    }

    .ark-product-sticky-bar .ark-product-sticky-cart,
    .ark-product-sticky-bar .ark-product-sticky-buy {
        min-height: 44px;
        padding: 9px 7px;
        font-size: 12px;
    }
}

/* Avoid animation for visitors who request reduced motion. */
@media (prefers-reduced-motion: reduce) {
    .ark-product-sticky-bar,
    .ark-product-topbar {
        scroll-behavior: auto;
        transition: none;
    }
}

/* ==========================================
   ARK PRODUCT UI - IMAGE ACTIONS + DETAILS
   ========================================== */

/* Hide the original Add to Cart visually.
   Keep the WooCommerce form and validation intact. */
body.single-product .woocommerce div.product form.cart
.single_add_to_cart_button {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Image gallery becomes the positioning parent */
body.single-product .woocommerce div.product div.images {
    position: relative !important;
    overflow: visible;
    background: #fff;
    border-radius: 0 0 18px 18px;
}

/* Image actions sit on top of the product photo */
.ark-product-image-actions {
    position: absolute;
    top: 14px;
    right: 12px;
    z-index: 30;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.ark-product-image-actions .ark-product-share,
.ark-product-image-actions .ark-product-wishlist {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 14px;
    background: rgba(255,255,255,.96);
    color: #202124;
    box-shadow: 0 3px 14px rgba(20,30,50,.15);
    text-decoration: none;
}

.ark-product-image-actions .ark-product-share .material-symbols-rounded,
.ark-product-image-actions .ark-product-wishlist .material-symbols-rounded {
    font-size: 24px;
}

.ark-product-image-actions .ark-product-share:hover,
.ark-product-image-actions .ark-product-wishlist:hover {
    background: #eaf2ff;
    color: var(--ark-primary);
}

/* Make plugin wishlist button look like an icon when moved */
.ark-product-image-actions .yith-wcwl-add-to-wishlist,
.ark-product-image-actions .tinv-wraper,
.ark-product-image-actions .woosw-btn,
.ark-product-image-actions .wd-wishlist-btn {
    margin: 0 !important;
}

.ark-product-image-actions .yith-wcwl-add-to-wishlist a,
.ark-product-image-actions .tinv-wraper a,
.ark-product-image-actions a.woosw-btn,
.ark-product-image-actions a.add_to_wishlist,
.ark-product-image-actions .wd-wishlist-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.96) !important;
    color: #202124 !important;
    box-shadow: 0 3px 14px rgba(20,30,50,.15);
    font-size: 0 !important;
    line-height: 1 !important;
}

.ark-product-image-actions .yith-wcwl-add-to-wishlist a i,
.ark-product-image-actions .tinv-wraper a i,
.ark-product-image-actions a.woosw-btn i,
.ark-product-image-actions a.add_to_wishlist i {
    font-size: 22px !important;
}

/* Clean professional product information card */
body.single-product .woocommerce div.product div.summary {
    margin-top: 12px;
    padding: clamp(16px, 3vw, 26px);
    border: 1px solid #e6eaf0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 4px 20px rgba(25,35,55,.045);
}

body.single-product .woocommerce div.product .product_title {
    color: #172337;
    font-size: clamp(22px, 3vw, 30px);
    font-weight: 750;
    line-height: 1.3;
    margin-bottom: 10px;
}

body.single-product .woocommerce div.product .woocommerce-product-rating {
    margin: 6px 0 12px;
    font-size: 13px;
}

body.single-product .woocommerce div.product p.price,
body.single-product .woocommerce div.product span.price {
    display: block;
    margin: 10px 0 14px;
    color: var(--ark-primary);
    font-size: 26px;
    font-weight: 800;
}

body.single-product .woocommerce div.product p.price del,
body.single-product .woocommerce div.product span.price del {
    color: #858b96;
    font-size: 16px;
    font-weight: 500;
}

body.single-product .woocommerce div.product p.price ins,
body.single-product .woocommerce div.product span.price ins {
    text-decoration: none;
}

body.single-product .woocommerce div.product .product_meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #edf0f4;
    color: #687386;
    font-size: 13px;
}

body.single-product .woocommerce div.product .product_meta > span {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 8px;
    background: #f4f7fb;
}

body.single-product .woocommerce div.product .product_meta a {
    font-weight: 650;
}

/* Description and reviews */
body.single-product .woocommerce div.product .woocommerce-tabs {
    margin-top: 16px;
    padding: 18px;
    border: 1px solid #e6eaf0;
    border-radius: 18px;
    background: #fff;
}

body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 18px;
    padding: 0;
    border: 0;
}

body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs::before,
body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: block;
    padding: 10px 14px;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #f5f7fb;
    color: #536071;
    font-size: 13px;
    font-weight: 700;
}

body.single-product .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    border-color: var(--ark-primary);
    background: var(--ark-primary);
    color: #fff;
}

body.single-product .woocommerce div.product .woocommerce-tabs .panel {
    margin: 0;
    color: #4f5968;
    font-size: 15px;
    line-height: 1.75;
}

body.single-product .woocommerce div.product .woocommerce-tabs .panel h2 {
    margin: 0 0 12px;
    color: #172337;
    font-size: 20px;
}

/* Bottom action bar now only has two purchase buttons */
.ark-product-sticky-bar {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

/* Search bar hidden on initial product load.
   JS reveals it when the customer scrolls upward. */
body.single-product .ark-product-topbar {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    transform: translateY(-120%);
    opacity: 0;
    visibility: hidden;
    transition: transform .22s ease, opacity .22s ease, visibility .22s ease;
}

body.single-product .ark-product-topbar.is-visible {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

@media (max-width: 767px) {
    body.single-product .woocommerce div.product div.summary {
        margin-top: 0;
        border-radius: 0 0 16px 16px;
    }

    body.single-product .woocommerce div.product .woocommerce-tabs {
        margin: 12px 10px;
        padding: 15px;
    }

    .ark-product-image-actions {
        top: 12px;
        right: 10px;
        gap: 8px;
    }

    .ark-product-image-actions .ark-product-share,
    .ark-product-image-actions .ark-product-wishlist {
        width: 42px;
        height: 42px;
    }
}

/* Product page Customizer visibility toggles */
body.ark-hide-product-category .woocommerce div.product .product_meta .posted_in {
    display: none !important;
}

body.ark-hide-product-description .woocommerce div.product .woocommerce-Tabs-panel--description,
body.ark-hide-product-description .woocommerce div.product .woocommerce-tabs ul.tabs li.description_tab {
    display: none !important;
}

body.ark-hide-product-share .ark-product-image-actions .ark-product-share {
    display: none !important;
}

body.ark-hide-product-wishlist .ark-product-image-actions .ark-product-wishlist,
body.ark-hide-product-wishlist .ark-product-image-actions .yith-wcwl-add-to-wishlist,
body.ark-hide-product-wishlist .ark-product-image-actions .tinv-wraper,
body.ark-hide-product-wishlist .ark-product-image-actions .woosw-btn,
body.ark-hide-product-wishlist .ark-product-image-actions .wd-wishlist-btn {
    display: none !important;
}


/* =========================================
   ARK PRODUCT PAGE - CLEAN APP UI
   ========================================= */

body.single-product {
    background: #f1f3f6;
}

/* Keep product content neatly aligned */
body.single-product .site-main,
body.single-product #primary,
body.single-product .ark-main {
    min-width: 0;
}

body.single-product .woocommerce div.product {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 12px 100px;
}

/* Image/gallery area */
body.single-product .woocommerce div.product div.images {
    position: relative;
    float: none;
    width: 100%;
    margin: 0 0 12px;
    padding: 0;
    border-radius: 0 0 18px 18px;
    overflow: hidden;
    background: #fff;
}

body.single-product .woocommerce div.product div.images img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    border-radius: 0;
}

/* Summary becomes a compact app-style card */
body.single-product .woocommerce div.product div.summary {
    float: none;
    width: 100%;
    margin: 0 0 12px;
    padding: 18px;
    border: 1px solid #e5e9f0;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 3px 16px rgba(24, 39, 75, .045);
}

body.single-product .woocommerce div.product .product_title {
    margin: 0 0 10px;
    color: #172337;
    font-size: clamp(22px, 4vw, 30px);
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: -.025em;
}

body.single-product .woocommerce div.product .woocommerce-product-rating {
    margin: 0 0 10px;
    font-size: 13px;
}

body.single-product .woocommerce div.product p.price,
body.single-product .woocommerce div.product span.price {
    margin: 8px 0 14px;
    color: var(--ark-primary, #2874f0);
    font-size: 27px;
    font-weight: 800;
    line-height: 1.3;
}

body.single-product .woocommerce div.product p.price del,
body.single-product .woocommerce div.product span.price del {
    color: #858b96;
    font-size: 15px;
    font-weight: 500;
}

body.single-product .woocommerce div.product p.price ins,
body.single-product .woocommerce div.product span.price ins {
    text-decoration: none;
}

/* Hide the original Add to Cart button visually, not the form.
   Sticky buttons will trigger the original WooCommerce form. */
body.single-product .woocommerce div.product form.cart .single_add_to_cart_button {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Keep quantity and variations available for WooCommerce validation.
   They can be styled as part of the summary card. */
body.single-product .woocommerce div.product form.cart {
    position: relative;
    margin: 14px 0 0;
    padding: 0;
}

body.single-product .woocommerce div.product form.cart .quantity {
    margin: 0 10px 0 0;
}

body.single-product .woocommerce div.product form.cart .quantity input.qty {
    min-height: 44px;
    border: 1px solid #dfe4ec;
    border-radius: 12px;
    background: #fff;
}

/* Category/SKU information as small metadata chips */
body.single-product .woocommerce div.product .product_meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #edf0f4;
    color: #697586;
    font-size: 12px;
}

body.single-product .woocommerce div.product .product_meta > span {
    padding: 6px 9px;
    border-radius: 8px;
    background: #f3f6fa;
}

body.single-product .woocommerce div.product .product_meta a {
    font-weight: 700;
}

/* Custom description card */
.ark-product-details-card {
    clear: both;
    margin: 12px auto;
    padding: 18px;
    max-width: 1180px;
    border: 1px solid #e5e9f0;
    border-radius: 18px;
    background: #fff;
    color: #3d4858;
    box-shadow: 0 3px 16px rgba(24, 39, 75, .04);
}

.ark-product-details-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.ark-product-details-heading .material-symbols-rounded {
    color: var(--ark-primary, #2874f0);
    font-size: 24px;
}

.ark-product-details-heading h2 {
    margin: 0;
    color: #172337;
    font-size: 19px;
    font-weight: 750;
}

.ark-product-short-description,
.ark-product-full-description {
    color: #4b5565;
    font-size: 14px;
    line-height: 1.75;
    overflow-wrap: anywhere;
}

.ark-product-short-description > :last-child,
.ark-product-full-description > :last-child {
    margin-bottom: 0;
}

.ark-product-description-accordion {
    margin-top: 14px;
    border-top: 1px solid #edf0f4;
}

.ark-product-description-accordion summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 0 2px;
    color: var(--ark-primary, #2874f0);
    font-size: 14px;
    font-weight: 750;
    cursor: pointer;
    list-style: none;
}

.ark-product-description-accordion summary::-webkit-details-marker {
    display: none;
}

.ark-product-description-accordion[open] summary .material-symbols-rounded {
    transform: rotate(180deg);
}

.ark-product-description-accordion summary .material-symbols-rounded {
    transition: transform .2s ease;
}

.ark-product-full-description {
    padding-top: 12px;
}

.ark-product-description-empty {
    margin: 0;
    color: #687386;
    font-size: 14px;
}

/* Remove old classic tabs if a theme/plugin still outputs them */
body.single-product .woocommerce div.product .woocommerce-tabs {
    display: none !important;
}

/* Sticky bar: two equal purchase actions */
body.single-product .ark-product-sticky-bar {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99990;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    padding: 10px max(12px, env(safe-area-inset-right))
             calc(10px + env(safe-area-inset-bottom))
             max(12px, env(safe-area-inset-left));
    border-top: 1px solid #e4e8ef;
    background: rgba(255,255,255,.97);
    box-shadow: 0 -5px 24px rgba(24,39,75,.12);
    backdrop-filter: blur(16px);
}

body.single-product .ark-product-sticky-bar button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    width: 100%;
    margin: 0;
    padding: 10px 12px;
    border-radius: 13px;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.2;
}

body.single-product .ark-product-sticky-bar .ark-product-sticky-cart {
    border: 1px solid var(--ark-primary, #2874f0);
    background: #fff;
    color: var(--ark-primary, #2874f0);
}

body.single-product .ark-product-sticky-bar .ark-product-sticky-buy {
    background: var(--ark-primary, #2874f0);
    color: #fff;
}

@media (min-width: 768px) {
    body.single-product .woocommerce div.product {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr);
        align-items: start;
        gap: 20px;
        padding-top: 20px;
    }

    body.single-product .woocommerce div.product div.images {
        position: sticky;
        top: 82px;
    }

    body.single-product .woocommerce div.product div.summary {
        margin-bottom: 0;
    }

    .ark-product-details-card {
        grid-column: 1 / -1;
        width: 100%;
    }

    body.single-product .ark-product-sticky-bar {
        left: auto;
        right: max(24px, calc((100vw - 1180px) / 2));
        bottom: 20px;
        width: 390px;
        border: 1px solid #e4e8ef;
        border-radius: 18px;
        padding: 12px;
    }
}

@media (max-width: 767px) {
    body.single-product .woocommerce div.product {
        padding: 0 0 90px;
    }

    body.single-product .woocommerce div.product div.summary {
        border-radius: 0 0 18px 18px;
        padding: 16px;
    }

    .ark-product-details-card {
        margin: 12px 10px;
        padding: 16px;
    }
}


/* ARK FIX: hide duplicate WooCommerce quantity and Add to Cart */
body.single-product div.product form.cart .quantity,
body.single-product div.product form.cart .single_add_to_cart_button,
body.single-product div.product form.cart button[name="add-to-cart"],
body.single-product div.product form.cart .button.single_add_to_cart_button {
    display: none !important;
}

/* Remove spacing left behind by hidden controls */
body.single-product div.product form.cart {
    margin: 0 !important;
    padding: 0 !important;
}

/* Keep variable-product option selectors visible */
body.single-product div.product form.variations_form table.variations,
body.single-product div.product form.variations_form .variations,
body.single-product div.product form.variations_form .reset_variations {
    display: block;
}



/* ARK Product Price: stronger visual hierarchy */
body.single-product .woocommerce div.product p.price,
body.single-product .woocommerce div.product span.price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 12px 0 18px;
    color: #1769f5;
    font-size: clamp(27px, 5vw, 34px);
    font-weight: 850;
    line-height: 1.25;
    letter-spacing: -.5px;
}

body.single-product .woocommerce div.product p.price del,
body.single-product .woocommerce div.product span.price del {
    color: #8992a1;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
}

body.single-product .woocommerce div.product p.price ins,
body.single-product .woocommerce div.product span.price ins {
    color: #1769f5;
    text-decoration: none;
}

.ark-product-discount-badge {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 6px 9px;
    border-radius: 8px;
    background: #e7f8ed;
    color: #128343;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0;
    vertical-align: middle;
    white-space: nowrap;
}

/* Product description preview */
.ark-product-preview {
    margin: 0;
    color: #475467;
    font-size: 14px;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

/* Expandable description row with a clear arrow card */
.ark-product-description-accordion {
    margin-top: 16px;
    border-top: 1px solid #e9edf4;
}

.ark-product-description-accordion summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 52px;
    padding: 10px 0 0;
    color: #1769f5;
    font-size: 14px;
    font-weight: 750;
    cursor: pointer;
    list-style: none;
}

.ark-product-description-accordion summary::-webkit-details-marker {
    display: none;
}

.ark-description-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 9px;
    background: #edf3ff;
    color: #1769f5;
    transition: transform .2s ease, background .2s ease;
}

.ark-product-description-accordion[open] .ark-description-arrow {
    transform: rotate(180deg);
    background: #dce8ff;
}

.ark-product-full-description {
    padding: 14px 0 4px;
    color: #475467;
    font-size: 14px;
    line-height: 1.75;
    overflow-wrap: anywhere;
}

.ark-product-full-description img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 480px) {
    body.single-product .woocommerce div.product p.price,
    body.single-product .woocommerce div.product span.price {
        gap: 7px;
        font-size: 29px;
    }

    .ark-product-discount-badge {
        padding: 5px 7px;
        font-size: 11px;
    }
}


/* =========================================================
   ARK PRODUCT UI REFINEMENT — final overrides
   Fixes duplicate preview text, spacing, price and metadata.
   Keep this block at the very end of style.css.
   ========================================================= */
body.single-product { background:#f1f4f8; color:#172337; }
body.single-product .ark-main { padding-top:0!important; padding-bottom:112px!important; }
body.single-product .woocommerce div.product {
    width:100%; max-width:1180px; margin:0 auto; padding:0 12px 24px;
    gap:16px; align-items:start;
}
body.single-product .woocommerce div.product div.images {
    min-width:0; margin:0 0 12px; border-radius:0 0 20px 20px;
    background:#fff; overflow:hidden;
}
body.single-product .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { margin:0; }
body.single-product .woocommerce div.product div.images img {
    display:block; width:100%; height:auto; margin:0; border-radius:0;
}
body.single-product .woocommerce div.product div.summary {
    min-width:0; margin:0 0 14px; padding:clamp(16px,3vw,26px);
    border:1px solid #e4eaf2; border-radius:20px; background:#fff;
    box-shadow:0 6px 24px rgba(25,45,75,.055);
}
body.single-product .woocommerce div.product .product_title {
    margin:0 0 12px; color:#172337; font-size:clamp(23px,4.8vw,32px);
    font-weight:800; line-height:1.22; letter-spacing:-.035em; overflow-wrap:anywhere;
}
body.single-product .woocommerce div.product .woocommerce-product-rating { margin:0 0 10px; }
body.single-product .woocommerce div.product p.price,
body.single-product .woocommerce div.product span.price {
    display:flex; flex-wrap:wrap; align-items:center; gap:8px 10px;
    margin:14px 0 18px; color:#1769f5; font-size:clamp(27px,6vw,34px);
    font-weight:850; line-height:1.2; letter-spacing:-.035em;
}
body.single-product .woocommerce div.product p.price del,
body.single-product .woocommerce div.product span.price del {
    color:#8a94a4; font-size:15px; font-weight:500; letter-spacing:0; opacity:1;
}
body.single-product .woocommerce div.product p.price ins,
body.single-product .woocommerce div.product span.price ins { color:#1769f5; text-decoration:none; }
body.single-product .ark-product-discount-badge {
    display:inline-flex; align-items:center; justify-content:center; gap:4px;
    padding:7px 10px; border:1px solid #c8efd5; border-radius:9px;
    background:#eaf9ef; color:#167a3e; font-size:12px; font-weight:800;
    line-height:1.1; letter-spacing:0; white-space:nowrap;
}
body.single-product .woocommerce div.product .product_meta {
    display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; padding-top:14px;
    border-top:1px solid #edf0f5; color:#687386; font-size:12px;
}
body.single-product .woocommerce div.product .product_meta > span {
    display:inline-flex; flex-wrap:wrap; gap:4px; padding:7px 10px;
    border:1px solid #e6ebf3; border-radius:9px; background:#f6f8fb;
}
body.single-product .woocommerce div.product .product_meta a { color:#1769f5; font-weight:750; }

body.single-product .ark-product-details-card {
    clear:both; width:calc(100% - 24px); max-width:1180px; margin:14px auto 20px;
    padding:clamp(17px,3.5vw,24px); border:1px solid #e2e8f1; border-radius:22px;
    background:#fff; color:#344054; box-shadow:0 6px 24px rgba(25,45,75,.05);
}
body.single-product .ark-product-details-heading { gap:12px; margin-bottom:14px; }
body.single-product .ark-product-details-heading .material-symbols-rounded { font-size:27px; color:#2874f0; }
body.single-product .ark-product-details-heading h2 {
    margin:0; color:#172337; font-size:20px; font-weight:800; line-height:1.3;
}
body.single-product .ark-product-preview,
body.single-product .ark-product-full-description {
    color:#4b586b; font-size:15px; line-height:1.8; overflow-wrap:anywhere;
}
body.single-product .ark-product-preview { margin:0; }
/* When expanded, hide the preview to avoid repeating the same opening text. */
body.single-product .ark-product-details-card:has(.ark-product-description-accordion[open]) .ark-product-preview {
    display:none!important;
}
body.single-product .ark-product-description-accordion { margin-top:16px; border-top:1px solid #e8edf4; }
body.single-product .ark-product-description-accordion summary {
    display:flex; align-items:center; justify-content:space-between; gap:12px;
    min-height:54px; padding:12px 0 0; color:#1769f5; font-size:15px;
    font-weight:800; line-height:1.35; cursor:pointer; list-style:none;
}
body.single-product .ark-product-description-accordion summary::-webkit-details-marker { display:none; }
body.single-product .ark-description-arrow {
    display:inline-flex; align-items:center; justify-content:center; flex:0 0 38px;
    width:38px; height:38px; border-radius:12px; background:#eaf1ff;
    color:#1769f5; font-size:26px; transition:transform .2s ease,background .2s ease;
}
body.single-product .ark-product-description-accordion[open] .ark-description-arrow {
    transform:rotate(180deg); background:#dce8ff;
}
body.single-product .ark-product-full-description { padding:14px 0 2px; }
body.single-product .ark-product-full-description > :first-child { margin-top:0; }
body.single-product .ark-product-full-description > :last-child { margin-bottom:0; }
body.single-product .ark-product-full-description img,
body.single-product .ark-product-full-description video,
body.single-product .ark-product-full-description iframe { max-width:100%; }
body.single-product .ark-product-description-empty { margin:0; color:#687386; font-size:14px; }
body.single-product .woocommerce div.product .woocommerce-tabs { display:none!important; }

/* The fixed purchase bar remains the only visible add-to-cart UI. */
body.single-product div.product form.cart .quantity,
body.single-product div.product form.cart .single_add_to_cart_button,
body.single-product div.product form.cart button[name="add-to-cart"] { display:none!important; }
body.single-product div.product form.cart { margin:0!important; padding:0!important; }

@media (min-width:768px) {
    body.single-product .woocommerce div.product {
        display:grid; grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
        gap:22px; padding:22px 18px 30px;
    }
    body.single-product .woocommerce div.product div.images { position:sticky; top:78px; margin-bottom:0; }
    body.single-product .woocommerce div.product div.summary { margin:0; }
    body.single-product .ark-product-details-card { grid-column:1/-1; width:100%; margin:0; }
}
@media (max-width:767px) {
    body.single-product .woocommerce div.product { display:block; padding:0 0 24px; }
    body.single-product .woocommerce div.product div.summary {
        margin:0 0 12px; padding:18px 16px; border-radius:0 0 20px 20px;
    }
    body.single-product .ark-product-details-card {
        width:calc(100% - 24px); margin:14px 12px 20px; padding:18px 16px;
    }
    body.single-product .woocommerce div.product p.price,
    body.single-product .woocommerce div.product span.price {
        gap:8px; margin:12px 0 16px; font-size:29px;
    }
    body.single-product .ark-product-discount-badge { padding:6px 8px; font-size:11px; }
    body.single-product .ark-product-details-heading h2 { font-size:19px; }
    body.single-product .ark-product-preview,
    body.single-product .ark-product-full-description { font-size:14px; line-height:1.75; }
}


/* ==========================================================
   ARK PRODUCT PAGE — Flipkart-inspired refinements
   ========================================================== */

/* A little breathing room before the product image/banner. */
body.single-product .woocommerce div.product div.images {
    margin-top: 14px !important;
}
body.single-product .woocommerce div.product {
    padding-top: 8px !important;
}
@media (max-width: 767px) {
    body.single-product .woocommerce div.product div.images {
        margin-top: 12px !important;
    }
}

/* Address card appears immediately above Product Details. */
body.single-product .ark-product-address-card {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 12px;
    width: calc(100% - 24px);
    max-width: 1180px;
    margin: 12px auto 4px;
    padding: 14px 15px;
    border: 1px solid #dfe5ed;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 3px 14px rgba(25, 45, 75, .045);
    color: #202a39;
}
body.single-product .ark-product-address-icon {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: #eef4ff;
    color: #2874f0;
}
body.single-product .ark-product-address-icon .material-symbols-rounded {
    font-size: 25px;
}
body.single-product .ark-product-address-copy {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}
body.single-product .ark-product-address-copy strong {
    color: #596579;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: .04em;
}
body.single-product .ark-product-address-copy span {
    display: -webkit-box;
    overflow: hidden;
    color: #222b39;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
}
body.single-product .ark-product-address-action {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    flex: 0 0 auto;
    color: #1769f5;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}
body.single-product .ark-product-address-action .material-symbols-rounded {
    font-size: 21px;
}
@media (min-width: 768px) {
    body.single-product .ark-product-address-card,
    body.single-product .ark-product-details-card {
        width: 100%;
    }
}
@media (max-width: 420px) {
    body.single-product .ark-product-address-card {
        gap: 9px;
        padding: 12px 11px;
    }
    body.single-product .ark-product-address-icon {
        flex-basis: 36px;
        width: 36px;
        height: 36px;
    }
    body.single-product .ark-product-address-action {
        font-size: 12px;
    }
}

/* Larger, clearer price and discount styling like a shopping app. */
body.single-product .woocommerce div.product p.price,
body.single-product .woocommerce div.product span.price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 7px 10px;
    margin: 14px 0 18px;
    color: #1769f5;
    font-size: clamp(30px, 6vw, 38px) !important;
    font-weight: 850 !important;
    line-height: 1.2;
    letter-spacing: -.035em;
}
body.single-product .woocommerce div.product p.price del,
body.single-product .woocommerce div.product span.price del {
    color: #7b8491;
    font-size: 19px !important;
    font-weight: 500;
    letter-spacing: 0;
}
body.single-product .woocommerce div.product p.price ins,
body.single-product .woocommerce div.product span.price ins {
    color: #172337;
    font-weight: 850;
    text-decoration: none;
}
body.single-product .ark-product-discount-badge {
    padding: 8px 11px;
    border-radius: 9px;
    font-size: 14px !important;
    font-weight: 850;
}
body.single-product .ark-product-saver-deal {
    display: inline-flex;
    align-items: center;
    margin: 0 0 8px;
    padding: 7px 12px;
    border-radius: 7px;
    background: #087f4f;
    color: #fff;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.2;
}

/* More readable fixed Buy Now button with price included. */
body.single-product .ark-product-sticky-bar .ark-product-sticky-buy {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    min-height: 54px;
    padding: 7px 10px;
    background: #ffd814;
    color: #222;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.15;
    white-space: normal;
}
body.single-product .ark-product-sticky-bar .ark-product-sticky-buy:hover {
    background: #f7ca00;
    color: #111;
}
body.single-product .ark-product-sticky-buy-label {
    display: block;
    font-size: 14px;
    font-weight: 750;
}
body.single-product .ark-product-sticky-buy-price {
    display: block;
    margin-top: 2px;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.1;
}
body.single-product .ark-product-sticky-buy-price .amount,
body.single-product .ark-product-sticky-buy-price bdi {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}
body.single-product .ark-product-sticky-buy-price del,
body.single-product .ark-product-sticky-buy-price ins {
    display: none;
}
body.single-product .ark-product-sticky-bar .ark-product-sticky-cart {
    min-height: 54px;
    font-size: 15px;
    font-weight: 850;
}
@media (max-width: 767px) {
    body.single-product .ark-product-sticky-bar {
        gap: 9px;
        padding-top: 9px;
    }
    body.single-product .ark-product-sticky-bar .ark-product-sticky-cart,
    body.single-product .ark-product-sticky-bar .ark-product-sticky-buy {
        min-height: 56px;
        border-radius: 14px;
    }
    body.single-product .ark-product-sticky-buy-label {
        font-size: 13px;
    }
    body.single-product .ark-product-sticky-buy-price {
        font-size: 18px;
    }
    body.single-product .woocommerce div.product p.price,
    body.single-product .woocommerce div.product span.price {
        font-size: 34px !important;
    }
    body.single-product .woocommerce div.product p.price del,
    body.single-product .woocommerce div.product span.price del {
        font-size: 17px !important;
    }
}

/* Product search header appears only at the top of the page. */
body.single-product .ark-product-topbar {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10050;
    transform: translateY(-120%);
    opacity: 0;
    visibility: hidden;
    transition: transform .22s ease, opacity .22s ease, visibility .22s ease;
}
body.single-product .ark-product-topbar.is-visible {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
@media (prefers-reduced-motion: reduce) {
    body.single-product .ark-product-topbar {
        transition: none;
    }
}

/* ARK product page: title, price and offer refinements */
body.single-product .woocommerce div.product .product_title {
    font-size: clamp(19px, 4.8vw, 24px) !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em !important;
    margin-bottom: 10px !important;
    font-weight: 750 !important;
}

body.single-product .woocommerce div.product p.price,
body.single-product .woocommerce div.product span.price {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px 9px !important;
    font-size: 36px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
    margin: 12px 0 !important;
}

body.single-product .woocommerce div.product p.price del,
body.single-product .woocommerce div.product span.price del {
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #777 !important;
}

body.single-product .woocommerce div.product p.price ins,
body.single-product .woocommerce div.product span.price ins {
    font-size: inherit !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}

body.single-product .ark-product-discount-badge {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    padding: 7px 9px !important;
    border-radius: 9px !important;
}

@media (max-width: 600px) {
    body.single-product .woocommerce div.product .product_title {
        font-size: 21px !important;
    }

    body.single-product .woocommerce div.product p.price,
    body.single-product .woocommerce div.product span.price {
        font-size: 34px !important;
    }
}
/* Saver Deal beside the discount percentage */
body.single-product .ark-product-saver-inline {
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    border-radius: 8px;
    background: #087f4f;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
}

/* Price row beside wishlist */
body.single-product .ark-wishlist-price-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 12px 0 16px;
}

body.single-product .ark-wishlist-price-row > .price {
    flex: 1 1 190px;
    min-width: 0;
    margin: 0 !important;
}

body.single-product .ark-wishlist-price-row .ark-product-wishlist,
body.single-product .ark-wishlist-price-row .yith-wcwl-add-to-wishlist,
body.single-product .ark-wishlist-price-row .tinv-wraper,
body.single-product .ark-wishlist-price-row .woosw-btn,
body.single-product .ark-wishlist-price-row .wd-wishlist-btn {
    flex: 0 0 auto;
}

@media (max-width: 420px) {
    body.single-product .ark-wishlist-price-row {
        gap: 8px;
    }

    body.single-product .ark-wishlist-price-row > .price {
        flex-basis: 160px;
        font-size: 29px !important;
    }
}

/* Search bar visible at page top, hidden while scrolling down */
body.single-product .ark-product-topbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10050 !important;
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition: transform .2s ease, opacity .2s ease;
}

body.single-product .ark-product-topbar.is-hidden {
    transform: translateY(-120%);
    opacity: 0;
    visibility: hidden;
}

/* FIX: Product header must stay visible and not cover the banner */
body.single-product .ark-product-topbar {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: flex !important;
    z-index: 10050 !important;
}

/* Never hide product header */
body.single-product .ark-product-topbar.is-hidden,
body.single-product .ark-product-topbar.is-visible {
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Restore product banner and title position */
body.single-product .woocommerce div.product div.images {
    margin-top: 0 !important;
}

body.single-product .woocommerce div.product .product_title {
    font-size: clamp(20px, 2.2vw, 25px) !important;
    line-height: 1.25 !important;
}

/* ARK Wishlist Button - Premium UI */
body.single-product .ark-wishlist-custom,
body.single-product .yith-wcwl-add-to-wishlist-button.ark-wishlist-custom {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    padding: 10px 16px !important;
    border: 1px solid #dbe5f3 !important;
    border-radius: 24px !important;
    background: #2874f0 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: 0 3px 10px rgba(40, 116, 240, 0.15) !important;
    transition: background .2s ease, transform .2s ease !important;
}

body.single-product .ark-wishlist-custom:hover,
body.single-product .yith-wcwl-add-to-wishlist-button.ark-wishlist-custom:hover {
    background: #1558c0 !important;
    color: #ffffff !important;
    transform: translateY(-1px);
}

body.single-product .ark-wishlist-custom svg,
body.single-product .ark-wishlist-custom i {
    width: 18px !important;
    height: 18px !important;
    color: #ffffff !important;
    fill: none;
}

@media (max-width: 640px) {
    body.single-product .ark-wishlist-custom,
    body.single-product .yith-wcwl-add-to-wishlist-button.ark-wishlist-custom {
        min-height: 38px !important;
        padding: 8px 12px !important;
        font-size: 13px !important;
    }
}


/* ARK Product Delivery Card - Responsive Layout Fix */

/* Let address occupy the first row and SKU/category move below */
body.single-product .ark-product-address-card {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px;
}

/* Address content must use available space */
body.single-product .ark-product-address-copy {
    flex: 1 1 180px !important;
    min-width: 0 !important;
}

/* SKU + Category occupy the complete row below the address */
body.single-product .ark-delivery-product-meta {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 0;
    margin-top: 2px;
    padding-top: 12px;
    border-top: 1px solid #e7edf5;
}

/* Individual SKU/category cards */
body.single-product .ark-delivery-meta-item {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 12px;
    background: #f5f8ff;
    border: 1px solid #e1eaff;
    border-radius: 13px;
}

/* Icon box */
body.single-product .ark-delivery-meta-item > .material-symbols-rounded {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    color: #2874f0;
    background: #e5efff;
    border-radius: 11px;
    font-size: 22px;
}

/* Text area */
body.single-product .ark-delivery-meta-item > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1 1 auto;
    min-width: 0;
}

body.single-product .ark-delivery-meta-item small {
    color: #65738b;
    font-size: 11px;
    font-weight: 650;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: .35px;
}

body.single-product .ark-delivery-meta-item strong {
    display: block;
    color: #17243b;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.45;
    overflow-wrap: anywhere;
    word-break: normal;
}

body.single-product .ark-delivery-meta-item a {
    color: #2874f0;
    text-decoration: none;
}

/* Mobile: avoid narrow side-by-side cards */
@media (max-width: 600px) {
    body.single-product .ark-product-address-card {
        gap: 9px !important;
        padding: 13px !important;
    }

    body.single-product .ark-product-address-copy {
        flex: 1 1 150px !important;
    }

    body.single-product .ark-delivery-product-meta {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 9px;
        margin-top: 4px;
        padding-top: 10px;
    }

    body.single-product .ark-delivery-meta-item {
        width: 100%;
        padding: 10px 12px;
    }

    body.single-product .ark-delivery-meta-item strong {
        font-size: 13px;
    }
}