/*
Theme Name: Medkour Pharmacy
Theme URI: https://polished-shop-experience.lovable.app
Description: قالب عربي (RTL) لمنصة صيدليات وتوصيل أدوية — متوافق مع WooCommerce. صيدليات قريبة، أقسام، أدوية الأكثر طلبًا، وخطوات الطلب.
Version: 1.3.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: medkour
Tags: rtl-language-support, e-commerce, custom-menu, custom-logo, featured-images
License: GPLv2 or later
*/

/* =========================================================
   1. Design tokens
   ========================================================= */
:root{
  --radius:14px;--radius-lg:20px;--radius-xl:28px;
  --bg:oklch(98.4% .004 200);--fg:oklch(25% .045 255);--card:#fff;
  --primary:oklch(53% .11 166);--primary-deep:oklch(42% .09 166);--primary-soft:oklch(95.5% .035 166);
  --muted:oklch(96.5% .006 240);--muted-fg:oklch(52% .03 255);
  --warning:oklch(78% .15 70);--warning-soft:oklch(96.5% .04 80);--warning-fg:oklch(48% .12 60);
  --danger:oklch(57% .2 27);--danger-soft:oklch(96% .03 27);
  --border:oklch(92.5% .01 250);--ring:oklch(53% .11 166/.25);
  --grad-hero:radial-gradient(1100px 520px at 85% -10%,oklch(92% .06 166) 0%,transparent 60%),linear-gradient(180deg,oklch(97.6% .015 166),var(--bg));
  --grad-primary:linear-gradient(135deg,var(--primary),var(--primary-deep));
  --shadow-sm:0 1px 2px oklch(25% .045 255/.05);
  --shadow-card:0 1px 2px oklch(25% .045 255/.04),0 10px 28px -14px oklch(25% .045 255/.14);
  --shadow-el:0 22px 50px -22px oklch(42% .09 166/.4);
  --ease:cubic-bezier(.2,.7,.2,1);
  --header-h:72px;
}

/* =========================================================
   2. Base
   ========================================================= */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Tajawal,Inter,system-ui,sans-serif;font-size:16px;background:var(--bg);color:var(--fg);line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5{line-height:1.3;font-weight:800;margin:0 0 .6em;letter-spacing:-.01em}
h1{font-size:clamp(28px,4vw,40px)}h2{font-size:clamp(22px,3vw,30px)}h3{font-size:19px}
p{margin:0 0 1em}
a{color:inherit;text-decoration:none;transition:color .2s}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:8px}
::selection{background:var(--primary-soft);color:var(--primary-deep)}
main{min-height:60vh}
.container{width:100%;max-width:1240px;margin-inline:auto;padding-inline:20px}
.meta{color:var(--muted-fg);font-size:14px}
.hide-sm{}

/* =========================================================
   3. Buttons
   ========================================================= */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 22px;border-radius:var(--radius);font:700 15px/1.2 inherit;font-family:inherit;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .2s var(--ease),box-shadow .2s,background .2s,border-color .2s,color .2s}
.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:var(--shadow-el)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 26px 50px -20px oklch(42% .09 166/.55)}
.btn-outline{background:var(--card);color:var(--fg);border-color:var(--border);box-shadow:var(--shadow-sm)}
.btn-outline:hover{border-color:var(--primary);color:var(--primary-deep);background:var(--primary-soft)}
.btn.sm{min-height:34px;padding:6px 12px;font-size:13px;border-radius:10px}
.btn:active{transform:translateY(0)}
.btn[disabled],.btn.loading{opacity:.65;pointer-events:none}

/* =========================================================
   4. Header
   ========================================================= */
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--card) 88%,transparent);backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--border)}
.admin-bar .site-header{top:32px}
.site-header .container{position:relative;display:flex;align-items:center;justify-content:space-between;height:var(--header-h);gap:20px}
.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}
.brand .custom-logo{max-height:44px;width:auto}
.brand-mark{width:42px;height:42px;border-radius:12px;background:var(--grad-primary);display:grid;place-items:center;color:#fff;font-weight:800;font-size:20px;box-shadow:var(--shadow-el)}
.brand b{display:block;font-size:18px;line-height:1.2}
.brand small{display:block;color:var(--muted-fg);font-size:12px;line-height:1.3}
.main-nav ul{list-style:none;display:flex;gap:6px;margin:0;padding:0}
.main-nav a{display:block;padding:8px 14px;border-radius:10px;font-weight:600;color:var(--muted-fg)}
.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--primary-deep);background:var(--primary-soft)}
.header-actions{display:flex;gap:10px;align-items:center}
.cart-link{position:relative;width:46px;height:46px;border-radius:var(--radius);border:1px solid var(--border);background:var(--card);display:grid;place-items:center;font-size:19px;transition:border-color .2s}
.cart-link:hover{border-color:var(--primary)}
.cart-count{position:absolute;top:-7px;left:-7px;background:var(--primary);color:#fff;border:2px solid var(--card);border-radius:99px;font-size:11px;font-weight:800;min-width:22px;height:22px;line-height:18px;padding:0 5px;text-align:center}
.menu-toggle{display:none;width:46px;padding:0;font-size:20px}

/* =========================================================
   5. Hero
   ========================================================= */
.hero{background:var(--grad-hero);padding:72px 0 80px;overflow:hidden}
.hero .container{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.badge{display:inline-flex;align-items:center;gap:6px;background:var(--primary-soft);color:var(--primary-deep);padding:6px 14px;border-radius:99px;font-size:13px;font-weight:700;border:1px solid color-mix(in oklab,var(--primary) 18%,transparent)}
.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.18;margin:18px 0 16px}
.hero h1 span{background:var(--grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{color:var(--muted-fg);font-size:18px;max-width:540px}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 0}
.search-box{display:flex;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);padding:6px;box-shadow:var(--shadow-card);max-width:560px;margin-top:26px;transition:border-color .2s,box-shadow .2s}
.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--ring),var(--shadow-card)}
.search-box input{flex:1;min-width:0;border:0;outline:0;padding:10px 14px;font:inherit;background:transparent;color:var(--fg)}
.stats{display:flex;gap:40px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border);max-width:560px}
.stats b{display:block;font-size:26px;line-height:1.2;color:var(--primary-deep)}
.stats span{color:var(--muted-fg);font-size:14px}
.hero-img{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-el);aspect-ratio:5/4;background:var(--primary-soft)}
.hero-img img{width:100%;height:100%;object-fit:cover}

/* =========================================================
   6. Sections & cards
   ========================================================= */
section.block{padding:56px 0}
section.block+section.block{padding-top:16px}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:26px}
.sec-head h2{margin:0;font-size:clamp(22px,3vw,30px)}
.sec-head a{color:var(--primary);font-weight:700;white-space:nowrap}.sec-head a:hover{color:var(--primary-deep)}
.loc-card{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 28px;box-shadow:var(--shadow-card);background-image:linear-gradient(90deg,var(--primary-soft),transparent 55%)}
.loc-card h3{margin:0 0 4px;font-size:21px}.loc-card p{margin:0;color:var(--muted-fg)}
.grid{display:grid;gap:22px}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g8{grid-template-columns:repeat(8,minmax(0,1fr))}
.card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-el);border-color:color-mix(in oklab,var(--primary) 25%,var(--border))}
.card-body{display:flex;flex-direction:column;flex:1;padding:16px 18px 18px}
.card-body>:last-child{margin-top:auto}
.card h3{margin:0 0 6px;font-size:17px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card h3 a:hover{color:var(--primary-deep)}
.card .meta{color:var(--muted-fg);font-size:14px;margin-bottom:6px}
.card-thumb{display:grid;place-items:center;aspect-ratio:4/3;background:var(--muted);overflow:hidden}
.card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.card:hover .card-thumb img{transform:scale(1.04)}
.card .btn{width:100%}
.price{color:var(--primary-deep);font-weight:800;font-size:18px;margin:4px 0 12px}
.price del{color:var(--muted-fg);font-weight:500;font-size:14px;margin-inline-start:6px}
.price ins{text-decoration:none}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.tag{display:inline-flex;align-items:center;gap:4px;background:var(--warning-soft);color:var(--warning-fg);padding:3px 10px;border-radius:99px;font-size:12px;font-weight:700}
.tag-green{background:var(--primary-soft);color:var(--primary-deep)}
.cat{display:block;background:var(--card);border:1px solid var(--border);border-radius:18px;padding:20px 10px;text-align:center;font-weight:700;font-size:14px;line-height:1.4;transition:.2s var(--ease)}
.cat:hover{border-color:var(--primary);color:var(--primary-deep);transform:translateY(-3px);box-shadow:var(--shadow-card)}
.cat i{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;border-radius:16px;background:var(--primary-soft);font-style:normal;font-size:24px}
.steps .step{align-items:center;text-align:center;padding:30px 22px}
.step-n{width:60px;height:60px;margin:0 auto 16px;border-radius:18px;background:var(--grad-primary);color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:var(--shadow-el)}
.step h3 a{color:var(--primary-deep)}
.step p{color:var(--muted-fg);margin:0}

/* =========================================================
   7. Footer
   ========================================================= */
.site-footer{background:var(--fg);color:oklch(88% .012 255);padding:64px 0 26px;margin-top:56px}
.site-footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.site-footer h4{color:#fff;margin:0 0 14px;font-size:17px}
.site-footer p{max-width:380px}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin:8px 0;opacity:.78;transition:opacity .2s}
.site-footer li:hover{opacity:1}.site-footer a:hover{color:#fff}
.copy{border-top:1px solid oklch(100% 0 0/.1);margin-top:40px;padding-top:22px;font-size:14px;opacity:.65;text-align:center}

/* =========================================================
   8. Content pages
   ========================================================= */
.content{padding:48px 20px 56px}
.entry{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(20px,4vw,36px);margin-bottom:24px;box-shadow:var(--shadow-card)}
.entry>h1:first-child,.entry>h2:first-child{margin-top:0}
.entry h2 a:hover{color:var(--primary)}
.entry ul,.entry ol{padding-inline-start:22px}
.entry table{width:100%;border-collapse:collapse}
.entry td,.entry th{padding:10px;border-bottom:1px solid var(--border);text-align:right}
.mk-map{width:100%;height:340px;border:0;border-radius:16px;margin:18px 0;background:var(--muted)}
.ph-by{background:var(--primary-soft);color:var(--primary-deep);padding:10px 14px;border-radius:12px;font-weight:600}
.navigation.pagination{margin-top:28px}
.nav-links,.woocommerce nav.woocommerce-pagination ul{display:flex!important;justify-content:center;gap:6px;flex-wrap:wrap;border:0!important}
.nav-links .page-numbers,.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{display:grid!important;place-items:center;min-width:42px;height:42px;padding:0 12px!important;border-radius:12px;border:1px solid var(--border)!important;background:var(--card);font-weight:700}
.woocommerce nav.woocommerce-pagination ul li{border:0!important}
.nav-links .current,.woocommerce nav.woocommerce-pagination ul li span.current,.nav-links a:hover,.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important}

/* =========================================================
   9. Forms, notices, dashboard
   ========================================================= */
.mk-form{display:grid;gap:16px;max-width:580px}
.mk-form.wide{max-width:860px}
.mk-form label{display:grid;gap:6px;font-weight:700;font-size:15px}
.mk-form .check{display:flex;gap:10px;align-items:center;font-weight:500}
.mk-form fieldset{border:1px solid var(--border);border-radius:16px;padding:18px;display:grid;gap:14px;margin:0;background:var(--card)}
.mk-form legend{font-weight:800;padding:0 8px;color:var(--primary-deep)}
.mk-form input,.mk-form textarea,.mk-form select,
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,
.woocommerce .quantity .qty,.select2-container--default .select2-selection--single,.woocommerce-product-search input[type=search]{
  width:100%;font:inherit;color:var(--fg);min-height:46px;padding:10px 14px;border:1px solid var(--border);border-radius:12px;background:var(--card);transition:border-color .2s,box-shadow .2s}
.mk-form input[type=checkbox],.mk-form input[type=radio]{width:18px;min-height:0;height:18px;accent-color:var(--primary)}
.mk-form input:focus,.mk-form textarea:focus,.mk-form select:focus,
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus,.woocommerce .quantity .qty:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}
.mk-form textarea{min-height:110px;resize:vertical}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.mk-loc-status{margin-top:8px;font-size:14px;color:var(--muted-fg)}.mk-loc-status.err{color:var(--danger)}
.notice{padding:14px 18px;border-radius:12px;margin-bottom:16px;font-weight:700;border:1px solid transparent}
.notice.ok{background:var(--primary-soft);color:var(--primary-deep);border-color:color-mix(in oklab,var(--primary) 20%,transparent)}
.notice.err{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in oklab,var(--danger) 20%,transparent)}
.dash-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.dash-head h2{margin:0 0 6px}
.dash-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--border);margin-bottom:22px;padding-bottom:12px}
.dash-tabs a{padding:8px 16px;border-radius:10px;font-weight:700;color:var(--muted-fg)}
.dash-tabs a.on,.dash-tabs a:hover{background:var(--primary-soft);color:var(--primary-deep)}
.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:16px;background:var(--card)}
.mk-table{width:100%;border-collapse:collapse;font-size:14px}
.mk-table th,.mk-table td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:right;vertical-align:middle}
.mk-table th{color:var(--muted-fg);font-weight:700;background:var(--muted);white-space:nowrap}
.mk-table tr:last-child td{border-bottom:0}.mk-table tbody tr:hover{background:color-mix(in oklab,var(--primary-soft) 45%,transparent)}
.mk-table .thumb img{width:48px;height:48px;object-fit:cover;border-radius:10px}
.acts{display:flex;gap:6px;flex-wrap:wrap}

/* =========================================================
   10. WooCommerce
   ========================================================= */
.woocommerce .woocommerce-breadcrumb{color:var(--muted-fg);font-size:14px;margin-bottom:18px}
.woocommerce .woocommerce-breadcrumb a{color:var(--primary-deep)}
.woocommerce-products-header__title,.woocommerce .page-title{margin-bottom:10px}
.woocommerce .woocommerce-result-count{color:var(--muted-fg);font-size:14px;margin:8px 0 20px}
.woocommerce .woocommerce-ordering{margin-bottom:20px}
.woocommerce .woocommerce-ordering select{font:inherit;min-height:42px;padding:6px 12px;border:1px solid var(--border);border-radius:12px;background:var(--card)}
/* Product grid */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:0 0 24px!important;padding:0}
.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;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px!important;box-shadow:var(--shadow-card);text-align:right;transition:transform .25s var(--ease),box-shadow .25s}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:var(--shadow-el)}
.woocommerce ul.products li.product a img{aspect-ratio:1;object-fit:cover;border-radius:14px;margin:0 0 12px!important;background:var(--muted)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:16px!important;font-weight:700;line-height:1.45;padding:0 4px!important;margin-bottom:6px;color:var(--fg)}
.woocommerce ul.products li.product .price{padding:0 4px;font-size:17px!important;margin-bottom:12px}
.woocommerce ul.products li.product .button{margin-top:auto!important;width:100%;text-align:center}
.woocommerce ul.products li.product .star-rating{margin:0 4px 6px}
/* Buttons */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce .button.alt,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{
  display:inline-flex!important;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:10px 20px!important;background:var(--grad-primary)!important;color:#fff!important;border:0!important;border-radius:12px!important;font:700 15px/1.2 inherit!important;font-family:inherit!important;transition:transform .2s,box-shadow .2s!important}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce .button.alt:hover{transform:translateY(-2px);box-shadow:var(--shadow-el)}
.woocommerce a.added_to_cart{display:block;text-align:center;margin-top:8px;font-size:13px;font-weight:700;color:var(--primary-deep)}
.woocommerce button.button:disabled,.woocommerce button.button.disabled{opacity:.55!important}
.woocommerce span.onsale{min-height:0!important;min-width:0!important;line-height:1!important;padding:6px 12px!important;border-radius:99px!important;background:var(--warning)!important;color:var(--fg)!important;font-weight:800;top:18px!important;right:18px!important;left:auto!important;margin:0!important}
.woocommerce .price,.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--primary-deep)!important;font-weight:800}
.woocommerce .star-rating span::before{color:var(--warning)}
/* Single product */
.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none!important;width:auto!important;margin:0!important}
.woocommerce div.product div.images{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;box-shadow:var(--shadow-card)}
.woocommerce div.product div.images img{border-radius:14px}
.woocommerce div.product div.images .flex-control-thumbs{display:flex;gap:8px;margin-top:10px!important}
.woocommerce div.product div.images .flex-control-thumbs li{width:70px!important}
.woocommerce div.product div.images .flex-control-thumbs img{border-radius:10px;border:2px solid transparent}
.woocommerce div.product div.images .flex-control-thumbs img.flex-active{border-color:var(--primary)}
.woocommerce div.product .product_title{font-size:clamp(26px,3vw,36px);margin-bottom:10px}
.woocommerce div.product p.price{font-size:28px!important;margin:6px 0 18px}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--muted-fg);margin-bottom:20px}
.woocommerce div.product form.cart{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;padding:18px;background:var(--muted);border-radius:16px;margin-bottom:20px!important}
.woocommerce div.product form.cart div.quantity{float:none;margin:0!important}
.woocommerce .quantity .qty{width:84px;text-align:center}
.woocommerce div.product form.cart .button{flex:1;min-height:46px}
.woocommerce div.product .product_meta{font-size:14px;color:var(--muted-fg);display:grid;gap:4px}
.woocommerce div.product .product_meta a{color:var(--primary-deep)}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.woocommerce div.product .upsells{grid-column:1/-1}
.woocommerce div.product .woocommerce-tabs ul.tabs{display:flex;gap:6px;padding:0!important;margin:0 0 18px!important;border-bottom:1px solid var(--border)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{padding:12px 16px!important;font-weight:700;color:var(--muted-fg)!important;border-bottom:3px solid transparent}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--primary-deep)!important;border-bottom-color:var(--primary)}
.woocommerce div.product .woocommerce-tabs .panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}
.related>h2,.upsells>h2{margin:32px 0 18px}
/* Notices */
.woocommerce-message,.woocommerce-info,.woocommerce-error{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border)!important;border-top:0!important;border-inline-start:4px solid var(--primary)!important;border-radius:14px;background:var(--card)!important;box-shadow:var(--shadow-card);padding:14px 18px!important;margin:0 0 20px!important;list-style:none;color:var(--fg)}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none!important}
.woocommerce-message::after,.woocommerce-info::after,.woocommerce-error::after{display:none!important}
.woocommerce-info{border-inline-start-color:var(--warning)!important}
.woocommerce-error{border-inline-start-color:var(--danger)!important;background:var(--danger-soft)!important}
.woocommerce-message .button,.woocommerce-info .button{order:2;min-height:36px!important;padding:6px 14px!important}
/* Cart */
.woocommerce table.shop_table{border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;border-collapse:separate!important;overflow:hidden;background:var(--card);box-shadow:var(--shadow-card);margin-bottom:24px!important}
.woocommerce table.shop_table th{background:var(--muted);font-weight:700;color:var(--muted-fg);padding:14px!important;text-align:right}
.woocommerce table.shop_table td{padding:14px!important;border-top:1px solid var(--border)!important;text-align:right}
.woocommerce table.shop_table img{width:64px!important;border-radius:10px}
.woocommerce a.remove{color:var(--danger)!important;border-radius:50%;width:28px;height:28px;line-height:26px;display:grid;place-items:center}
.woocommerce a.remove:hover{background:var(--danger)!important;color:#fff!important}
.woocommerce table.cart td.actions .coupon{display:flex;gap:8px;align-items:center}
.woocommerce table.cart td.actions .coupon .input-text{width:200px!important;min-height:44px;border:1px solid var(--border)!important;border-radius:12px;padding:8px 12px!important;font:inherit}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:none!important;width:100%!important;max-width:460px;margin-inline-start:auto}
.woocommerce .cart_totals h2{font-size:22px}
.wc-proceed-to-checkout .checkout-button{width:100%;min-height:52px!important;font-size:17px!important}
/* Checkout & account */
.woocommerce form .form-row{padding:0!important;margin:0 0 14px!important}
.woocommerce form .form-row label{font-weight:700;margin-bottom:6px;display:block}
.woocommerce form .form-row .required{color:var(--danger)}
.woocommerce form.checkout{display:grid;grid-template-columns:1.3fr 1fr;gap:28px;align-items:start}
.woocommerce form.checkout #customer_details{grid-column:1}
.woocommerce form.checkout #order_review_heading,.woocommerce form.checkout #order_review{grid-column:2}
.woocommerce form.checkout #order_review_heading{margin:0}
.woocommerce form.checkout #customer_details .col-1,.woocommerce form.checkout #customer_details .col-2{float:none;width:100%}
.woocommerce form.checkout #customer_details>div,.woocommerce form.checkout #order_review{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-card);margin-bottom:18px}
.woocommerce-checkout #payment{background:var(--muted)!important;border-radius:16px!important}
.woocommerce-checkout #payment div.payment_box{background:var(--card)!important;border-radius:12px}
.woocommerce-checkout #payment div.payment_box::before{display:none}
#place_order{width:100%;min-height:52px!important;font-size:17px!important}
.select2-container--default .select2-selection--single{display:flex;align-items:center}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:44px;left:8px;right:auto}
.woocommerce-account .woocommerce{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start}
.woocommerce-account .woocommerce>.woocommerce-notices-wrapper{grid-column:1/-1}
.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{float:none!important;width:auto!important}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:8px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}
.woocommerce-MyAccount-navigation a{display:block;padding:10px 14px;border-radius:10px;font-weight:600;color:var(--muted-fg)}
.woocommerce-MyAccount-navigation .is-active a,.woocommerce-MyAccount-navigation a:hover{background:var(--primary-soft);color:var(--primary-deep)}
.woocommerce-MyAccount-content{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px;box-shadow:var(--shadow-card)}
.woocommerce-account:not(.logged-in) .woocommerce{display:block}
.woocommerce form.login,.woocommerce form.register{border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;background:var(--card);padding:26px!important;box-shadow:var(--shadow-card)}
.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{float:right}
.woocommerce-product-search{display:flex;gap:8px}

/* =========================================================
   11. Responsive
   ========================================================= */
@media(max-width:1100px){
  .g8{grid-template-columns:repeat(4,minmax(0,1fr))}
  .woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr))}
  .main-nav a{padding:8px 10px}
}
@media(max-width:900px){
  :root{--header-h:64px}
  .hero{padding:40px 0 56px}
  .hero .container{grid-template-columns:1fr;gap:34px}
  .hero-img{order:-1;aspect-ratio:16/10}
  .g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .main-nav{display:none}
  .main-nav.open{display:block;position:absolute;top:var(--header-h);right:0;left:0;background:var(--card);padding:12px 20px 20px;border-bottom:1px solid var(--border);box-shadow:var(--shadow-card)}
  .main-nav.open ul{flex-direction:column;gap:2px}
  .main-nav.open a{padding:12px 14px}
  .menu-toggle{display:inline-flex}
  .site-footer .cols{grid-template-columns:1fr 1fr}
  .site-footer .cols>div:first-child{grid-column:1/-1}
  .loc-card{flex-direction:column;text-align:center;background-image:none}
  .woocommerce div.product,.woocommerce form.checkout,.woocommerce-account .woocommerce{grid-template-columns:1fr}
  .woocommerce form.checkout #order_review_heading,.woocommerce form.checkout #order_review{grid-column:1}
  .woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{float:none;width:100%}
}
@media(max-width:700px){
  .row2,.row3{grid-template-columns:1fr}
  .hide-sm{display:none!important}
  .header-actions .btn-primary{padding-inline:14px}
  .search-box{flex-direction:column}
  .search-box .btn{width:100%}
  .stats{gap:24px;justify-content:space-between}
  .stats b{font-size:22px}
  section.block{padding:40px 0}
  .sec-head{align-items:center}
  .woocommerce table.shop_table_responsive tr td{display:flex;justify-content:space-between;text-align:left}
  .woocommerce table.cart td.actions .coupon{flex-direction:column;align-items:stretch}
  .woocommerce table.cart td.actions .coupon .input-text{width:100%!important}
}
@media(max-width:520px){
  .container{padding-inline:16px}
  .g4,.g3{grid-template-columns:1fr}
  .g8{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brand small{display:none}
  .header-actions{gap:6px}
  .cart-link,.menu-toggle{width:42px;height:42px;min-height:42px}
  .site-footer .cols{grid-template-columns:1fr}
  .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .woocommerce ul.products li.product{padding:8px!important}
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px!important}
  .woocommerce ul.products li.product .button{font-size:13px!important;padding:8px!important}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}