:root{
  --paper:#FBFBF9; --ink:#14161A; --ash:#6E7379; --line:#E6E5E0; --line-2:#F1F0EC;
  --seal:#1E4D3F; --seal-dk:#12291F; --seal-soft:#EDF2EF; --gold:#C6A867; --warn:#B0873A;
  --s-1:.75rem; --s0:.9375rem; --s1:1.125rem;
  --s2:clamp(1.5rem,3.6vw,2.4rem); --s3:clamp(1.75rem,3.4vw,2.6rem); --s4:clamp(2.1rem,5vw,3.4rem);
  --ease:cubic-bezier(.16,1,.3,1); --gut:clamp(20px,5vw,64px); --wrap:1320px;
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--paper);color:var(--ink);
  font-family:"IBM Plex Sans Arabic","Instrument Sans",system-ui,sans-serif;
  font-size:var(--s0);line-height:1.6;-webkit-font-smoothing:antialiased;}

/* WordPress/WooCommerce integration */
.custom-logo,.brand img{display:block;max-height:42px;width:auto;max-width:min(190px,32vw);object-fit:contain}.hero-static{min-height:92vh;padding-top:132px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-static__in{position:relative;z-index:2;width:100%}.hero-static h1{font-size:clamp(3rem,8vw,7.5rem);font-weight:600;line-height:.94;max-width:8ch;margin-bottom:28px}.hero-static .lede{margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-books{position:absolute;inset-inline-end:-4vw;bottom:-5%;height:72%;width:min(49vw,690px);display:flex;align-items:flex-end;gap:clamp(4px,1vw,14px);transform:rotate(-2deg);opacity:.96}.hero-books i{display:block;width:14%;height:var(--h);background:var(--c);border-radius:5px 12px 3px 3px;box-shadow:inset 8px 0 14px rgba(0,0,0,.16),0 24px 40px -24px rgba(0,0,0,.6)}.hero-books i:nth-child(1){--h:65%;--c:var(--seal)}.hero-books i:nth-child(2){--h:88%;--c:#6B2A2A}.hero-books i:nth-child(3){--h:72%;--c:#C6A867}.hero-books i:nth-child(4){--h:95%;--c:#253454}.hero-books i:nth-child(5){--h:76%;--c:#7A4A34}.hero-books i:nth-child(6){--h:90%;--c:#2C423A}.hero-books i:nth-child(7){--h:68%;--c:#3A2C4A}.story-band{background:var(--seal-soft)}.story-band .h2{max-width:18ch;margin-bottom:18px}.story-band .lede{margin-bottom:26px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:36px;padding-block:64px;border-top:1px solid var(--line)}footer h3{font-size:var(--s0);margin-bottom:12px}footer p,footer a{color:var(--ash);font-size:var(--s-1)}.footer-grid>div>a,.footer-grid li a{display:block;margin:7px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-block:20px;color:var(--ash);font-size:var(--s-1)}.toast{position:fixed;z-index:120;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--ink);color:#fff;padding:11px 20px;border-radius:99px;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}.content-wrap{max-width:820px}.entry-content{margin-top:30px}.entry-content>*+*{margin-top:1.2em}.entry-content img{max-width:100%;height:auto}.post-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:7px}.post-card .h3{margin-block:15px 8px}.woocommerce-wrap{min-height:55vh}.woocommerce-products-header__title,.woocommerce div.product .product_title,.woocommerce-cart .entry-title,.woocommerce-checkout .entry-title{font-size:var(--s3);font-weight:600}.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:44px 28px}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none}.woocommerce ul.products li.product{float:none!important;width:auto!important;margin:0!important}.woocommerce ul.products li.product a img{border-radius:8px 3px 3px 8px;aspect-ratio:2/3;object-fit:cover;margin:0 0 14px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:var(--s0);font-weight:600}.woocommerce ul.products li.product .price,.woocommerce div.product p.price{color:var(--ink);font-weight:600}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{border-radius:99px;background:var(--ink);color:#fff;padding:12px 20px}.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--seal);color:#fff}.woocommerce span.onsale{background:var(--seal);min-width:auto;min-height:auto;line-height:1;padding:7px 11px;border-radius:99px}.woocommerce div.product div.images img{border-radius:8px}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce .quantity .qty{border:1px solid var(--line);border-radius:6px;padding:11px;background:#fff}.woocommerce-message,.woocommerce-info{border-top-color:var(--seal);background:var(--seal-soft)}.woocommerce-message::before,.woocommerce-info::before{color:var(--seal)}.woocommerce table.shop_table{border-color:var(--line);border-radius:8px}.woocommerce-checkout #payment{background:var(--seal-soft)}.card .button.add{display:block;text-align:center;margin-top:11px}.card-link{display:block}.empty{text-align:center;padding-block:80px}.empty>*+*{margin-top:18px}
@media(max-width:900px){.hero-static{min-height:820px;align-items:flex-start}.hero-static h1{font-size:clamp(3rem,15vw,5.4rem)}.hero-books{width:82vw;height:42%;opacity:.32}.footer-grid{grid-template-columns:1fr 1fr}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:1fr}.stat{border-inline-start:0;border-top:1px solid var(--line)}.stat:first-child{border-top:0}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:7px}.woocommerce ul.products{gap:28px 12px}.hero-static{padding-top:128px}.hero-static .btn{width:100%}}
:where(p,h1,h2,h3,h4,ul,ol,li,figure,fieldset){margin:0;padding:0;list-style:none;border:0;}
:where(button){font:inherit;color:inherit;background:none;border:0;cursor:pointer;}
:where(a){color:inherit;text-decoration:none;}
:where(input,select,textarea){font:inherit;color:inherit;}
/* Keep the mobile storefront at its intended scale. `manipulation` removes
   accidental double-tap zoom while preserving normal page scrolling. */
html,body{touch-action:pan-x pan-y}a,button,input,select,textarea,label{touch-action:manipulation}
:focus-visible{outline:2px solid var(--seal);outline-offset:3px;border-radius:3px;}
.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.lat{font-family:"Instrument Sans",system-ui,sans-serif;letter-spacing:.02em;}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);}

/* ─────────── TRUST TICKER ─────────── */
.tick{position:fixed;inset-inline:0;top:0;z-index:60;background:var(--seal);color:#fff;
  font-size:11px;overflow:hidden;height:32px;display:flex;align-items:center;}
.tick__row{display:flex;width:max-content;min-width:200vw;white-space:nowrap;will-change:transform;
  animation:tickMove 28s linear infinite;transform:translate3d(0,0,0);}
.tick__group{display:flex;flex:none;align-items:center;justify-content:space-around;gap:clamp(36px,5vw,92px);min-width:100vw;padding-inline:clamp(22px,4vw,72px);}
.tick:hover .tick__row{animation-play-state:paused;}
.tick b{font-weight:500;display:inline-flex;align-items:center;gap:9px;}
.tick b::before{content:"";width:4px;height:4px;border-radius:9px;background:var(--gold);flex:0 0 auto;}
@keyframes tickMove{from{transform:translate3d(0,0,0)}to{transform:translate3d(50%,0,0)}}

/* ─────────── NAV ─────────── */
.nav{position:fixed;inset-inline:0;top:32px;z-index:50;background:rgba(251,251,249,.8);
  backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);
  border-bottom:1px solid transparent;transition:border-color .5s var(--ease);}
.nav.is-stuck{border-bottom-color:var(--line);}
.nav__in{display:flex;align-items:center;gap:clamp(14px,2.6vw,36px);padding:15px var(--gut);
  max-width:var(--wrap);margin-inline:auto;}
.brand{font-weight:700;font-size:var(--s1);white-space:nowrap;}
.brand em{font-style:normal;color:var(--seal);margin-inline-start:.22em;}
.nav__links{display:flex;gap:clamp(12px,2vw,28px);margin-inline-start:auto;}
.nav__links a{font-size:var(--s-1);color:var(--ash);transition:color .3s var(--ease);position:relative;}
.nav__links a:hover,.nav__links a.on{color:var(--ink);}
.nav__links a.on::after{content:"";position:absolute;inset-inline:0;bottom:-6px;height:1.5px;background:var(--seal);}
.nav__tools{display:flex;gap:8px;align-items:center;}
.icb{width:36px;height:36px;border-radius:99px;border:1px solid var(--line);display:grid;place-items:center;
  transition:border-color .3s var(--ease),background-color .3s var(--ease),color .3s var(--ease);position:relative;}
.icb:hover{border-color:var(--ink);}
/* Version 120: filled with the brand colour so "حسابي" stands out from the
   plain-outlined search/cart icons next to it. */
.accountIcon{background:var(--seal);border-color:var(--seal);color:#fff;}
.accountIcon:hover{background:var(--seal-dk);border-color:var(--seal-dk);}
.cartN{position:absolute;top:-5px;inset-inline-start:-5px;min-width:18px;height:18px;border-radius:99px;
  background:var(--seal);color:#fff;font-size:10.5px;font-weight:600;display:grid;place-items:center;
  font-family:"Instrument Sans",sans-serif;padding-inline:4px;}
.searchPanel{position:fixed;z-index:49;top:98px;inset-inline:0;display:none;padding:12px var(--gut);background:rgba(251,251,249,.97);border-bottom:1px solid var(--line)}
.searchPanel.open{display:block}.lawz-search-shell{max-width:680px;margin:auto;position:relative}.searchPanel form{display:flex;gap:8px}.searchPanel input{min-width:0;flex:1;border:1px solid var(--line);border-radius:99px;background:#fff;padding:11px 18px;text-align:right}.searchPanel button{border-radius:99px;background:var(--ink);color:#fff;padding:10px 22px}.searchSuggestions{display:none;position:absolute;inset-inline:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 22px 55px -30px rgba(20,22,26,.45);overflow:hidden;max-height:430px;overflow-y:auto}.searchSuggestions.open{display:block}.searchSuggestion{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line-2)}.searchSuggestion:last-child{border-bottom:0}.searchSuggestion:hover{background:var(--seal-soft)}.searchSuggestion img,.searchSuggestion .searchPh{width:46px;height:60px;object-fit:cover;border-radius:5px;background:var(--seal)}.searchSuggestion b{font-size:var(--s-1)}.searchSuggestion span{font-size:var(--s-1);color:var(--ash)}.searchEmpty{padding:18px;text-align:center;color:var(--ash)}

/* Version 27: real WooCommerce cart and checkout shaped like the supplied app. */
.woocommerce-cart .woocommerce{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:clamp(28px,5vw,68px);align-items:start}.woocommerce-cart .woocommerce-notices-wrapper,.woocommerce-cart .woocommerce-cart-form{grid-column:1}.woocommerce-cart .cart-collaterals{grid-column:2;grid-row:1 / span 3;position:sticky;top:125px;width:100%!important}.woocommerce-cart table.shop_table{border:0}.woocommerce-cart table.shop_table td,.woocommerce-cart table.shop_table th{border-color:var(--line);padding:18px 12px}.woocommerce-cart .product-thumbnail img{width:74px!important;aspect-ratio:2/3;object-fit:cover;border-radius:6px}.woocommerce-cart .product-thumbnail a.lawz-image-missing{display:grid!important;place-items:center;width:74px;height:102px;border-radius:6px;background:var(--seal);color:#fff!important;text-decoration:none!important}.woocommerce-cart .product-thumbnail a.lawz-image-missing::before{content:"غلاف";font-size:12px;font-weight:600}.woocommerce-cart .cart_totals{width:100%!important;border:1px solid var(--line);border-radius:16px;padding:clamp(20px,3vw,30px);background:var(--paper)}.woocommerce-cart .cart_totals h2{font-size:var(--s2);margin-bottom:18px}.woocommerce-cart .wc-proceed-to-checkout{padding:18px 0 0!important}.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:56px;margin:0!important;padding:15px 22px!important;border:1px solid var(--ink)!important;border-radius:999px!important;background:var(--ink)!important;color:#fff!important;font-size:0!important;font-weight:700!important;line-height:1.3!important;opacity:1!important;visibility:visible!important;text-align:center!important;text-indent:0!important;text-shadow:none!important;box-shadow:none!important}.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::before{content:"المتابعة لإتمام الطلب";display:inline!important;color:#fff!important;font-size:17px!important;line-height:1.3!important}.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{border-color:var(--seal)!important;background:var(--seal)!important;color:#fff!important}.woocommerce-cart .woocommerce-cart-form[aria-busy="true"]{opacity:.68;pointer-events:none;transition:opacity .2s}.woocommerce-cart .woocommerce-cart-form[aria-busy="true"]::after{content:"جاري تحديث السلة…";display:block;margin-top:10px;color:var(--ash);font-size:var(--s-1)}
.woocommerce-cart button[name="update_cart"]{background:var(--ink)!important;color:#fff!important;border:1px solid var(--ink)!important;opacity:1!important;visibility:visible!important;text-shadow:none!important;box-shadow:none!important}.woocommerce-cart button[name="update_cart"]:hover{background:var(--seal)!important;color:#fff!important}.woocommerce-cart button[name="update_cart"]:disabled,.woocommerce-cart button[name="update_cart"].disabled{background:#eeede9!important;color:#555b60!important;border-color:#d8d7d2!important;opacity:1!important;cursor:not-allowed!important}
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:clamp(30px,5vw,70px);align-items:start}.woocommerce-checkout #customer_details{grid-column:1}.woocommerce-checkout #order_review_heading,.woocommerce-checkout #order_review{grid-column:2}.woocommerce-checkout #order_review_heading{grid-row:1;margin:0 0 -50px;font-size:var(--s2)}.woocommerce-checkout #order_review{grid-row:1;position:sticky;top:125px;border:1px solid var(--line);border-radius:16px;padding:60px clamp(18px,3vw,28px) 24px;background:var(--paper)}.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{float:none;width:100%}.woocommerce-checkout .col2-set .col-2{margin-top:32px}.woocommerce-checkout h3{font-size:var(--s1)}
.woocommerce-account .woocommerce{max-width:1120px;margin-inline:auto}.woocommerce-account .woocommerce h2{text-align:right;font-size:var(--s2);margin:0 0 16px}.woocommerce-account .u-columns#customer_login,.woocommerce-account #customer_login{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(22px,4vw,48px)!important;align-items:start!important;width:100%!important}.woocommerce-account #customer_login>.u-column1,.woocommerce-account #customer_login>.u-column2,.woocommerce-account #customer_login>[class*="u-column"]{float:none!important;clear:none!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;align-self:start!important}.woocommerce-account #customer_login h2{min-height:1.5em;margin:0 0 16px!important}.woocommerce-account .woocommerce form.login,.woocommerce-account .woocommerce form.register{box-sizing:border-box!important;width:100%!important;border:1px solid var(--line);border-radius:18px;padding:clamp(22px,3vw,34px);background:#fff;box-shadow:0 18px 50px -44px rgba(20,22,26,.4);margin:0!important}.woocommerce-account form .form-row{float:none;width:100%;margin:0 0 16px}.woocommerce-account form .form-row label{display:block;margin-bottom:7px;font-weight:600}.woocommerce-account form .input-text{width:100%;min-height:48px}.woocommerce-account form .woocommerce-form-login__submit,.woocommerce-account form .woocommerce-form-register__submit{display:inline-flex!important;align-items:center;justify-content:center;min-width:170px;min-height:48px;margin:8px 0 0!important;padding:12px 24px!important;border:1px solid var(--ink)!important;border-radius:999px!important;background:var(--ink)!important;color:#fff!important;font-weight:600!important;line-height:1.2!important;opacity:1!important;visibility:visible!important;text-shadow:none!important;box-shadow:none!important}.woocommerce-account form .woocommerce-form-login__submit:hover,.woocommerce-account form .woocommerce-form-register__submit:hover{border-color:var(--seal)!important;background:var(--seal)!important;color:#fff!important}.woocommerce-account .woocommerce-privacy-policy-text{color:var(--ash);font-size:var(--s-1);line-height:1.8;margin-block:8px 18px}.woocommerce-account .woocommerce-privacy-policy-text a{color:var(--seal);text-decoration:underline;text-underline-offset:3px}.woocommerce-account .lost_password{margin-top:14px}.woocommerce-account .lost_password a{color:var(--seal);font-weight:600}
.woocommerce-account .woocommerce-MyAccount-navigation{float:right;width:25%;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.woocommerce-account .woocommerce-MyAccount-navigation ul{margin:0}.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line)}.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{border-bottom:0}.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:11px 10px;color:var(--ash)}.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a,.woocommerce-account .woocommerce-MyAccount-navigation a:hover{color:var(--seal);font-weight:600}.woocommerce-account .woocommerce-MyAccount-content{float:left;width:71%;line-height:1.9}.woocommerce-account .woocommerce-MyAccount-content>p:first-of-type{font-size:var(--s0)}.woocommerce-account .woocommerce-info{line-height:1.8;border-radius:10px}
@media(max-width:760px){.woocommerce-account .u-columns#customer_login,.woocommerce-account #customer_login{grid-template-columns:1fr!important}}
@media(max-width:760px){.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{float:none;width:100%}.woocommerce-account .woocommerce-MyAccount-navigation{margin-bottom:24px}.woocommerce-account .woocommerce-MyAccount-navigation ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}.woocommerce-account .woocommerce-MyAccount-content{font-size:14px}}
@media(max-width:850px){.woocommerce-cart .woocommerce,.woocommerce-checkout form.checkout{display:block}.woocommerce-cart .cart-collaterals,.woocommerce-checkout #order_review{position:static;margin-top:30px}.woocommerce-checkout #order_review_heading{margin:30px 0 12px}.woocommerce-checkout #order_review{padding-top:24px}}
/* Arabic mobile checkout: labels, totals and payment choices remain RTL and
   every column is kept inside the viewport. */
@media(max-width:850px){
  body.woocommerce-checkout,.woocommerce-checkout main,.woocommerce-checkout form.checkout,
  .woocommerce-checkout #customer_details,.woocommerce-checkout #order_review,
  .woocommerce-checkout .woocommerce-checkout-review-order-table,
  .woocommerce-checkout .wc_payment_methods{direction:rtl;text-align:right}
  .woocommerce-checkout .form-row,.woocommerce-checkout .form-row label,
  .woocommerce-checkout .woocommerce-additional-fields,
  .woocommerce-checkout .woocommerce-billing-fields{float:none!important;width:100%!important;text-align:right}
  .woocommerce-checkout input,.woocommerce-checkout textarea,.woocommerce-checkout select{max-width:100%;box-sizing:border-box;text-align:right}
  .woocommerce-checkout input[type=email],.woocommerce-checkout input[type=tel]{direction:ltr;text-align:left}
  .woocommerce-checkout #order_review,.woocommerce-checkout .shop_table{width:100%;overflow-wrap:anywhere}
}
/* Mobile cart: turn the wide WooCommerce table into readable product cards. */
@media(max-width:850px){
  .woocommerce-cart .woocommerce-cart-form{width:100%;max-width:100%;overflow:visible}
  .woocommerce-cart table.shop_table_responsive{display:block;width:100%;border:0!important}
  .woocommerce-cart table.shop_table_responsive thead{display:none}
  .woocommerce-cart table.shop_table_responsive tbody{display:block;width:100%}
  .woocommerce-cart table.shop_table_responsive tr.cart_item{position:relative;display:grid!important;grid-template-columns:76px minmax(0,1fr);gap:5px 16px;width:100%;padding:18px 0 18px 38px;margin-bottom:14px;border:1px solid var(--line);border-radius:14px;background:#fff}
  .woocommerce-cart table.shop_table_responsive tr.cart_item td{display:block!important;width:auto!important;min-width:0;border:0!important;padding:3px 0!important;text-align:right!important;background:transparent!important}
  .woocommerce-cart table.shop_table_responsive tr.cart_item td::before{float:none!important;margin-inline-end:8px;font-weight:500;color:var(--ash)}
  .woocommerce-cart td.product-remove{position:absolute;inset-inline-end:10px;top:10px;padding:0!important;z-index:2}
  .woocommerce-cart td.product-remove a.remove{display:grid!important;place-items:center;width:34px;height:34px;font-size:25px;line-height:1;color:#a00!important}
  .woocommerce-cart td.product-thumbnail{grid-column:1;grid-row:1 / span 5;align-self:start}
  .woocommerce-cart td.product-thumbnail::before{display:none}
  .woocommerce-cart td.product-thumbnail img{display:block;width:68px!important;height:96px;object-fit:cover;margin:0}
  .woocommerce-cart td.product-name,.woocommerce-cart td.product-price,.woocommerce-cart td.product-quantity,.woocommerce-cart td.product-subtotal{grid-column:2;overflow-wrap:anywhere}
  .woocommerce-cart td.product-name{font-size:1rem;font-weight:600;padding-top:0!important}
  .woocommerce-cart td.product-name::before{display:none}
  .woocommerce-cart td.product-quantity .quantity{display:inline-flex;vertical-align:middle}
  .woocommerce-cart td.product-quantity .qty{width:70px;min-width:0;text-align:center}
  .woocommerce-cart table.shop_table_responsive tr:not(.cart_item){display:block;width:100%}
  .woocommerce-cart table.shop_table_responsive td.actions{display:block!important;width:100%!important;padding:16px 0!important;text-align:stretch!important}
  .woocommerce-cart td.actions .coupon{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;float:none!important;margin-bottom:10px}
  .woocommerce-cart td.actions .coupon .input-text{width:100%!important;min-width:0;margin:0!important}
  .woocommerce-cart td.actions>button.button{width:100%;margin-top:4px}
  .woocommerce-cart .cart_totals{padding:20px 16px}
}
.searchSuggestion b small{display:block;color:var(--ash);font-weight:400;margin-top:2px}
.burger{display:none;}
@media(max-width:900px){ .nav__links{display:none;} .burger{display:grid;} .nav__tools{margin-inline-start:auto;} }

/* The drawer sits at body level on purpose. .nav carries a backdrop-filter,
   which makes it a containing block for position:fixed children — a panel
   nested inside it gets clipped to the 66px nav bar instead of the viewport. */
.dscrim{position:fixed;inset:0;z-index:88;background:rgba(20,22,26,.36);opacity:0;pointer-events:none;
  transition:opacity .45s var(--ease);}
.dscrim.open{opacity:1;pointer-events:auto;}
.drawer{position:fixed;inset-block:0;inset-inline-start:0;z-index:90;width:min(84vw,340px);
  background:var(--paper);border-inline-end:1px solid var(--line);transform:translateX(100%);
  transition:transform .5s var(--ease);display:flex;flex-direction:column;padding:16px 24px 26px;
  overflow-y:auto;overscroll-behavior:contain;}
.drawer.open{transform:none;}
.drawer__top{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;
  border-bottom:1px solid var(--line);}
.drawer__nav{display:flex;flex-direction:column;padding-block:4px;}
.drawer__nav a{font-size:1.18rem;font-weight:600;padding:15px 0;
  border-bottom:1px solid var(--line-2);display:flex;align-items:center;justify-content:space-between;}
.drawer__nav a.on{color:var(--seal);}
.drawer__nav a::after{content:"←";color:var(--ash);font-size:.78rem;}
.drawer__foot{margin-top:auto;padding-top:24px;}
.drawer__foot .row{display:flex;gap:10px;margin-bottom:18px;}
.drawer__foot .row a{flex:1;text-align:center;border:1px solid var(--line);border-radius:99px;
  padding:11px;font-size:var(--s-1);font-weight:600;}
.drawer__foot p{font-size:var(--s-1);color:var(--ash);line-height:1.9;}
body.lock{overflow:hidden;}
/* placed after the base rules so it actually wins on desktop */
@media(min-width:901px){ .drawer,.dscrim{display:none;} }

/* ─────────── SHELL ─────────── */
main{padding-top:88px;min-height:70vh;}
main.home{padding-top:0;}
.pad{padding-block:clamp(48px,7vw,96px);}
.h1{font-size:var(--s4);font-weight:600;line-height:1.08;}
.h2{font-size:var(--s3);font-weight:600;line-height:1.12;}
.h3{font-size:var(--s2);font-weight:600;line-height:1.2;}
.lede{font-size:var(--s1);color:var(--ash);max-width:56ch;line-height:1.55;}
.muted{color:var(--ash);}
/* Arabic is cursive: any tracking, positive or negative, pulls the letters
   apart or into each other. Tracking is kept only on Latin runs (.lat). */
.eyebrow{font-size:11px;color:var(--ash);display:block;margin-bottom:14px;}
.rule{height:1px;background:var(--line);border:0;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:99px;
  padding:13px 28px;font-size:var(--s0);font-weight:600;background:var(--ink);color:var(--paper);
  transition:background .4s var(--ease),transform .4s var(--ease),opacity .3s;}
.btn:hover{background:var(--seal);transform:translateY(-2px);}
.btn[disabled]{opacity:.4;pointer-events:none;}
.btn--g{background:none;color:var(--ink);border:1px solid var(--line);}
.btn--g:hover{background:none;border-color:var(--ink);color:var(--ink);}
.btn--sm{padding:9px 18px;font-size:var(--s-1);}
.btn--full{width:100%;}
.crumb{font-size:var(--s-1);color:var(--ash);margin-bottom:18px;}
.crumb a:hover{color:var(--ink);}

/* ─────────── HERO · THE SHELF TRAVEL ───────────
   Vertical scroll drives horizontal travel along a shelf. Books sit
   spine-on until they reach centre, where they turn to face you. */
.run{position:relative;height:180vh;}
.runpin{position:sticky;top:0;height:100vh;overflow:hidden;
  display:grid;grid-template-rows:auto 1fr auto;padding-top:104px;}
.runhead{text-align:center;padding:0 var(--gut) 8px;will-change:opacity,transform;}
.runhead .eyebrow{margin-bottom:10px;}
.runhead h1{font-size:clamp(1.7rem,4.4vw,3rem);font-weight:600;line-height:1.08;}

.runstage{position:relative;perspective:1500px;perspective-origin:50% 50%;}
.sbook{position:absolute;left:50%;top:50%;width:var(--bw,190px);aspect-ratio:2/3;
  border-radius:3px 9px 9px 3px;color:#fff;display:flex;flex-direction:column;
  justify-content:space-between;padding:9% 8%;will-change:transform,opacity;
  box-shadow:0 20px 44px -26px rgba(20,22,26,.7);}
.sbook::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:11px;
  background:linear-gradient(to left,rgba(0,0,0,.34),rgba(255,255,255,.14) 62%,rgba(0,0,0,.08));}
.sbook::after{content:"";position:absolute;inset:8% 7%;border:1px solid rgba(255,255,255,.17);border-radius:2px;}
.sbook b{position:relative;font-size:clamp(11px,1.05vw,15px);font-weight:600;line-height:1.3;max-width:13ch;}
.sbook span{position:relative;font-size:clamp(9px,.82vw,11px);opacity:.72;}

.runcap{text-align:center;padding:0 var(--gut) 22px;}
.runcap__in{transition:opacity .28s var(--ease),transform .28s var(--ease);}
.runcap__in.sw{opacity:0;transform:translateY(7px);}
.runcap__t{font-size:var(--s2);font-weight:600;line-height:1.2;}
.runcap__a{font-size:var(--s-1);color:var(--ash);margin-top:5px;}
.runcap__row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:14px;}
.runbar{max-width:340px;margin:20px auto 0;height:2px;background:var(--line);border-radius:2px;}
.runbar i{display:block;height:100%;background:var(--seal);border-radius:2px;width:10%;}
.runnum{font-size:11px;letter-spacing:.16em;color:var(--ash);margin-top:10px;}
.runhint{font-size:11px;color:var(--ash);margin-top:8px;will-change:opacity;}
@media(max-width:760px){
  .run{height:190vh;}
  .runhead .eyebrow{display:none;}
  .runcap__row .muted{display:none;}
}

/* Final compatibility overrides (kept last so the original single-file rules cannot win). */
.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:36px;padding-block:64px}.footer-grid>div>a,.footer-grid li a{display:block;margin:7px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-block:20px;color:var(--ash);font-size:var(--s-1)}
.toast{inset-inline:auto;left:50%;display:block;justify-content:initial;transform:translate(-50%,14px);background:var(--ink);color:#fff;border-radius:99px;padding:12px 22px;font-size:var(--s-1);font-weight:600;white-space:nowrap}.toast.show{transform:translate(-50%,0)}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:7px}}

/* Block-controlled pages and the real WooCommerce shop. */
.lawz-page .content-wrap{max-width:920px}.lawz-page .entry-content{font-size:1.02rem;line-height:1.8}.lawz-page .entry-content>h2{font-size:var(--s2);margin-top:54px;padding-top:28px;border-top:1px solid var(--line)}.lawz-page .entry-content>h3{font-size:var(--s1);margin-top:28px}.lawz-page .entry-content>p{color:var(--ash)}.lawz-page .entry-content>.lede,.lawz-page .entry-content>p:first-child{font-size:var(--s1);line-height:1.7}.lawz-page .entry-content blockquote{margin:36px 0;padding:28px;background:var(--seal-soft);border-radius:14px;font-size:var(--s1)}.lawz-page .entry-content .wp-block-group{border:1px solid var(--line);border-radius:14px;padding:26px;margin-block:18px}.lawz-shop-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:46px}.lawz-shop-tools{display:flex;align-items:center;gap:18px;color:var(--ash)}.lawz-shop-tools .woocommerce-ordering,.lawz-shop-tools .woocommerce-result-count{margin:0}.lawz-product-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.lawz-pagination{margin-top:50px}.lawz-pagination ul.page-numbers{border:0!important;display:flex;justify-content:center;gap:7px}.lawz-pagination ul.page-numbers li{border:0!important}.lawz-pagination .page-numbers a,.lawz-pagination .page-numbers span{border:1px solid var(--line);border-radius:99px!important;min-width:40px;height:40px;display:grid!important;place-items:center!important;padding:0!important}.lawz-pagination .page-numbers.current{background:var(--seal)!important;color:#fff!important}.lawz-shop .woocommerce-notices-wrapper{margin-bottom:20px}
@media(max-width:760px){.lawz-shop-head{display:block}.lawz-shop-tools{margin-top:24px;align-items:flex-start;flex-direction:column}.lawz-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 12px}}
@media(max-width:560px){.grid,.lawz-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.cv{padding:14px 12px 12px}.cv b{font-size:var(--s0);max-width:11ch}.cv span{font-size:11px}.cv__t{gap:8px;padding-inline-end:30px}.tag{font-size:9px;padding:3px 8px}.ctitle{font-size:13.5px;line-height:1.4}.cauth,.stock{font-size:11px}.crow{gap:8px;margin-top:7px}.add{margin-top:9px;font-size:12px}.parcel__seal{width:30%;font-size:9px}.parcel__tag{font-size:9px;padding:4px 8px 5px}.parcel__band--v{left:32%;width:14%}}

/* Gutenberg structures that reproduce the original HTML page layouts. */
.lawz-page .entry-content>.eyebrow{font-size:var(--s-1);color:var(--ash);margin-bottom:10px}.lawz-page .entry-content>.lede{max-width:62ch;margin-top:12px}.lawz-page .entry-content .lawz-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;padding:0;overflow:hidden;margin-top:40px}.lawz-page .entry-content .lawz-value{background:var(--paper);border:0;border-radius:0;padding:26px 24px;margin:0}.lawz-value h3{font-size:var(--s1);margin:0 0 7px}.lawz-value p{font-size:var(--s-1);line-height:1.65;color:var(--ash)}.lawz-page .entry-content>.lawz-section-title{font-size:var(--s2);margin:clamp(48px,7vw,80px) 0 24px;padding:0;border:0}.lawz-page .entry-content .lawz-memberships{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;border:0;margin:0}.lawz-page .entry-content .lawz-membership{display:flex;flex-direction:column;gap:6px;min-height:238px;border:1px solid var(--line);border-radius:14px;padding:26px 24px;margin:0}.lawz-membership.is-featured{border-color:var(--seal)!important}.lawz-membership h3{font-size:var(--s1);margin:0}.lawz-membership p{color:var(--ash);font-size:var(--s-1);margin:0}.lawz-membership .wp-block-buttons{margin-top:auto}.lawz-page .wp-block-button__link{background:var(--ink);color:#fff;border-radius:99px;padding:11px 20px;font-size:var(--s-1)}.lawz-page .wp-block-button__link:hover{background:var(--seal)}.lawz-page .entry-content .lawz-testimonials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px);border:0;padding:0;margin-top:clamp(48px,7vw,88px)}.lawz-page .entry-content .lawz-testimonials blockquote{background:none;border-radius:0;border-inline-start:2px solid var(--seal);padding:0 22px 0 0;margin:0}.lawz-testimonials blockquote p{font-size:var(--s2);line-height:1.35;font-weight:500}.lawz-testimonials cite{display:block;margin-top:14px;color:var(--ash);font-size:var(--s-1)}.lawz-page .entry-content .lawz-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;border:0}.lawz-page .entry-content .lawz-help-card{display:flex;flex-direction:column;min-height:230px;margin:0}.lawz-help-card h2{font-size:var(--s1);margin:0 0 10px}.lawz-help-card p{color:var(--ash)}.lawz-help-card .wp-block-buttons{margin-top:auto}
@media(max-width:760px){.lawz-page .entry-content .lawz-values,.lawz-page .entry-content .lawz-memberships,.lawz-page .entry-content .lawz-help-grid,.lawz-page .entry-content .lawz-testimonials{grid-template-columns:1fr}.lawz-page .entry-content .lawz-membership{min-height:210px}}
.lawz-page .entry-content .lawz-about-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(24px,4vw,56px);border:0;padding:0;margin-top:44px}.lawz-page .entry-content .lawz-about-split>.wp-block-group{border:0;padding:0;margin:0}.lawz-about-split blockquote{background:none!important;border-radius:0!important;border-inline-start:2px solid var(--seal);padding:0 22px!important}.lawz-about-split blockquote p{font-size:var(--s2);line-height:1.35;color:var(--ink)}.lawz-timeline{list-style:none;padding:0}.lawz-timeline li{padding:20px 0;border-bottom:1px solid var(--line);color:var(--ash)}.lawz-timeline strong{color:var(--seal);margin-inline-end:10px}@media(max-width:760px){.lawz-page .entry-content .lawz-about-split{grid-template-columns:1fr}}

/* Version 100: tilt + lift hover on the "المحطات" timeline. perspective on
   the list gives every row a shared vanishing point so the tilt reads as one
   3D surface instead of each row tilting on its own. */
.lawz-timeline{perspective:1200px}
.lawz-timeline li{transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease);transform-style:preserve-3d;will-change:transform}
.lawz-timeline li:hover{transform:rotateX(4deg) translateY(-5px) translateZ(4px);box-shadow:0 22px 38px -28px rgba(20,22,26,.4);border-color:transparent}
.lawz-timeline strong{display:inline-block;transition:transform .35s var(--ease),color .35s var(--ease)}
.lawz-timeline li:hover strong{transform:translateZ(22px) scale(1.08);color:var(--seal-dk)}
@media(prefers-reduced-motion:reduce){.lawz-timeline li,.lawz-timeline strong{transition:none}.lawz-timeline li:hover{transform:none}.lawz-timeline li:hover strong{transform:none}}

/* Version 100: optional photo behind the "القصة" split section on the About
   page. Only activates once an admin uploads a photo — see about_photo_url
   in Appearance -> إعداد لَوز وسُكر. Without a photo this block is a no-op,
   so the section looks exactly as it does today. */
.lawz-has-about-photo .lawz-page .entry-content .lawz-about-split{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;padding:clamp(32px,5vw,64px);margin-inline:0;background-image:var(--about-photo);background-size:cover;background-position:center}
.lawz-has-about-photo .lawz-page .entry-content .lawz-about-split::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(155deg,rgba(18,41,31,.88),rgba(20,22,26,.74))}
.lawz-has-about-photo .lawz-about-split>.wp-block-group,.lawz-has-about-photo .lawz-about-split>blockquote{position:relative;z-index:1}
.lawz-has-about-photo .lawz-about-split .eyebrow{color:var(--gold)}
.lawz-has-about-photo .lawz-about-split h2{color:#fff}
.lawz-has-about-photo .lawz-about-split p{color:rgba(255,255,255,.82)}
.lawz-has-about-photo .lawz-about-split blockquote{border-inline-start-color:var(--gold)}
.lawz-has-about-photo .lawz-about-split blockquote p{color:#fff}
.lawz-has-about-photo .lawz-about-split cite{color:rgba(255,255,255,.7)}

/* Original product-page design applied to real WooCommerce products. */
.lawz-wc-pdp{align-items:start}.lawz-wc-pdp .pdp__vis{position:relative}.lawz-wc-pdp .pdp__cv{width:min(100%,520px);margin-inline:auto;background-color:var(--seal);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;color:#fff;padding:10%}.lawz-wc-pdp .pdp__cv b{font-size:var(--s2)}.lawz-wc-pdp .pdp__cv span{font-size:var(--s-1);opacity:.75}.lawz-sale{position:absolute;top:16px;inset-inline-start:16px}.lawz-description{margin-top:20px;line-height:1.75}.lawz-cart-form{margin-top:28px}.lawz-cart-form form.cart{display:flex;gap:12px;align-items:center}.lawz-cart-form .quantity .qty{height:46px;min-width:74px}.lawz-cart-form .single_add_to_cart_button{flex:1!important;min-height:46px;background:var(--ink)!important}.lawz-related{margin-top:clamp(56px,8vw,96px)}.lawz-related>.h2{margin-bottom:26px}.lawz-wc-pdp .stock{color:var(--seal)}
.lawz-product-gallery{display:flex;gap:10px;overflow-x:auto;margin-top:14px;padding:3px 2px 8px;scroll-snap-type:x proximity}.lawz-gallery-thumb{flex:0 0 68px;width:68px;height:86px;border:1px solid var(--line);border-radius:8px;padding:3px;background:#fff;overflow:hidden;opacity:.65;scroll-snap-align:start;transition:opacity .2s,border-color .2s}.lawz-gallery-thumb:hover,.lawz-gallery-thumb.active{opacity:1;border-color:var(--seal)}.lawz-gallery-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5px}
.lawz-single-product .woocommerce-wrap{width:100%;max-width:var(--wrap)}.lawz-single-product #sidebar,.lawz-single-product .widget-area{display:none!important}.lawz-single-product .woocommerce{width:100%}.lawz-single-product div.product{width:100%;float:none}.lawz-single-product .lawz-cart-form form.cart{margin:0}.lawz-single-product .lawz-cart-form~form.cart,.lawz-single-product .summary>form.cart{display:none!important}

/* ─────────── STATS ─────────── */
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);}
.stat{padding:clamp(24px,4vw,42px) var(--gut);text-align:center;border-inline-start:1px solid var(--line);}
.stat:focus-visible{outline:2px solid var(--green);outline-offset:-4px;}
.stat:first-child{border-inline-start:0;}
.stat b{display:block;font-size:clamp(1.5rem,3.6vw,2.4rem);font-weight:600;letter-spacing:-.03em;color:var(--stat-number,var(--ink));
  font-family:"Instrument Sans",sans-serif;direction:ltr;}
.stat span{font-size:var(--s-1);color:var(--ash);}

/* ─────────── SHELF ─────────── */
.shelf{padding-block:clamp(56px,9vw,110px);border-bottom:1px solid var(--line);}
.shelf__lead{display:flex;align-items:center;gap:16px;padding:0 var(--gut) clamp(28px,4vw,46px);
  max-width:var(--wrap);margin-inline:auto;}
.arrows{display:flex;gap:8px;margin-inline-start:auto;}
.arw{width:38px;height:38px;border-radius:99px;border:1px solid var(--line);display:grid;place-items:center;
  transition:border-color .3s var(--ease),opacity .3s var(--ease);}
.arw:hover:not(:disabled){border-color:var(--ink);}
.arw:disabled{opacity:.3;cursor:default;}
@media(hover:none){.arrows{display:none;}}
/* Contained to the same centred column as the rest of the page, so the
   first card lines up exactly with the heading above it. */
.rail{display:flex;gap:clamp(12px,1.6vw,24px);max-width:var(--wrap);margin-inline:auto;
  padding-inline:var(--gut);overflow-x:auto;
  overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--gut);
  scrollbar-width:none;-ms-overflow-style:none;cursor:grab;}
.rail::-webkit-scrollbar{display:none;}
.rail.is-drag{cursor:grabbing;}
/* Links are natively draggable; that hijacks the pointer stream mid-drag. */
.rail a{-webkit-user-drag:none;user-select:none;}

.bar{max-width:var(--wrap);margin:clamp(22px,3vw,34px) auto 0;padding-inline:var(--gut);}
.bar i{display:block;height:2px;background:var(--seal);border-radius:2px;opacity:.5;}

/* ─────────── PRODUCT CARDS ─────────── */
.grid{display:grid;gap:clamp(24px,3vw,44px) clamp(16px,2.2vw,32px);
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr));}
.card{position:relative;opacity:0;transform:translateY(22px);
  transition:opacity .8s var(--ease),transform .8s var(--ease);}
.card.in{opacity:1;transform:none;}
.rail .card{flex:0 0 clamp(150px,15vw,200px);opacity:1;transform:none;}
.cv{position:relative;aspect-ratio:2/3;border-radius:8px 3px 3px 8px;overflow:hidden;display:flex;
  flex-direction:column;justify-content:space-between;padding:20px 18px 16px;color:#fff;
  transition:transform .55s var(--ease),box-shadow .55s var(--ease);
  box-shadow:0 1px 2px rgba(20,22,26,.1),0 8px 22px -14px rgba(20,22,26,.42);}
.cv::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:11px;
  background:linear-gradient(to left,rgba(0,0,0,.3),rgba(255,255,255,.14) 62%,rgba(0,0,0,.1));}
.cv::after{content:"";position:absolute;inset:8% 7%;border:1px solid rgba(255,255,255,.16);border-radius:2px;}
/* A real cover replaces the generated cloth + typography entirely. */
.cv.hasimg::after,.pdp__cv.hasimg::after,.sbook.hasimg::after{display:none;}
.cv.hasimg,.pdp__cv.hasimg,.sbook.hasimg,.line__cv.hasimg{background-size:cover;background-position:center;}
.card:hover .cv,.card:focus-within .cv{transform:perspective(900px) rotateY(6deg) translateY(-8px);
  box-shadow:0 2px 4px rgba(20,22,26,.1),0 26px 44px -22px rgba(20,22,26,.55);}
.cv b{font-size:var(--s1);font-weight:600;line-height:1.25;max-width:13ch;position:relative;}
.cv span{font-size:var(--s-1);opacity:.72;position:relative;}
/* The badge flows above the title inside the cover instead of being
   absolutely placed over it, so the two can never collide. */
.cv__t{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-inline-end:32px;}
.tag{display:inline-block;background:var(--paper);color:var(--ink);
  font-size:10px;font-weight:600;padding:4px 10px;border-radius:99px;}
.tag--new{background:var(--seal);color:#fff;}
.fav{position:absolute;top:14px;inset-inline-end:14px;z-index:2;width:30px;height:30px;border-radius:99px;
  background:rgba(251,251,249,.9);display:grid;place-items:center;transition:transform .3s var(--ease);}
.fav:hover{transform:scale(1.1);}
.fav svg{width:14px;height:14px;fill:none;stroke:var(--ink);stroke-width:1.7;}
.fav.on svg{fill:var(--seal);stroke:var(--seal);}
.cbody{padding-top:14px;display:flex;flex-direction:column;gap:3px;}
.ctitle{font-size:var(--s0);font-weight:600;line-height:1.35;}
.cauth{font-size:var(--s-1);color:var(--ash);}
.crow{display:flex;align-items:center;gap:12px;margin-top:9px;}
.price{font-weight:600;}
.price bdi{font-family:"Instrument Sans",sans-serif;}
.price s{color:var(--ash);font-weight:400;margin-inline-end:7px;font-size:var(--s-1);}
.stock{font-size:var(--s-1);color:var(--ash);display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;}
.stock::before{content:"";width:5px;height:5px;border-radius:99px;background:var(--seal);}
.stock.low::before{background:var(--warn);}
.stock.out::before{background:#B33;}
.add{margin-top:11px;width:100%;border:1px solid var(--line);border-radius:99px;padding:10px;
  font-size:var(--s-1);font-weight:600;transition:all .3s var(--ease);}
.add:hover{background:var(--seal);border-color:var(--seal);color:#fff;}
.add.done{background:var(--seal-soft);border-color:var(--seal-soft);color:var(--seal);}
.add[disabled]{opacity:.4;pointer-events:none;}


/* ─────────── GIFT PARCELS ───────────
   Boxes are wrapped, not bound. 4:3 so they can never read as a book:
   kraft paper, seal-green ribbon, a wax seal and a hanging tag. */
.parcel{position:relative;aspect-ratio:4/3;border-radius:6px;
  background:linear-gradient(148deg,#D6BFA1,#C4A886 56%,#B4977A);
  box-shadow:0 1px 2px rgba(20,22,26,.1),0 10px 26px -16px rgba(20,22,26,.5);
  transition:transform .55s var(--ease),box-shadow .55s var(--ease);}
.parcel::after{content:"";position:absolute;inset:0;border-radius:6px;pointer-events:none;
  background:repeating-linear-gradient(94deg,rgba(255,255,255,.07) 0 1px,transparent 1px 3px),
             radial-gradient(120% 90% at 30% 12%,rgba(255,255,255,.22),transparent 62%);}
.parcel__band{position:absolute;background:var(--seal);}
.parcel__band::before{content:"";position:absolute;inset:0;
  background:linear-gradient(to bottom,rgba(255,255,255,.24),transparent 42%,rgba(0,0,0,.22));}
.parcel__band--v{top:-1px;bottom:-1px;left:34%;width:12.5%;}
.parcel__band--h{left:-1px;right:-1px;top:41%;height:17%;}
.parcel__band--h::before{background:linear-gradient(to bottom,rgba(255,255,255,.26),transparent 44%,rgba(0,0,0,.2));}
.parcel__seal{position:absolute;left:40.2%;top:49.5%;transform:translate(-50%,-50%);
  width:clamp(32px,25%,54px);aspect-ratio:1;border-radius:99px;z-index:2;
  background:radial-gradient(circle at 34% 28%,color-mix(in srgb,var(--seal) 78%,white),var(--seal) 58%,var(--seal-dk));
  color:var(--gold);display:grid;place-items:center;
  font-size:clamp(9px,1.5vw,12px);font-weight:700;
  box-shadow:0 2px 7px rgba(0,0,0,.32),inset 0 1px 1px rgba(255,255,255,.18);}
.parcel__seal::before{content:"";position:absolute;inset:15%;border:1px solid rgba(198,168,103,.55);border-radius:99px;}
.parcel__tag{position:absolute;top:-9px;right:9%;z-index:3;
  padding:5px 10px 6px;border-radius:3px;background:var(--paper);border:1px solid var(--line);
  font-size:10px;font-weight:600;color:var(--ink);transform:rotate(-7deg);transform-origin:top center;
  box-shadow:0 4px 10px -4px rgba(20,22,26,.35);transition:transform .5s var(--ease);}
.parcel__tag::before{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%);
  width:1px;height:8px;background:var(--ash);}
.card:hover .parcel,.card:focus-within .parcel{transform:translateY(-7px);
  box-shadow:0 2px 4px rgba(20,22,26,.1),0 26px 44px -22px rgba(20,22,26,.5);}
.card:hover .parcel__tag{transform:rotate(4deg);}
.parcel--lg{border-radius:10px;}
.parcel--lg .parcel__tag{font-size:var(--s-1);padding:8px 14px 9px;top:-12px;}
/* box thumbnails in the cart reuse the two pseudo-elements as ribbon */
.line__cv--box::before{inset-block:0;inset-inline:auto;left:32%;width:20%;background:var(--seal);}
.line__cv--box::after{content:"";position:absolute;inset-inline:0;top:42%;height:18%;background:var(--seal);}

/* ─────────── MOODS ─────────── */
.moods{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.mood{border:1px solid var(--line);border-radius:14px;padding:26px 24px;display:flex;flex-direction:column;
  gap:6px;min-height:150px;transition:border-color .3s var(--ease),background-color .3s var(--ease);}
.rail .mood{flex:0 0 clamp(196px,54vw,244px);transition:border-color .4s var(--ease),background-color .4s var(--ease),transform .4s var(--ease);}
.mood:hover{border-color:var(--mood-hover,var(--seal));background:color-mix(in srgb,var(--mood-hover,var(--seal)) 8%,var(--paper));}
.mood b{font-size:var(--s1);font-weight:600;}
.mood span{font-size:var(--s-1);color:var(--ash);}
.mood i{margin-top:auto;font-style:normal;font-size:var(--s-1);color:var(--seal);font-weight:600;}

/* ─────────── FILTER BAR ─────────── */
.filters{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding-bottom:22px;margin-bottom:32px;
  border-bottom:1px solid var(--line);}
.chip{border:1px solid var(--line);border-radius:99px;padding:8px 17px;font-size:var(--s-1);color:var(--ash);
  transition:all .3s var(--ease);}
.chip:hover{border-color:var(--ash);color:var(--ink);}
.chip[aria-pressed="true"]{background:var(--seal);border-color:var(--seal);color:#fff;}
.field{border:1px solid var(--line);border-radius:99px;padding:9px 16px;font-size:var(--s-1);background:none;
  min-width:0;transition:border-color .3s var(--ease);}
.field:focus{border-color:var(--ink);outline:none;}
.srch{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:99px;padding:0 16px;
  flex:1 1 220px;max-width:340px;transition:border-color .3s var(--ease);}
.srch:focus-within{border-color:var(--ink);}
.srch input{border:0;background:none;padding:10px 0;width:100%;font-size:var(--s-1);}
.srch input:focus{outline:none;}
.srch svg{width:15px;height:15px;flex:0 0 auto;stroke:var(--ash);fill:none;stroke-width:1.8;}

/* ─────────── PRODUCT PAGE ─────────── */
.pdp{display:grid;gap:clamp(28px,5vw,64px);grid-template-columns:minmax(0,1fr);}
@media(min-width:860px){.pdp{grid-template-columns:minmax(300px,44%) minmax(0,1fr);align-items:start;}}
.pdp__vis{position:relative;}
.pdp__cv{aspect-ratio:2/3;border-radius:10px 4px 4px 10px;position:relative;overflow:hidden;color:#fff;
  display:flex;flex-direction:column;justify-content:space-between;padding:12% 10%;
  box-shadow:0 2px 6px rgba(20,22,26,.12),0 40px 70px -40px rgba(20,22,26,.6);}
.pdp__cv::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:16px;
  background:linear-gradient(to left,rgba(0,0,0,.32),rgba(255,255,255,.14) 62%,rgba(0,0,0,.1));}
.pdp__cv::after{content:"";position:absolute;inset:7% 6%;border:1px solid rgba(255,255,255,.2);border-radius:3px;}
.pdp__cv b{font-size:clamp(1.1rem,2.4vw,1.7rem);font-weight:600;line-height:1.3;position:relative;max-width:15ch;}
.pdp__cv span{font-size:var(--s0);opacity:.75;position:relative;}
.pdp__price{font-size:clamp(1.4rem,3vw,2rem);font-weight:600;letter-spacing:-.02em;}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:99px;overflow:hidden;}
.qty button{width:40px;height:42px;font-size:1.1rem;line-height:1;transition:background .3s var(--ease);}
.qty button:hover{background:var(--line-2);}
.qty span{min-width:38px;text-align:center;font-weight:600;font-family:"Instrument Sans",sans-serif;}
.specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:6px;}
.specs div{background:var(--paper);padding:14px 16px;}
.specs dt{font-size:11px;color:var(--ash);}
.specs dd{margin:3px 0 0;font-size:var(--s-1);font-weight:600;}
.acc{border-top:1px solid var(--line);}
.acc button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:17px 0;
  font-weight:600;font-size:var(--s0);text-align:start;}
.acc div{overflow:hidden;max-height:0;transition:max-height .5s var(--ease);}
.acc.open div{max-height:420px;}
.acc p{padding-bottom:18px;color:var(--ash);font-size:var(--s-1);line-height:1.7;}
.acc svg{width:14px;height:14px;stroke:var(--ash);fill:none;stroke-width:1.8;transition:transform .4s var(--ease);flex:0 0 auto;}
.acc.open svg{transform:rotate(45deg);}

/* ─────────── CART / CHECKOUT ─────────── */
.cols{display:grid;gap:clamp(28px,4vw,52px);grid-template-columns:minmax(0,1fr);align-items:start;}
@media(min-width:920px){.cols{grid-template-columns:minmax(0,1fr) minmax(300px,380px);}}
.line{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);}
.line__cv{flex:0 0 68px;aspect-ratio:2/3;border-radius:5px 2px 2px 5px;position:relative;overflow:hidden;}
.line__cv::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:6px;
  background:linear-gradient(to left,rgba(0,0,0,.3),rgba(255,255,255,.12) 60%,transparent);}
.line__b{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.line__x{font-size:var(--s-1);color:var(--ash);align-self:flex-start;transition:color .3s;}
.line__x:hover{color:#B33;}
.panel{border:1px solid var(--line);border-radius:16px;padding:24px;position:sticky;top:106px;}
.sum{display:flex;justify-content:space-between;padding:9px 0;font-size:var(--s-1);}
.sum.total{border-top:1px solid var(--line);margin-top:10px;padding-top:16px;font-size:var(--s1);font-weight:600;}
.sum bdi{font-family:"Instrument Sans",sans-serif;}
.note{font-size:var(--s-1);color:var(--ash);background:var(--seal-soft);border-radius:10px;padding:12px 14px;margin-top:14px;}
.form{display:grid;gap:16px;}
.form .two{display:grid;gap:16px;grid-template-columns:1fr 1fr;}
@media(max-width:560px){.form .two{grid-template-columns:1fr;}}
label{display:block;font-size:var(--s-1);font-weight:600;margin-bottom:7px;}
.inp{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 15px;background:var(--paper);
  transition:border-color .3s var(--ease);font-size:var(--s0);}
.inp:focus{border-color:var(--ink);outline:none;}
.inp.bad{border-color:#B33;}
.err{color:#B33;font-size:11px;margin-top:5px;display:none;}
.inp.bad~.err{display:block;}
textarea.inp{min-height:110px;resize:vertical;}
.radio{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;
  padding:15px;cursor:pointer;transition:border-color .3s var(--ease);}
.radio:has(input:checked){border-color:var(--seal);background:var(--seal-soft);}
.radio input{margin-top:4px;accent-color:var(--seal);}
.radio b{display:block;font-size:var(--s0);}
.radio span{font-size:var(--s-1);color:var(--ash);}
.steps{display:flex;gap:10px;align-items:center;font-size:var(--s-1);color:var(--ash);margin-bottom:26px;}
.steps b{color:var(--ink);}

/* ─────────── EDITORIAL / ABOUT ─────────── */
.band{background:var(--seal);color:#fff;border-radius:20px;padding:clamp(32px,6vw,64px);}
.band .h2{color:#fff;}
.band p{color:rgba(255,255,255,.76);}
.band .btn{background:var(--paper);color:var(--ink);}
.band .btn:hover{background:#fff;color:var(--seal-dk);}
.split{display:grid;gap:clamp(24px,4vw,56px);grid-template-columns:minmax(0,1fr);}
@media(min-width:820px){.split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;}}
.quote{border-inline-start:2px solid var(--seal);padding-inline-start:22px;}
.quote p{font-size:var(--s2);line-height:1.35;font-weight:500;}
.quote cite{display:block;margin-top:14px;font-style:normal;font-size:var(--s-1);color:var(--ash);}
.vals{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));}
.val{background:var(--paper);padding:26px 24px;}
.val b{display:block;font-size:var(--s1);font-weight:600;margin-bottom:7px;}
.val p{font-size:var(--s-1);color:var(--ash);line-height:1.65;}
.faq{border-bottom:1px solid var(--line);}
.tl{display:grid;gap:0;}
.tl li{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);}
.tl b{font-family:"Instrument Sans",sans-serif;color:var(--seal);font-weight:600;}

/* ─────────── FOOTER ─────────── */
footer{border-top:1px solid var(--line);margin-top:clamp(48px,7vw,96px);}
.fgrid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  padding-block:clamp(40px,6vw,72px);}
.fgrid h4{font-size:var(--s-1);font-weight:600;margin-bottom:14px;}
.fgrid li{margin-bottom:9px;}
.fgrid a{font-size:var(--s-1);color:var(--ash);transition:color .3s;}
.fgrid a:hover{color:var(--ink);}
.fbot{border-top:1px solid var(--line);padding-block:22px;display:flex;flex-wrap:wrap;gap:12px;
  justify-content:space-between;font-size:var(--s-1);color:var(--ash);}
.news{display:flex;gap:8px;margin-top:12px;}
/* flex:1 alone leaves min-width:auto, so the input can't shrink below its
   intrinsic size and shoves the button outside the cell. */
.news input{flex:1 1 0;min-width:0;border:1px solid var(--line);border-radius:99px;
  padding:10px 15px;background:none;font-size:var(--s-1);}
.news .btn{flex:0 0 auto;white-space:nowrap;}
.news input:focus{outline:none;border-color:var(--ink);}

/* ─────────── TOAST ─────────── */
.toast{position:fixed;inset-inline:0;bottom:24px;z-index:80;display:flex;justify-content:center;
  pointer-events:none;opacity:0;transform:translateY(14px);transition:all .45s var(--ease);}
.toast.show{opacity:1;transform:none;}
.toast div{background:var(--ink);color:var(--paper);border-radius:99px;padding:12px 22px;font-size:var(--s-1);
  font-weight:600;box-shadow:0 14px 34px -18px rgba(20,22,26,.7);}
.empty{text-align:center;padding:clamp(48px,9vw,110px) 0;}
.empty p{color:var(--ash);margin:10px 0 22px;}

/* ─────────── MOBILE TOUCH & INPUT ─────────── */
@media(max-width:900px){
  /* iOS Safari zooms the whole page when a focused control is under 16px. */
  .inp,.field,.srch input,.news input,select,textarea{font-size:16px;}
  .icb{width:44px;height:44px;}                       /* Apple HIG minimum */
  .chip{min-height:44px;display:inline-flex;align-items:center;}
  .qty button{width:46px;height:46px;}
  .fav{width:40px;height:40px;}
  .btn--sm{padding:12px 20px;}
  .add{padding:13px;}
  .fgrid a,.line__x{display:inline-block;padding-block:6px;}
  .sbook span{font-size:10px;}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *{transition-duration:.01ms !important;animation:none !important;}
  .run{height:auto;}
  .runpin{position:relative;height:auto;min-height:78vh;padding-block:120px 40px;}
  .card{opacity:1;transform:none;}
  .runhint{display:none;}
}

/* Version 24: horizontally scrollable club testimonials. */
.lawz-page .entry-content .lawz-testimonials{display:flex;grid-template-columns:none;gap:clamp(18px,3vw,34px);border:0;padding:4px 2px 18px;margin-top:clamp(48px,7vw,88px);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab}
.lawz-page .entry-content .lawz-testimonials::-webkit-scrollbar{display:none}
.lawz-page .entry-content .lawz-testimonials blockquote{flex:0 0 min(78vw,650px);min-height:240px;scroll-snap-align:start;background:var(--paper);border:1px solid var(--line);border-inline-start:2px solid var(--seal);border-radius:16px;padding:clamp(24px,4vw,42px);margin:0;display:flex;flex-direction:column;justify-content:center}
@media(max-width:760px){.lawz-page .entry-content .lawz-testimonials blockquote{flex-basis:88vw}}

/* Version 24: native WooCommerce verified-owner ratings and reviews. */
.lawz-review-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;color:var(--ash);font-size:var(--s-1)}.lawz-write-review{color:var(--seal);font-weight:600;border-inline-start:1px solid var(--line);padding-inline-start:12px}
.lawz-review-summary .star-rating{color:var(--gold);margin:0}
.lawz-reviews{margin-top:clamp(58px,8vw,100px);padding-top:clamp(38px,5vw,64px);border-top:1px solid var(--line)}
.lawz-reviews__head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
.lawz-verified-note{font-size:var(--s-1);color:var(--ash)}
#reviews{max-width:900px}#reviews .commentlist{padding:0;margin:0 0 38px;list-style:none}#reviews .commentlist li{border-bottom:1px solid var(--line);padding:24px 0}#reviews .comment_container{display:grid;grid-template-columns:48px 1fr;gap:16px}#reviews .avatar{width:48px;height:48px;border-radius:99px}#reviews .star-rating{color:var(--gold);float:none;margin-bottom:8px}#reviews .meta{font-size:var(--s-1);color:var(--ash)}
#review_form_wrapper{display:block!important;border:1px solid var(--line);border-radius:16px;padding:clamp(22px,4vw,38px)}#review_form{display:block!important}#review_form .comment-reply-title{display:block;font-size:var(--s2);font-weight:600;margin-bottom:20px}#review_form label{display:block;font-weight:600;margin-bottom:7px}#review_form textarea,#review_form input[type=text],#review_form input[type=email]{width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px}#review_form .form-submit input{background:var(--ink);color:#fff;border:0;border-radius:99px;padding:12px 24px;cursor:pointer}#review_form .stars{display:block!important;margin:8px 0 18px}#review_form .stars a{color:var(--gold)}
@media(max-width:700px){.lawz-reviews__head{display:block}.lawz-verified-note{margin-top:10px}}

/* Version 47: mandatory paid-membership account explanation. */
.lawz-membership-account-notice{margin:0 0 28px;border:2px solid var(--seal);border-radius:16px;background:var(--seal-soft);padding:20px 24px}.lawz-membership-account-notice strong{display:block;font-size:var(--s1);color:var(--seal);margin-bottom:6px}.lawz-membership-account-notice p{margin:0;line-height:1.75;color:var(--ash)}.woocommerce-account-fields .form-row .description{display:block;margin-top:7px;color:var(--seal);font-size:var(--s-1)}
.lawz-membership-account-notice p+p{margin-top:10px}.lawz-membership-account-notice a{display:inline-block;margin-top:12px;color:var(--seal);font-weight:700;text-decoration:underline}
.lawz-gift-checkout{border:1px solid var(--line);border-radius:14px;background:var(--seal-soft);padding:clamp(20px,3vw,30px);margin:26px 0}.lawz-gift-checkout h3{font-size:var(--s1);margin:0 0 6px}.lawz-gift-checkout>p{color:var(--ash);margin:0 0 18px}.lawz-gift-checkout textarea{min-height:110px}.lawz-gift-checkout .woocommerce-form__label-for-checkbox{display:flex;align-items:center;gap:9px}

/* WordPress footer/toast must override the legacy demo selectors above. */
.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:36px;padding-block:64px}.footer-grid>div>a,.footer-grid li a{display:block;margin:7px 0}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-block:20px;color:var(--ash);font-size:var(--s-1)}
.toast{inset-inline:auto;left:50%;display:block;justify-content:initial;transform:translate(-50%,14px);background:var(--ink);color:#fff;border-radius:99px;padding:12px 22px;font-size:var(--s-1);font-weight:600;white-space:nowrap}.toast.show{transform:translate(-50%,0)}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:7px}}
/* Cart quantities submit automatically in theme.js. Keep WooCommerce's
   submit control in the form for compatibility, but do not show a redundant
   manual Update cart button to customers. */
body.woocommerce-cart button[name="update_cart"],body.woocommerce-cart input[name="update_cart"]{display:none!important}
/* Newsletter was intentionally removed. This also suppresses any stale
   cached copy of its old footer form until the page cache is purged. */
footer .news,footer #newsMsg{display:none!important}
.woocommerce-cart .lawz-generated-thumb{display:grid!important;place-items:center;width:74px;height:102px;border-radius:6px;background:linear-gradient(145deg,var(--seal),var(--seal-dk));color:#fff;box-shadow:inset 7px 0 12px rgba(0,0,0,.18)}.woocommerce-cart .lawz-generated-thumb span{font-size:12px;font-weight:700;color:#fff}

/* Version 94: keep login and registration directly above/below each other. */
body.woocommerce-account .u-columns#customer_login,body.woocommerce-account #customer_login{display:flex!important;flex-direction:column!important;align-items:center!important;gap:clamp(38px,6vw,72px)!important;width:100%!important}
body.woocommerce-account #customer_login>.u-column1,body.woocommerce-account #customer_login>.u-column2,body.woocommerce-account #customer_login>[class*="u-column"]{float:none!important;clear:both!important;display:flex!important;flex-direction:column!important;align-self:center!important;width:min(100%,520px)!important;max-width:520px!important;min-width:0!important;margin:0 auto!important;padding:0!important}
body.woocommerce-account #customer_login h2{text-align:center!important}
@media(max-width:760px){body.woocommerce-account .u-columns#customer_login,body.woocommerce-account #customer_login{align-items:stretch!important}body.woocommerce-account #customer_login>.u-column1,body.woocommerce-account #customer_login>.u-column2,body.woocommerce-account #customer_login>[class*="u-column"]{width:100%!important;max-width:none!important}}

/* Version 98: fix product-review layout and order-received contact icons.
   WooCommerce's own core stylesheet (woocommerce.css) ships LTR-only rules
   for both of these components and beats our earlier low-specificity rules,
   so on this RTL site they render broken:

   1) #reviews #comments ol.commentlist li img.avatar is force
      position:absolute;top:0;left:0 by WooCommerce core, and
      ol.commentlist li .comment-text gets margin:0 0 0 50px + its own
      border/border-radius/padding. The avatar drops out of our grid (its
      absolute), so ".comment-text" collapses onto the grid's first 48px
      track instead of the 1fr track, and its own border box is what reads
      as "a line above the text". Reset the avatar to a normal static grid
      item and strip WooCommerce's box model from .comment-text so our
      #reviews grid rule is what actually lays things out.
   2) .woocommerce-customer-details--phone::before /
      .woocommerce-customer-details--email::before are positioned with
      margin-left:-1.5em relative to their LTR "static position", while the
      address text itself is force text-align:left by WooCommerce. On an
      RTL page the icon's static position lands over the text instead of
      beside it. Give the icon an explicit right-side gutter instead of
      relying on the LTR-only negative margin. */
#reviews .commentlist li{position:relative}
#reviews .avatar{position:static!important;float:none!important;top:auto!important;left:auto!important;right:auto!important;inset-inline-start:auto!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;width:48px!important;height:48px!important;border-radius:99px!important}
#reviews .comment-text{margin:0!important;border:0!important;border-radius:0!important;padding:0!important;background:none!important}
#reviews .comment-text::before,#reviews .comment-text::after{content:none!important}
#reviews .comment-text p{margin:0 0 10px}
#reviews .comment-text p:last-child{margin-bottom:0}
#reviews .comment-text p.meta{font-size:var(--s-1)}
#reviews #comments ol.commentlist ul.children{margin:20px 0 0!important;margin-inline-start:50px!important}
#reviews #comments ol.commentlist #respond{margin:20px 0 0!important;margin-inline-start:50px!important}

.woocommerce-customer-details .woocommerce-customer-details--phone,
.woocommerce-customer-details .woocommerce-customer-details--email{padding-left:0!important;padding-right:1.7em!important;position:relative!important}
.woocommerce-customer-details .woocommerce-customer-details--phone::before,
.woocommerce-customer-details .woocommerce-customer-details--email::before{margin-left:0!important;margin-right:0!important;left:auto!important;right:0!important;top:0!important}

/* Version 99: "عضويتي" membership tab inside My Account. */
.lawz-account-membership{margin-top:6px}
.lawz-account-membership__card{border:1px solid var(--line);border-radius:16px;padding:clamp(22px,3vw,32px);background:#fff}
.lawz-account-membership__card.is-active{border-color:var(--seal);background:var(--seal-soft)}
.lawz-account-membership__badge{display:inline-block;background:var(--seal);color:#fff;font-size:var(--s-1);font-weight:600;padding:4px 12px;border-radius:99px;margin-bottom:14px}
.lawz-account-membership__card h3{font-size:var(--s2);margin:0 0 16px}
.lawz-account-membership__card dl{display:grid;gap:0;margin:0 0 16px}
.lawz-account-membership__card dl>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.lawz-account-membership__card dl>div:last-child{border-bottom:0}
.lawz-account-membership__card dl dt{color:var(--ash)}
.lawz-account-membership__card dl dd{margin:0;font-weight:600}
.lawz-account-membership__note{color:var(--ash);font-size:var(--s-1);line-height:1.7;margin:0}
.lawz-account-membership__card.is-empty p{color:var(--ash);margin:0 0 18px}
/* Version 110: comment box inside "عضويتي" for paid club members. */
.lawz-club-comment-box{margin-top:22px;border:1px solid var(--line);border-radius:16px;padding:clamp(22px,3vw,32px);background:#fff}
.lawz-club-comment-box h3{font-size:var(--s1);margin:0 0 8px}
.lawz-club-comment-box p.muted{color:var(--ash);font-size:var(--s-1);line-height:1.7;margin:0 0 16px}
.lawz-club-comment-box textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font:inherit;color:var(--ink);resize:vertical;min-height:88px;margin-bottom:14px}
.lawz-club-comment-box textarea:focus{outline:2px solid var(--seal);outline-offset:1px}
.lawz-club-comment-box__notice{border-radius:10px;padding:10px 14px;font-size:var(--s-1);margin:0 0 16px}
.lawz-club-comment-box__notice.is-ok{background:var(--seal-soft);color:var(--seal-dk)}
.lawz-club-comment-box__notice.is-error{background:#FBEAEA;color:#B0473A}
.lawz-account-membership__notice{border-radius:10px;padding:10px 14px;font-size:var(--s-1);margin:0 0 16px}
.lawz-account-membership__notice.is-ok{background:var(--seal-soft);color:var(--seal-dk)}