/* KULT store pages (phase 6): cart, checkout, thank-you and My account.
   WooCommerce's classic markup, layered over its own CSS (woocommerce-general/layout/smallscreen).
   Tokens come from main.css :root. Logical properties only, no pink. Mobile first. */

/* Page wrapper: page.php renders these through the default template */
body.woocommerce-cart main .prose,
body.woocommerce-checkout main .prose,
body.woocommerce-account main .prose{max-inline-size:1280px} /* the .wrap width, not the 72ch reading width (and not none, which also drops .wrap's max-width) */
body.woocommerce-cart main>.wrap>.help-card,
body.woocommerce-checkout main>.wrap>.help-card,
body.woocommerce-account main>.wrap>.help-card{display:none}
.woocommerce{color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.55}
.woocommerce a{color:var(--violet);text-underline-offset:3px}
.woocommerce .clear{clear:both}

/* Buttons: WooCommerce's purple (#720eec) becomes the KULT look. Secondary = outline; .alt = violet. */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-block-size:50px;padding:14px 26px;border:0;border-radius:999px;background:var(--paper);color:var(--ink);font:700 14px/1.2 var(--body);letter-spacing:.04em;text-transform:uppercase;text-decoration:none;box-shadow:inset 0 0 0 1.5px var(--ink);transition:transform .15s ease,background .15s ease}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:var(--cream);color:var(--ink);transform:translateY(-2px)}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--violet);color:var(--paper);box-shadow:0 10px 24px -12px rgba(75,34,244,.7);text-transform:uppercase}
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{background:var(--violet-hover)}
html[dir="rtl"] .woocommerce a.button,html[dir="rtl"] .woocommerce button.button{letter-spacing:0;text-transform:none;font-size:16px}
.woocommerce .wc-backward,.woocommerce a.wc-backward{box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink-2)}

/* Notices: paper cards, violet edge for info, ink edge for errors (never red) */
.woocommerce-notice{list-style:none;margin:0 0 16px;padding:16px 20px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-inline-start:4px solid var(--violet);border-radius:18px;font-size:15px}
.woocommerce-notice--error,.woocommerce-error{border-inline-start-color:var(--ink)}
.woocommerce-error strong,.woocommerce-notice--error strong{font-weight:800}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-notice::before{color:var(--violet)}
.woocommerce-error::before,.woocommerce-notice--error::before{color:var(--ink)}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-notice{position:relative;padding-inline-start:52px;border-top-color:var(--line);border-top-width:1px}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before,.woocommerce-notice::before{position:absolute;inset-inline-start:18px;inset-block-start:50%;transform:translateY(-50%);float:none;margin:0;font-size:18px;line-height:1}

/* Cart */
.woocommerce-cart-form{margin:0}
.woocommerce table.shop_table{width:100%;margin:0 0 24px;border:1px solid var(--line);border-radius:var(--r-m);background:var(--paper);color:var(--ink);border-collapse:separate;border-spacing:0;overflow:hidden}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:16px 18px;border:0;border-block-end:1px solid var(--line);text-align:start;vertical-align:middle;background:transparent}
.woocommerce table.shop_table tr:last-child>*{border-block-end:0}
.woocommerce table.shop_table th{font:700 12px/1.2 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
html[dir="rtl"] .woocommerce table.shop_table th{letter-spacing:0;text-transform:none;font-size:13px}
.woocommerce table.cart td.product-thumbnail{width:104px}
.woocommerce table.cart td.product-thumbnail img{width:84px;height:auto;aspect-ratio:4/5;object-fit:contain;padding:6px;border-radius:14px;background:var(--cream);border:1px solid var(--line)}
.woocommerce table.cart td.product-name a,.woocommerce td.product-name a{font:800 18px/1.2 var(--display);font-family:"Archivo",sans-serif;color:var(--ink);text-decoration:none;unicode-bidi:isolate}
.woocommerce table.cart td.product-name a:hover{color:var(--violet);text-decoration:underline;text-underline-offset:4px}
.woocommerce td.product-name dl.variation{margin:6px 0 0;font-size:14px;color:var(--ink-2)}
.woocommerce td.product-name dl.variation dd{margin:0}
.woocommerce td.product-name dl.variation dt{display:inline;font-weight:700}
.woocommerce td.product-price,.woocommerce td.product-subtotal{font-weight:700;white-space:nowrap}
.woocommerce td.product-subtotal{font-family:var(--display);font-weight:900;font-size:17px}
/* Remove x: a round button. WooCommerce forces a red colour with !important, so this selector outranks it */
.woocommerce table.cart td.product-remove a.remove{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:var(--cream);color:var(--ink)!important;font-size:22px;line-height:1;font-weight:500;text-decoration:none;border:0}
.woocommerce table.cart td.product-remove a.remove:hover{background:var(--ink);color:var(--paper)!important}
/* Quantity: a pill with the number input in the middle */
.woocommerce .quantity{display:inline-flex;align-items:center;border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:4px 8px}
.woocommerce .quantity input.qty{inline-size:3ch;min-inline-size:0;padding:6px 2px;border:0;background:transparent;text-align:center;font:700 16px/1 var(--body);color:var(--ink);box-shadow:none;-moz-appearance:textfield;appearance:textfield}
.woocommerce .quantity input.qty::-webkit-outer-spin-button,.woocommerce .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.woocommerce td.actions{background:var(--cream)}
.woocommerce td.actions .coupon{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.woocommerce td.actions .coupon input.input-text{flex:1 1 180px;min-inline-size:0;min-block-size:50px;padding:12px 18px;border:1.5px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font:inherit;font-size:16px}
.woocommerce td.actions .coupon input.input-text:focus{border-color:var(--violet);outline:none}
.woocommerce td.actions>.button[name="update_cart"]{float:none;margin-block-start:12px}
.woocommerce .cart-empty{font:800 clamp(24px,3vw,30px)/1.2 var(--display);margin:0 0 20px}
.woocommerce .return-to-shop{display:flex;justify-content:center}

/* Totals and proceed */
.woocommerce .cart-collaterals{display:block;margin-block-start:8px}
.woocommerce .cart-collaterals::after{content:"";display:table;clear:both}
.woocommerce .cart-collaterals .cart_totals{float:none;width:auto;max-inline-size:560px;margin-inline-start:auto;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m)}
.woocommerce .cart-collaterals .cart_totals h2{font:800 24px/1.15 var(--display);margin:0 0 14px;letter-spacing:-.01em}
.woocommerce .cart-collaterals .cart_totals table.shop_table{border:0;border-radius:0;margin:0;background:transparent}
.woocommerce .cart-collaterals .cart_totals table.shop_table th,.woocommerce .cart-collaterals .cart_totals table.shop_table td{padding:12px 0}
.woocommerce .cart-collaterals .order-total td,.woocommerce .cart-collaterals .order-total th{font:900 20px/1.2 var(--display);border-block-end:0;padding-block-start:18px}
.woocommerce .cart-collaterals .order-total .woocommerce-Price-amount{color:var(--violet)}
.woocommerce .wc-proceed-to-checkout{padding:20px 0 0}
.woocommerce .wc-proceed-to-checkout a.checkout-button{display:flex;inline-size:100%;min-block-size:60px;padding:20px 40px;font-size:16px;letter-spacing:.04em}

/* Checkout: one column on phones, form left and order summary right (sticky) from 900px */
.woocommerce form.woocommerce-checkout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start;min-width:0}
.woocommerce form.woocommerce-checkout>.clear,.woocommerce-billing-fields__field-wrapper>.clear,.woocommerce-shipping-fields__field-wrapper>.clear{display:none}
#customer_details{grid-column:1;min-width:0}
#customer_details.col2-set{display:block}
#customer_details .col-1,#customer_details .col-2{float:none;width:auto;min-width:0}
#order_review_heading{grid-column:1;font:800 clamp(24px,3vw,30px)/1.15 var(--display);margin:40px 0 16px;letter-spacing:-.01em}
#order_review{grid-column:1;min-width:0}
.woocommerce-billing-fields h3,.woocommerce-shipping-fields h3,.woocommerce-additional-fields h3{font:800 clamp(24px,3vw,30px)/1.15 var(--display);margin:0 0 16px;letter-spacing:-.01em}
.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper,.woocommerce-additional-fields__field-wrapper{display:grid;grid-template-columns:minmax(0,1fr);gap:0 16px;min-width:0}
.woocommerce form .form-row,.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce form .form-row-wide{float:none;width:auto;min-width:0;padding:0;margin:0 0 16px}
.woocommerce form .form-row label{display:block;margin:0 0 6px;font:700 14px/1.3 var(--body);color:var(--ink)}
.woocommerce form .form-row .required{color:var(--ink);text-decoration:none;border:0;font-weight:700}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{box-sizing:border-box;inline-size:100%;min-block-size:50px;margin:0;padding:12px 14px;border:1.5px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);font:400 16px/1.4 var(--body);box-shadow:none}
.woocommerce form .form-row textarea{min-block-size:110px}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{border-color:var(--violet);outline:none}
.woocommerce form .form-row input[dir="ltr"],.woocommerce form .form-row input[type="tel"],.woocommerce form .form-row input[type="email"]{text-align:start}
.woocommerce-invalid .input-text,.woocommerce-invalid .select2-selection{border-color:var(--ink)!important}
.woocommerce-invalid label{color:var(--ink)}
.woocommerce-validated .input-text{border-color:var(--line)}
.woocommerce form .form-row.woocommerce-invalid .input-text{box-shadow:inset 0 0 0 1px var(--ink)}
.woocommerce form .form-row.checkbox,.woocommerce form .form-row label.checkbox{display:flex;align-items:center;gap:10px;font-weight:500;color:var(--ink);cursor:pointer}
.woocommerce form .form-row label.woocommerce-form__label-for-checkbox{display:flex;align-items:center;gap:10px;margin:0;font-weight:500;color:var(--ink);cursor:pointer}
.woocommerce form input[type="checkbox"]{inline-size:18px;block-size:18px;margin:0;accent-color:var(--violet);flex:none}
.woocommerce-shipping-fields h3 label{display:inline-flex;align-items:center;gap:10px;font:inherit;color:inherit;cursor:pointer}
.woocommerce-privacy-policy-text,.woocommerce-terms-and-conditions-wrapper{font-size:13px;color:var(--ink-2)}
/* select2 (country, governorate): matches the inputs */
.woocommerce form .select2-container{inline-size:100%!important;max-inline-size:100%}
.woocommerce form .select2-container--default .select2-selection--single{box-sizing:border-box;block-size:auto;min-block-size:50px;padding:0;border:1.5px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:none}
.woocommerce form .select2-container--default.select2-container--focus .select2-selection--single,.woocommerce form .select2-container--default.select2-container--open .select2-selection--single{border-color:var(--violet)}
.woocommerce form .select2-container--default .select2-selection--single .select2-selection__rendered{padding-inline:14px 36px;line-height:48px;color:var(--ink);font-size:16px}
.woocommerce form .select2-container--default .select2-selection--single .select2-selection__arrow{block-size:auto;inset-block:0;inset-inline-start:auto;inset-inline-end:12px;margin:auto 0;width:12px;height:12px}
.woocommerce form .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var(--ink) transparent transparent transparent;inset-inline-start:0;margin:0}
html[dir="rtl"] .woocommerce form .select2-container--default .select2-selection--single .select2-selection__arrow{inset-inline-start:auto;inset-inline-end:12px}
:where(.kult-site) .select2-dropdown{border:1.5px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);overflow:hidden;box-shadow:0 18px 40px -14px rgba(0,0,0,.25)}
:where(.kult-site) .select2-container--default .select2-results__option{padding:12px 16px;font-size:15px}
:where(.kult-site) .select2-container--default .select2-results__option--highlighted[aria-selected],:where(.kult-site) .select2-container--default .select2-results__option[aria-selected="true"]{background:var(--violet-soft);color:var(--ink)}
:where(.kult-site) .select2-container--default .select2-search--dropdown .select2-search__field{border:1.5px solid var(--line);border-radius:12px;padding:8px 12px}

/* Order summary: the review table is a card; #payment is a card below it */
.woocommerce-checkout-review-order{background:transparent}
.woocommerce table.woocommerce-checkout-review-order-table{margin-block-end:16px}
.woocommerce table.woocommerce-checkout-review-order-table td.product-name{font-weight:500}
.woocommerce table.woocommerce-checkout-review-order-table .product-name .product-quantity{color:var(--ink-2);font-weight:500}
.woocommerce table.woocommerce-checkout-review-order-table tfoot th,.woocommerce table.woocommerce-checkout-review-order-table tfoot td{font-weight:500;color:var(--ink)}
.woocommerce table.woocommerce-checkout-review-order-table .order-total th,.woocommerce table.woocommerce-checkout-review-order-table .order-total td{font:900 20px/1.2 var(--display);padding-block-start:18px}
.woocommerce table.woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount{color:var(--violet)}
.woocommerce table.woocommerce-checkout-review-order-table .woocommerce-shipping-totals ul#shipping_method{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.woocommerce ul#shipping_method li label{display:inline-flex;align-items:center;gap:8px;font-weight:500}
.woocommerce-checkout #payment{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);padding:24px}
.woocommerce-checkout #payment ul.wc_payment_methods{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:12px;border:0}
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;margin:0;padding:0;border:1.5px solid var(--line);border-radius:16px;background:var(--paper);overflow:hidden}
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method:has(input:checked){border-color:var(--violet);box-shadow:inset 0 0 0 1px var(--violet)}
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method>label{display:flex;align-items:center;gap:12px;margin:0;padding:16px 18px;padding-inline-start:12px;font-weight:700;color:var(--ink);cursor:pointer}
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method>label>.ic{inline-size:26px;block-size:26px;margin-inline-start:auto;color:var(--violet);flex:none}
/* WooCommerce puts the radio before the label, not inside it: radio, then label, on one row; the description below. */
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method:not(.woocommerce-notice)::before,.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method:not(.woocommerce-notice)::after{content:none;display:none} /* WooCommerce's clearfix would take the first grid cells */
.woocommerce-checkout #payment ul.wc_payment_methods li.wc_payment_method input.input-radio{margin:0;margin-inline-start:18px;inline-size:18px;block-size:18px;accent-color:var(--violet);flex:none}
.woocommerce-checkout #payment div.payment_box{grid-column:1/-1;margin:0;padding:16px 18px;border-radius:0;background:var(--cream);color:var(--ink-2);font-size:14px;line-height:1.55}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-checkout #payment div.payment_box p:last-child{margin-block-end:0}
.woocommerce-checkout #payment .place-order{padding:0;margin:0}
.checkout-note{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.checkout-note .ic{width:18px;height:18px;vertical-align:-4px;margin-inline-end:6px;color:var(--wa)}
.woocommerce-checkout #payment #place_order{float:none;inline-size:100%;min-block-size:64px;padding:20px 40px;font-size:16px;letter-spacing:.04em;background:var(--violet);color:var(--paper);box-shadow:0 10px 24px -12px rgba(75,34,244,.7)}
.woocommerce-checkout #payment #place_order:hover{background:var(--violet-hover)}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{margin-block-end:20px}
.woocommerce form.checkout_coupon{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:0 0 24px;padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m)}
.woocommerce form.checkout_coupon .form-row{flex:1 1 220px;margin:0}
.woocommerce form.checkout_coupon .button{min-block-size:50px}
.woocommerce form.login,.woocommerce form.register{display:grid;gap:4px;margin:0}

@media (min-width:600px){
  .woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}
  .woocommerce-billing-fields__field-wrapper>.form-row-wide,.woocommerce-shipping-fields__field-wrapper>.form-row-wide{grid-column:1/-1}
}
@media (min-width:900px){
  .woocommerce form.woocommerce-checkout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);column-gap:clamp(40px,5vw,72px)}
  #customer_details{grid-column:1;grid-row:1 / span 2}
  #order_review_heading{grid-column:2;grid-row:1;margin:0 0 16px}
  #order_review{grid-column:2;grid-row:2;position:sticky;inset-block-start:24px}
  .woocommerce-cart .cart-collaterals .cart_totals{margin-inline-start:auto}
}
@media (max-width:599.98px){
  .woocommerce table.cart td.product-thumbnail{width:auto}
  .woocommerce table.cart td.product-thumbnail img{width:64px}
  .woocommerce table.shop_table_responsive tr td{padding:12px 16px}
}

/* Thank-you (woocommerce/checkout/thankyou.php, template-parts/order/next-steps.php) */
.thanks .wrap{display:grid;gap:20px;min-width:0}
.thanks .eyebrow{margin:0}
.thanks .h2{margin:0}
.thanks .lead{max-inline-size:60ch}
.order-facts{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:8px 0 0;padding:0}
.order-facts li{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:0;padding:10px 18px;background:var(--paper);border:1px solid var(--line);border-radius:999px;font-size:14px;color:var(--ink-2)}
.order-facts li strong,.order-facts li .woocommerce-Price-amount{color:var(--ink);font-weight:800}
.instapay-box{display:grid;gap:12px;padding:24px;background:color-mix(in srgb,var(--lime) 30%,var(--paper));border:1px solid var(--line);border-radius:var(--r-m)}
.instapay-box h2{font:800 clamp(22px,3vw,28px)/1.15 var(--display);margin:0}
.instapay-box p{margin:0;color:var(--ink)}
.instapay-box code{display:inline-block;direction:ltr;unicode-bidi:isolate;padding:6px 12px;border-radius:10px;background:var(--paper);color:var(--ink);font:700 16px/1.3 var(--body)}
.instapay-box .btn{justify-self:start}
.instapay-qr-wrap{display:grid;gap:8px;justify-items:start}
.instapay-qr{max-width:220px;height:auto;padding:8px;border-radius:var(--r-s);background:var(--paper)}
@media (max-width:767px){.instapay-qr-wrap{display:none}}
.next-steps{counter-reset:step;list-style:none;display:grid;gap:12px;margin:0;padding:0}
.next-steps li{counter-increment:step;position:relative;min-height:36px;padding-inline-start:52px;color:var(--ink-2);display:flex;align-items:center}
.next-steps li::before{content:counter(step);position:absolute;inset-inline-start:0;inset-block-start:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:999px;background:var(--violet);color:var(--paper);display:grid;place-items:center;font:800 15px/1 var(--body)}
.woocommerce-order-details__title,.woocommerce-column__title{font:800 clamp(22px,3vw,26px)/1.15 var(--display);margin:0 0 12px}
.woocommerce-customer-details address{font-style:normal;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-s);line-height:1.6;color:var(--ink-2)}
.woocommerce-customer-details .woocommerce-column{min-width:0}
.woocommerce-customer-details .woocommerce-columns--addresses{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media (min-width:600px){.woocommerce-customer-details .woocommerce-columns--addresses{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* My account: nav + content side by side from 900px, pill row on phones */
.woocommerce-MyAccount-navigation.account-nav{margin:0 0 24px}
.woocommerce nav.account-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.woocommerce nav.account-nav li{margin:0}
.woocommerce nav.account-nav ul li a{display:inline-flex;align-items:center;padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font:700 14px/1.2 var(--body);text-decoration:none}
.woocommerce nav.account-nav ul li a:hover{border-color:var(--ink)}
.woocommerce nav.account-nav ul li a[aria-current="page"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.woocommerce-MyAccount-content{min-width:0}
.account-hello{font:900 clamp(30px,4vw,44px)/1.05 var(--display);margin:0 0 8px;letter-spacing:-.02em}
html[dir="rtl"] .account-hello{letter-spacing:0;line-height:1.2}
.account-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-block-start:24px}
.account-card{position:relative;display:grid;gap:8px;align-content:start;min-width:0;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m);color:var(--ink);text-decoration:none}
.account-card:hover{border-color:var(--ink)}
.account-card b{font:800 20px/1.2 var(--display)}
.account-card span{font-size:14px;color:var(--ink-2)}
.account-card-go{display:inline-flex;align-items:center;gap:8px;margin-block-start:6px;color:var(--violet);font-weight:700}
.account-card-go .ic{width:18px;height:18px}
.account-help{max-inline-size:none;margin-block-start:32px}
.account-auth{display:grid;gap:20px;min-width:0}
.account-auth .u-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:0}
.account-auth .u-columns::after{content:none}
.auth-card{float:none!important;width:auto!important;min-width:0;display:grid;gap:14px;align-content:start;padding:28px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m)}
.auth-card h2{font:800 clamp(24px,3vw,30px)/1.15 var(--display);margin:0}
.auth-card .woocommerce-LostPassword{margin:0}
.woocommerce form.woocommerce-form-login .woocommerce-button,.woocommerce form.woocommerce-form-register .woocommerce-button,.woocommerce form .woocommerce-form-login__submit,.woocommerce form .woocommerce-form-register__submit{inline-size:100%;margin-block-start:6px;padding:17px 30px;border:0;background:var(--violet);color:var(--paper);box-shadow:0 10px 24px -12px rgba(75,34,244,.7)}
.woocommerce form .woocommerce-button:hover{background:var(--violet-hover);color:var(--paper)}
.woocommerce-LostPassword a{font-weight:700}
.woocommerce-Addresses{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.woocommerce-Addresses .woocommerce-Address{float:none!important;width:auto!important;min-width:0;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-m)}
.woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-block-end:12px}
.woocommerce-Address-title h2{font:800 20px/1.2 var(--display);margin:0}
.woocommerce-Address-title a.edit{font-weight:700;text-decoration:underline;text-underline-offset:4px}
.woocommerce-Address address{font-style:normal;color:var(--ink-2);line-height:1.6}
.woocommerce-EditAccountForm fieldset{margin:24px 0 0;padding:0;border:0}
.woocommerce-EditAccountForm legend{font:800 22px/1.2 var(--display);margin:0 0 12px;padding:0}
@media (min-width:600px){.woocommerce-Addresses{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){
  .woocommerce-account .woocommerce:has(>.woocommerce-MyAccount-navigation){display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:48px;align-items:start}
  .woocommerce-account .woocommerce:has(>.woocommerce-MyAccount-navigation)>.woocommerce-MyAccount-navigation{margin:0;position:sticky;inset-block-start:24px}
  .woocommerce-account .woocommerce:has(>.woocommerce-MyAccount-navigation) nav.account-nav ul{flex-direction:column;flex-wrap:nowrap;gap:6px}
  .woocommerce nav.account-nav ul li a{display:flex;border-radius:16px;padding:14px 18px}
  .account-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
  .account-auth .u-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px}
  .woocommerce-account .woocommerce:has(>.woocommerce-MyAccount-navigation)>.woocommerce-MyAccount-content{grid-column:2}
}
/* WooCommerce's notice icons come from its icon font, which renders as an empty box; our notice cards don't need them */
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before,.woocommerce-notice::before{content:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-notice{padding-inline-start:20px}

/* RTL fixes (phase 7) */
/* Text alignment: WooCommerce sets text-align:left on these, which pins Arabic text to the wrong side. start is left in LTR, so it is a no-op there. */
.woocommerce form,.woocommerce-LostPassword,.woocommerce-customer-details address,.woocommerce-customer-details p,.woocommerce-checkout #payment div.payment_box{text-align:start}
/* Cart coupon row floats left (WooCommerce), which sits the input and button at the wrong end and drops the button to a second line */
html[dir="rtl"] .woocommerce td.actions .coupon{float:none}
/* Phone and email in the order's customer details: WooCommerce's icon is positioned and padded from the left */
html[dir="rtl"] .woocommerce .woocommerce-customer-details--phone,html[dir="rtl"] .woocommerce .woocommerce-customer-details--email{padding-left:0;padding-right:22.5px}
html[dir="rtl"] .woocommerce .woocommerce-customer-details--phone::before,html[dir="rtl"] .woocommerce .woocommerce-customer-details--email::before{left:auto;right:0;margin-left:0;margin-right:0}
/* Latin contact details stay left-to-right inside Arabic forms */
html[dir="rtl"] .woocommerce form .form-row input[type="tel"],html[dir="rtl"] .woocommerce form .form-row input[type="email"]{direction:ltr}
/* Phones: the coupon button takes its own full-width row. Arabic "Apply coupon" wraps to two lines beside the input otherwise. */
@media (max-width:599.98px){
  .woocommerce td.actions .coupon .button{flex:1 1 100%;white-space:nowrap}
}