/*  */
:root{ --brand: #654320; --on-brand: #ffffff; }
/*  */

    /* ---- fonts ---- */
    @font-face{font-family:'Cairo';font-weight:400;font-display:swap;src:url('https://nanaskw.bluezoneos.com/templates/luxury/fonts/cairo/cairo-arabic-400-normal.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200D;}
    @font-face{font-family:'Cairo';font-weight:600;font-display:swap;src:url('https://nanaskw.bluezoneos.com/templates/luxury/fonts/cairo/cairo-arabic-600-normal.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200D;}
    @font-face{font-family:'Cairo';font-weight:700;font-display:swap;src:url('https://nanaskw.bluezoneos.com/templates/luxury/fonts/cairo/cairo-arabic-700-normal.woff2') format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200D;}
    @font-face{font-family:'Cairo';font-weight:400;font-display:swap;src:url('https://nanaskw.bluezoneos.com/templates/luxury/fonts/cairo/cairo-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122;}
    @font-face{font-family:'Cairo';font-weight:600;font-display:swap;src:url('https://nanaskw.bluezoneos.com/templates/luxury/fonts/cairo/cairo-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122;}
    @font-face{font-family:'Cairo';font-weight:700;font-display:swap;src:url('https://nanaskw.bluezoneos.com/templates/luxury/fonts/cairo/cairo-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122;}
    @font-face{font-family:'Playfair Display';font-weight:400;font-display:swap;src:url('https://nanaskw.bluezoneos.com/templates/luxury/fonts/playfair/playfair-display-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC;}
    @font-face{font-family:'Playfair Display';font-weight:600;font-display:swap;src:url('https://nanaskw.bluezoneos.com/templates/luxury/fonts/playfair/playfair-display-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC;}
    @font-face{font-family:'Playfair Display';font-weight:700;font-display:swap;src:url('https://nanaskw.bluezoneos.com/templates/luxury/fonts/playfair/playfair-display-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC;}

    :root{ --lx-ink:#1c1a17; --lx-bg:#fbf9f6; --lx-line:#e7e1d8; --lx-mut:#8c8478; }

    body, p, a, li, span, label, input, select, textarea, button, div, small, strong, b, .lx-card__title, .lx-price {
        font-family:'Cairo','Segoe UI',Tahoma,Arial,sans-serif;
    }
    .bx, [class^="bx-"], [class*=" bx-"] { font-family:'boxicons' !important; }
    /* serif display for headings + prices (Playfair for Latin/numbers, Cairo for Arabic) */
    h1,h2,h3,h4, .lx-heading h2, .lx-brand, .lx-price, .lx-pd__now, .lx-midband__text h2, .lx-page-title h1 {
        font-family:'Playfair Display','Cairo',serif;
    }
    body { font-size:14px; line-height:1.75; color:#3a352e; background:var(--lx-bg); -webkit-font-smoothing:antialiased; }
    a { text-decoration:none; color:inherit; }
    .main-content { min-height:40vh; }
    img { max-width:100%; }

    /* ---- buttons ---- */
    .lx-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; cursor:pointer;
        padding:11px 26px; border-radius:2px; font-weight:700; font-size:12.5px; letter-spacing:.06em; text-transform:uppercase;
        border:1px solid var(--brand,#b8935f); color:var(--brand,#b8935f); background:transparent; transition:.25s ease; }
    .lx-btn:hover { background:var(--brand,#b8935f); color:#fff; }
    .lx-btn--solid { background:var(--brand,#b8935f); color:#fff; }
    .lx-btn--solid:hover { filter:brightness(.92); color:#fff; }
    .lx-btn--outline { width:100%; }
    .lx-btn--lg { padding:13px 42px; margin-top:30px; }
    .lx-btn.is-done { background:#1c7a43 !important; border-color:#1c7a43 !important; color:#fff !important; }

    /* ---- top bar ---- */
    .lx-topbar { background:#1c1a17; color:#c9c2b6; font-size:12.5px; }
    .lx-topbar__inner { display:flex; align-items:center; justify-content:space-between; height:40px; }
    .lx-topbar__left span { margin-inline-end:18px; } .lx-topbar__left i { color:var(--brand,#b8935f); }
    .lx-topbar__right a { margin-inline-start:18px; color:#c9c2b6; } .lx-topbar__right a:hover { color:#fff; }

    /* ---- header ---- */
    .lx-header { background:#fff; border-bottom:1px solid var(--lx-line); }
    .lx-header__row { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:22px 0; gap:12px; }
    .lx-header__side { display:flex; align-items:center; gap:6px; }
    .lx-header__side--start { justify-content:flex-start; }
    .lx-header__side--end { justify-content:flex-end; }
    .lx-brand { text-align:center; }
    .lx-brand img { max-height:56px; width:auto; object-fit:contain; margin:auto; }
    .lx-icon { position:relative; width:42px; height:42px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; font-size:20px; color:var(--lx-ink); transition:.2s ease; }
    .lx-icon:hover { color:var(--brand,#b8935f); }
    .lx-lang { font-size:13px; font-weight:800; }
    .lx-cart__count { position:absolute; top:4px; inset-inline-end:2px; min-width:17px; height:17px; padding:0 4px; border-radius:9px; background:var(--brand,#b8935f); color:#fff; font-size:10px; font-weight:700; display:flex; align-items:center; justify-content:center; line-height:1; font-family:'Cairo',sans-serif; }
    .lx-cart__count[data-count="0"], .lx-cart__count:empty { display:none; }

    .lx-nav { border-top:1px solid var(--lx-line); }
    .lx-nav__list { display:flex; justify-content:center; gap:6px; list-style:none; margin:0; padding:0; }
    .lx-nav__list > li { position:relative; }
    .lx-nav__list > li > a { display:block; padding:15px 18px; font-size:12.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--lx-ink); white-space:nowrap; }
    .lx-nav__list > li.active > a, .lx-nav__list > li > a:hover { color:var(--brand,#b8935f); }
    .lx-subnav { position:absolute; top:100%; inset-inline-start:50%; transform:translateX(-50%) translateY(8px); min-width:210px; background:#fff; border:1px solid var(--lx-line); box-shadow:0 18px 40px rgba(28,26,23,.1); padding:8px 0; list-style:none; margin:0; opacity:0; visibility:hidden; transition:.22s ease; z-index:60; }
    html[dir="rtl"] .lx-subnav { transform:translateX(50%) translateY(8px); }
    .lx-has-sub:hover .lx-subnav { opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
    html[dir="rtl"] .lx-has-sub:hover .lx-subnav { transform:translateX(50%) translateY(0); }
    .lx-subnav li a { display:block; padding:9px 20px; font-size:13.5px; font-weight:600; color:#4b463d; text-transform:none; letter-spacing:0; }
    .lx-subnav li a:hover { color:var(--brand,#b8935f); background:#faf7f2; }

    .lx-mobile-menu { display:none; flex-direction:column; padding:6px 0 12px; }
    .lx-mobile-menu.is-open { display:flex; }
    .lx-mobile-menu a { padding:11px 4px; font-weight:700; font-size:13.5px; border-bottom:1px solid var(--lx-line); text-transform:uppercase; letter-spacing:.06em; }
    .lx-mobile-menu a:hover { color:var(--brand,#b8935f); }

    /* ---- search overlay ---- */
    .lx-search { position:fixed; inset:0; z-index:2000; background:rgba(28,26,23,.94); display:flex; align-items:center; justify-content:center; padding:24px; opacity:0; visibility:hidden; transition:.25s ease; }
    .lx-search.is-open { opacity:1; visibility:visible; }
    .lx-search__close { position:absolute; top:24px; inset-inline-end:32px; background:0; border:0; color:#fff; font-size:40px; cursor:pointer; }
    .lx-search__form { display:flex; width:min(620px,92vw); border-bottom:2px solid var(--brand,#b8935f); }
    .lx-search__form input { flex:1; border:0; background:transparent; color:#fff; padding:16px 6px; font-size:20px; outline:0; }
    .lx-search__form input::placeholder { color:rgba(255,255,255,.5); }
    .lx-search__form button { border:0; background:transparent; color:var(--brand,#b8935f); font-size:24px; cursor:pointer; }

    /* ---- hero ---- */
    .lx-hero { position:relative; background:#f1ece4; }
    .lx-hero__slide { display:none; } .lx-hero__slide.is-active { display:block; animation:lxFade .8s ease; }
    .lx-hero__slide img { width:100%; height:auto; display:block; }
    @keyframes lxFade { from{opacity:.3} to{opacity:1} }
    .lx-hero__dots { position:absolute; inset-inline:0; bottom:20px; display:flex; gap:10px; justify-content:center; }
    .lx-hero__dots button { width:10px; height:10px; border-radius:50%; border:1px solid #fff; background:transparent; cursor:pointer; padding:0; }
    .lx-hero__dots button.is-active { background:var(--brand,#b8935f); border-color:var(--brand,#b8935f); }

    /* ---- sections + headings ---- */
    .lx-section { padding:76px 0; }
    .lx-section--tint { background:#fff; }
    .lx-heading { text-align:center; margin-bottom:50px; }
    .lx-heading span { display:block; color:var(--brand,#b8935f); font-weight:700; text-transform:uppercase; letter-spacing:.22em; font-size:11px; margin-bottom:14px; }
    .lx-heading h2 { font-size:34px; font-weight:700; color:var(--lx-ink); margin:0; position:relative; padding-bottom:20px; }
    .lx-heading h2::after { content:""; position:absolute; inset-inline-start:50%; transform:translateX(-50%); bottom:0; width:56px; height:1px; background:var(--brand,#b8935f); }
    .lx-col { margin-bottom:40px; }

    /* ---- categories ---- */
    .lx-cat { display:block; text-align:center; }
    .lx-cat__img { display:block; overflow:hidden; aspect-ratio:1/1; background:#fff; border:1px solid var(--lx-line); }
    .lx-cat__img img { width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
    .lx-cat:hover .lx-cat__img img { transform:scale(1.06); }
    .lx-cat__name { display:block; margin-top:14px; font-weight:700; font-size:13.5px; letter-spacing:.04em; color:var(--lx-ink); }
    .lx-cat:hover .lx-cat__name { color:var(--brand,#b8935f); }
    .lx-section .col-6 { margin-bottom:26px; }

    /* ---- product card ---- */
    .lx-card { text-align:center; background:#fff; }
    .lx-card__media { position:relative; overflow:hidden; border:1px solid var(--lx-line); aspect-ratio:3/4; background:#fff; }
    .lx-card__img { display:block; width:100%; height:100%; }
    .lx-card__img img { width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.2,.8,.2,1); }
    .lx-card:hover .lx-card__img img { transform:scale(1.05); }
    .lx-card.is-soldout .lx-card__img img { opacity:.55; filter:grayscale(30%); }
    .lx-badge { position:absolute; top:14px; inset-inline-start:14px; z-index:2; background:var(--lx-ink); color:#fff; font-size:10.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:5px 12px; }
    .lx-badge--sale { background:var(--brand,#b8935f); } .lx-badge--out { background:#6b7280; }
    .lx-card__actions { position:absolute; inset-inline:0; bottom:0; z-index:3; display:flex; justify-content:center; gap:8px; padding:12px; background:linear-gradient(to top,rgba(255,255,255,.96),rgba(255,255,255,0)); opacity:0; transform:translateY(12px); transition:.28s ease; }
    .lx-card:hover .lx-card__actions { opacity:1; transform:translateY(0); }
    .lx-act { width:40px; height:40px; border:1px solid var(--lx-line); background:#fff; color:var(--lx-ink); display:flex; align-items:center; justify-content:center; font-size:18px; cursor:pointer; transition:.2s ease; }
    .lx-act:hover, .lx-act.is-active { background:var(--brand,#b8935f); border-color:var(--brand,#b8935f); color:#fff; }
    .lx-card__body { padding:18px 8px 4px; }
    .lx-card__title { font-size:14.5px; font-weight:600; line-height:1.6; margin:0 0 8px; }
    .lx-card__title a { color:var(--lx-ink); } .lx-card__title a:hover { color:var(--brand,#b8935f); }
    .lx-card__price { margin-bottom:14px; }
    .lx-price { font-size:17px; font-weight:700; color:var(--brand,#b8935f); }
    .lx-price-old { font-size:13px; color:#b4aa0; text-decoration:line-through; margin-inline-start:8px; font-family:'Playfair Display','Cairo',serif; }

    /* ---- middle band ---- */
    .lx-midband { padding:80px 0; background:#fff; border-block:1px solid var(--lx-line); }
    .lx-midband__img { max-height:390px; width:auto; max-width:100%; margin-inline:auto; display:block; }
    .lx-midband__text h2 { font-size:30px; font-weight:700; color:var(--lx-ink); margin-bottom:14px; line-height:1.4; }
    .lx-midband__text p { font-size:14.5px; color:#6a6459; line-height:1.9; margin-bottom:24px; }

    /* ---- middle banners (2) ---- */
    .lx-banners2 .lx-banner2 { position:relative; display:block; overflow:hidden; }
    .lx-banner2 img { width:100%; height:320px; object-fit:cover; transition:transform .7s ease; }
    .lx-banner2:hover img { transform:scale(1.05); }
    .lx-banner2__content { position:absolute; inset:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:40px; background:linear-gradient(to right, rgba(28,26,23,.5), rgba(28,26,23,0)); }
    html[dir="rtl"] .lx-banner2__content { align-items:flex-end; text-align:right; background:linear-gradient(to left, rgba(28,26,23,.5), rgba(28,26,23,0)); }
    .lx-banner2__title { color:#fff; font-family:'Playfair Display','Cairo',serif; font-size:26px; font-weight:700; margin-bottom:8px; }
    .lx-banner2__sub { color:rgba(255,255,255,.9); font-size:14px; margin-bottom:18px; }
    @media (max-width:767px){ .lx-banner2 img{ height:210px; } .lx-banner2__content{ padding:24px; } .lx-banner2__title{ font-size:20px; } }

    /* ---- footer ---- */
    .lx-footer { background:#1c1a17; color:#b7b0a4; padding:64px 0 0; }
    .lx-footer h4 { color:#fff; font-size:13px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; margin-bottom:22px; }
    .lx-footer ul { list-style:none; padding:0; margin:0; } .lx-footer li { margin-bottom:11px; }
    .lx-footer a { color:#b7b0a4; } .lx-footer a:hover { color:var(--brand,#b8935f); }
    .lx-footer__logo img { max-height:50px; margin-bottom:20px; filter:brightness(0) invert(1); }
    .lx-footer__about p { font-size:13.5px; line-height:1.9; color:#8f887c; margin-bottom:20px; }
    .lx-footer__social { display:flex; gap:10px; }
    .lx-footer__social a { width:40px; height:40px; border:1px solid rgba(255,255,255,.15); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:17px; }
    .lx-footer__social a:hover { background:var(--brand,#b8935f); border-color:var(--brand,#b8935f); color:#fff; }
    .lx-footer__bottom { border-top:1px solid rgba(255,255,255,.08); margin-top:48px; padding:20px 0; text-align:center; font-size:12.5px; color:#78716a; }

    /* ---- page title ---- */
    .lx-page-title { background:#fff; border-bottom:1px solid var(--lx-line); padding:38px 0; text-align:center; }
    .lx-page-title h1 { font-size:30px; font-weight:700; color:var(--lx-ink); margin:12px 0 0; }
    .lx-breadcrumb { display:flex; gap:6px; justify-content:center; list-style:none; padding:0; margin:0; font-size:12px; letter-spacing:.05em; text-transform:uppercase; }
    .lx-breadcrumb li { color:var(--lx-mut); } .lx-breadcrumb a:hover { color:var(--brand,#b8935f); }
    .lx-breadcrumb li:not(:last-child)::after { content:"—"; margin-inline-start:6px; color:#cfc7bb; }

    /* ---- listing + load more ---- */
    .lx-listing { padding:56px 0; }
    .lx-result-count { color:var(--lx-mut); font-size:12.5px; letter-spacing:.05em; text-transform:uppercase; margin-bottom:26px; }
    .lx-empty { text-align:center; padding:60px 0; color:var(--lx-mut); } .lx-empty p { margin-bottom:18px; }
    .lx-loadmore-wrap { margin-top:34px; } .lx-loadmore { position:relative; min-width:180px; }
    .lx-loadmore__spin { display:none; width:15px; height:15px; margin-inline-start:9px; border:2px solid rgba(184,147,95,.4); border-top-color:var(--brand,#b8935f); border-radius:50%; animation:lxSpin .7s linear infinite; }
    .lx-loadmore.is-loading .lx-loadmore__spin { display:inline-block; }
    .lx-loadmore.is-loading { pointer-events:none; opacity:.8; }
    @keyframes lxSpin { to { transform:rotate(360deg); } }

    /* ---- sidebar ---- */
    .lx-widget { margin-bottom:32px; }
    .lx-widget__title { font-size:13px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--lx-ink); margin-bottom:16px; padding-bottom:12px; border-bottom:1px solid var(--lx-line); }
    .lx-widget__list { list-style:none; padding:0; margin:0; } .lx-widget__list li { margin-bottom:10px; }
    .lx-widget__list a { color:#5b5449; font-weight:600; font-size:14px; } .lx-widget__list a:hover { color:var(--brand,#b8935f); }
    .lx-select { width:100%; padding:10px 12px; border:1px solid var(--lx-line); border-radius:2px; font-size:14px; background:#fff; color:#4b463d; }

    /* ---- category bar (no sidebar, elegant top filters) ---- */
    .lx-cat-nav { display:flex; flex-wrap:wrap; gap:6px 26px; justify-content:center; margin-bottom:26px; }
    .lx-cat-nav a { font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#6a6459; padding:6px 2px; border-bottom:2px solid transparent; }
    .lx-cat-nav a:hover, .lx-cat-nav a.is-active { color:var(--brand,#b8935f); border-color:var(--brand,#b8935f); }
    .lx-cat-nav a b { color:var(--lx-mut); font-weight:700; font-size:10.5px; margin-inline-start:4px; }
    .lx-cat-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 0; border-block:1px solid var(--lx-line); margin-bottom:40px; }
    .lx-cat-bar .lx-result-count { margin:0; }
    .lx-attr-inline { display:flex; gap:12px; }
    .lx-attr-inline .lx-select { width:auto; min-width:150px; }
    @media (max-width:767px){ .lx-cat-bar{ flex-wrap:wrap; } .lx-attr-inline{ width:100%; } .lx-attr-inline .lx-select{ flex:1; min-width:0; } }

    /* ---- product detail ---- */
    .lx-pd { padding:52px 0; }
    .lx-pd__main { display:block; overflow:hidden; border:1px solid var(--lx-line); background:#fff; }
    .lx-pd__main img { width:100%; height:auto; display:block; }
    .lx-pd__thumbs { display:flex; gap:10px; margin-top:12px; flex-wrap:wrap; }
    .lx-pd__thumbs a { width:78px; height:78px; overflow:hidden; border:1px solid var(--lx-line); }
    .lx-pd__thumbs img { width:100%; height:100%; object-fit:cover; }
    .lx-pd__thumbs a { cursor:pointer; } .lx-pd__thumbs a.is-active { border-color:var(--brand,#b8935f); }
    .lx-pd__main { cursor:zoom-in; }
    .lx-pd__info { padding-inline-start:20px; }
    .lx-pd__title { font-size:28px; font-weight:700; color:var(--lx-ink); line-height:1.4; margin:0 0 14px; }
    .lx-pd__price { display:flex; align-items:baseline; gap:12px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid var(--lx-line); }
    .lx-pd__now { font-size:26px; font-weight:700; color:var(--brand,#b8935f); }
    .lx-pd__old { font-size:16px; color:#b4aa0; text-decoration:line-through; }
    .lx-pd__desc { color:#6a6459; line-height:1.9; margin-bottom:24px; }
    .lx-pd__meta { list-style:none; padding:0; margin:0 0 20px; } .lx-pd__meta li { padding:5px 0; } .lx-pd__meta span { font-weight:700; color:var(--lx-ink); }
    .lx-pd__colors { margin-bottom:20px; } .lx-pd__colors h4 { font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.08em; margin-bottom:10px; }
    .lx-pd__colors ul { display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0; }
    .lx-pd__colors input { display:none; }
    .lx-pd__colors label { display:inline-block; padding:8px 16px; border:1px solid var(--lx-line); cursor:pointer; font-weight:600; font-size:13.5px; }
    .lx-pd__colors input:checked + label { border-color:var(--brand,#b8935f); background:var(--brand,#b8935f); color:#fff; }
    .lx-pd__actions { display:flex; gap:12px; margin-bottom:16px; }
    .lx-qty input { width:82px; min-height:48px; text-align:center; border:1px solid var(--lx-line); font-weight:700; font-size:15px; }
    .lx-pd__actions .lx-btn { flex:1; margin-top:0; }
    .lx-pd__wish { display:inline-flex; align-items:center; gap:8px; color:#5b5449; font-weight:700; font-size:13px; text-transform:uppercase; letter-spacing:.06em; }
    .lx-pd__wish:hover, .lx-pd__wish.is-active { color:var(--brand,#b8935f); }
    .lx-pd__facts { list-style:none; padding:18px 0 0; margin:22px 0 0; border-top:1px solid var(--lx-line); }
    .lx-pd__facts li { padding:4px 0; font-size:13px; color:#6a6459; } .lx-pd__facts span { font-weight:700; color:var(--lx-ink); }
    .lx-pd__facts a { color:var(--brand,#b8935f); }
    .lx-pd__soldout { display:inline-block; background:#f6ece1; color:#9a6a2e; padding:12px 22px; font-weight:700; margin-bottom:16px; }
    .lx-remove-link { background:0; border:0; color:#a79e90; font-weight:600; font-size:12px; cursor:pointer; text-transform:uppercase; letter-spacing:.05em; }
    .lx-remove-link:hover { color:#b3261e; }

    /* ---- variant chips (reused Xton picker) ---- */
    .jv-variants { margin:20px 0; } .jv-axis { margin-bottom:16px; }
    .jv-axis__label { display:block; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--lx-ink); margin-bottom:8px; }
    .jv-axis__chosen { font-weight:400; color:var(--lx-mut); text-transform:none; letter-spacing:0; }
    .jv-axis__values { display:flex; flex-wrap:wrap; gap:8px; }
    .jv-chip { display:inline-flex; align-items:center; gap:7px; min-width:44px; padding:9px 15px; border:1px solid var(--lx-line); background:#fff; color:#4b463d; font-size:13.5px; font-weight:700; cursor:pointer; }
    .jv-chip:hover:not(.is-disabled) { border-color:var(--brand,#b8935f); color:var(--brand,#b8935f); }
    .jv-chip.is-active { border-color:var(--brand,#b8935f); background:var(--brand,#b8935f); color:#fff; }
    .jv-chip.is-disabled { opacity:.4; cursor:not-allowed; text-decoration:line-through; }
    .jv-chip__dot { width:18px; height:18px; border-radius:50%; border:1px solid rgba(0,0,0,.16); }
    .jv-variant-stock { margin:4px 0 0; font-size:13px; font-weight:600; }
    .jv-variant-stock.is-ok { color:#16a34a; } .jv-variant-stock.is-out { color:#dc3545; } .jv-variant-stock.is-hint { color:var(--lx-mut); }
    .jv-add-to-cart:disabled { opacity:.5; cursor:not-allowed; pointer-events:none; }

    /* ---- go-top + toast ---- */
    .lx-gotop { position:fixed; inset-inline-end:22px; bottom:22px; width:46px; height:46px; border-radius:50%; background:var(--brand,#b8935f); color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px; cursor:pointer; opacity:0; visibility:hidden; transform:translateY(12px); transition:.3s ease; z-index:900; }
    .lx-gotop.is-show { opacity:1; visibility:visible; transform:translateY(0); }
    .jv-toast { position:fixed; z-index:9999; inset-inline-end:20px; bottom:24px; display:flex; align-items:center; gap:12px; min-width:260px; max-width:calc(100vw - 40px); padding:14px 18px; background:var(--lx-ink); color:#fff; box-shadow:0 12px 34px rgba(0,0,0,.28); font-size:14px; font-weight:600; transform:translateY(140%); opacity:0; transition:transform .35s cubic-bezier(.2,.9,.3,1), opacity .35s ease; }
    .jv-toast.is-open { transform:translateY(0); opacity:1; } .jv-toast i { font-size:22px; } .jv-toast.is-ok i { color:#4ade80; } .jv-toast.is-err { background:#7f1d1d; }
    .jv-toast a { color:#fff; text-decoration:underline; margin-inline-start:auto; white-space:nowrap; }

    /* ---- LIST view (dashboard product_display=list) ---- */
    body.store-display-list .lx-col { flex:0 0 100%; max-width:100%; }
    body.store-display-list .lx-card { display:flex; gap:22px; align-items:center; text-align:start; }
    body.store-display-list .lx-card__media { width:200px; flex:0 0 200px; }
    body.store-display-list .lx-card__body { padding:0; text-align:start; flex:1; }
    body.store-display-list .lx-card .lx-btn--outline { width:auto; padding-inline:28px; }
    @media (max-width:575px){
        body.store-display-list .lx-card__media { width:120px; flex-basis:120px; }
        body.store-display-list .lx-card { gap:14px; }
    }

    /* ---- responsive ---- */
    @media (max-width:991px){
        .lx-section { padding:48px 0; } .lx-heading { margin-bottom:34px; } .lx-heading h2 { font-size:26px; }
        .lx-midband { padding:48px 0; } .lx-midband .order-1 { margin-bottom:22px; } .lx-midband__img { max-height:240px; }
        .lx-midband__text h2 { font-size:24px; } .lx-pd__info { padding-inline-start:0; margin-top:24px; }
    }
    @media (max-width:575px){
        .lx-card__actions { opacity:1; transform:none; } .lx-card__title { font-size:13px; } .lx-price { font-size:15px; }
        .lx-header__row { padding:16px 0; } .lx-brand img { max-height:42px; } .lx-col { margin-bottom:26px; }
        .lx-heading h2 { font-size:22px; }
    }

/*  */

    /* ============ MODERN (soft corners — leaves the design as authored) ============ */
    /* No overrides: each template's own radii are already its "modern" form. */

    /* ============ ROUNDED (playful: big radius + pill buttons) ============ */
    body.design-style-rounded {
        --tpl-radius:      24px;
        --tpl-radius-sm:   50px;
        --tpl-btn-radius:  50px;
        --tpl-shadow-hover: 0 16px 40px rgba(0, 0, 0, .16);
        --tpl-lift:        -6px;
    }
    body.design-style-rounded .product-item { overflow: hidden; }
    body.design-style-rounded .product-item .product-thumb { border-radius: 20px 20px 0 0; }
    body.design-style-rounded .btn,
    body.design-style-rounded .btn-theme,
    body.design-style-rounded .cart-btn,
    body.design-style-rounded .checkout-btn,
    body.design-style-rounded .btn-src,
    body.design-style-rounded .search-button {
        border-radius: 50px !important;
        font-weight: 700 !important;
    }

    /* ============ CLASSIC (sharp corners, thin borders, uppercase) ============ */
    body.design-style-classic {
        --tpl-radius:      0px;
        --tpl-radius-sm:   0px;
        --tpl-btn-radius:  0px;
        --tpl-card-border: 1px;
        --tpl-shadow:      none;
    }
    body.design-style-classic .product-item .product-thumb { border-radius: 0; }
    body.design-style-classic .btn,
    body.design-style-classic .btn-theme,
    body.design-style-classic .cart-btn,
    body.design-style-classic .checkout-btn {
        border-radius: 0 !important;
        text-transform: uppercase;
        letter-spacing: .08em;
    }

    /* ============ MINIMAL (flat, light borders, no shadow, airy) ============ */
    body.design-style-minimal {
        --tpl-radius:       4px;
        --tpl-radius-sm:    4px;
        --tpl-btn-radius:   4px;
        --tpl-card-border:  1px;
        --tpl-shadow:       none;
        --tpl-shadow-hover: none;
        --tpl-lift:         0px;
        --tpl-title-weight: 500;
    }
    body.design-style-minimal .product-item { padding: 6px; }
    body.design-style-minimal .product-item .product-thumb { border-radius: 4px; }
    body.design-style-minimal .product-item:hover { border-color: #dcdcdc; }
    body.design-style-minimal .btn,
    body.design-style-minimal .btn-theme,
    body.design-style-minimal .cart-btn,
    body.design-style-minimal .checkout-btn {
        border-radius: 4px !important;
        box-shadow: none !important;
        font-weight: 500 !important;
    }

    /* =====================================================================
       Same skin applied to the NEW designs (xton / zakas / luxury), which use
       their own card/button classes. Keeps "design style" working everywhere.
       ===================================================================== */
    /* ---- ROUNDED ---- */
    body.design-style-rounded .jv-card,
    body.design-style-rounded .zakas-product .product-image,
    body.design-style-rounded .lx-card__media { border-radius: 22px !important; }
    body.design-style-rounded .default-btn,
    body.design-style-rounded .jv-quick-btn,
    body.design-style-rounded .zk-btn,
    body.design-style-rounded .lx-btn { border-radius: 50px !important; }

    /* ---- CLASSIC (sharp) ---- */
    body.design-style-classic .jv-card,
    body.design-style-classic .jv-card__media,
    body.design-style-classic .zakas-product .product-image,
    body.design-style-classic .lx-card__media,
    body.design-style-classic .lx-cat__img,
    body.design-style-classic .zk-cat__img { border-radius: 0 !important; }
    body.design-style-classic .default-btn,
    body.design-style-classic .jv-quick-btn,
    body.design-style-classic .zk-btn,
    body.design-style-classic .lx-btn { border-radius: 0 !important; text-transform: uppercase; letter-spacing: .06em; }

    /* ---- MINIMAL (flat) ---- */
    body.design-style-minimal .jv-card,
    body.design-style-minimal .zakas-product .product-image,
    body.design-style-minimal .lx-card__media { border-radius: 4px !important; box-shadow: none !important; }
    body.design-style-minimal .jv-card { border-color: #e9ebef !important; }
    body.design-style-minimal .jv-card:hover { transform: none !important; box-shadow: 0 4px 14px rgba(0,0,0,.06) !important; }
    body.design-style-minimal .default-btn,
    body.design-style-minimal .jv-quick-btn,
    body.design-style-minimal .zk-btn,
    body.design-style-minimal .lx-btn { border-radius: 4px !important; box-shadow: none !important; }