/* Sakina child theme: base, custom components (sk-*) and WooCommerce styling.
   Layout and typography of pages live in Elementor (variables + global classes). */
:root{
  --sk-paper:#FAFAE9;--sk-page:#FFFEF8;--sk-stone:#EFEADF;--sk-kraft:#D9B885;
  --sk-maroon:#6E3724;--sk-maroon-deep:#55281A;--sk-gold:#8A6530;--sk-gold-soft:#C9A96A;--sk-gold-pale:#E3CFA4;
  --sk-ink:#2C1B14;--sk-ink-soft:#6B564B;--sk-line:#E2DCC6;--sk-on-maroon:#FBF6EA;--sk-error:#A8281C;
  --sk-display:"Amiri","Scheherazade New","Traditional Arabic",serif;
  --sk-body:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;
  --sk-hand:"Aref Ruqaa","Amiri",serif;
  --sk-latin:"Cormorant Garamond",Georgia,serif;
  --sk-gutter:clamp(16px,4.5vw,56px);
  --sk-ease:cubic-bezier(.2,.7,.2,1);
  --sk-ticker-h:36px;
}
body{background:var(--sk-paper);color:var(--sk-ink);font-family:var(--sk-body);font-size:16px;line-height:1.9;overflow-x:clip}
h1,h2,h3,h4{font-family:var(--sk-display);color:var(--sk-maroon);text-wrap:balance}
a{color:var(--sk-maroon)}
:focus-visible{outline:2px solid var(--sk-gold);outline-offset:3px}
html{overflow-x:clip}
img{max-width:100%;height:auto}

/* header */
/* solid header ground: backdrop-filter on the header would trap the fixed side cart inside it */
.elementor-location-header{position:sticky;top:calc(-1 * var(--sk-ticker-h));z-index:60;background:var(--sk-paper);border-bottom:1px solid transparent;transition:border-color .4s,box-shadow .4s}
body.sk-scrolled .elementor-location-header{box-shadow:0 10px 24px -22px rgba(85,40,26,.55)}
/* phone and tablet: logo on the right, then cart, then menu button at the far left */
@media(max-width:1024px){
  .elementor-location-header .elementor-element-head-in{justify-content:flex-start;gap:10px}
  .elementor-location-header .elementor-element-head-cart{order:2;margin-inline-start:auto}
  .elementor-location-header .elementor-element-head-nav{order:3}
}
.elementor-menu-cart__main{background:var(--sk-page);color:var(--sk-ink)}
.elementor-menu-cart__product-name a{font-family:var(--sk-display);font-size:1.15rem;color:var(--sk-maroon)!important;text-decoration:none}
.elementor-menu-cart__subtotal{font-family:var(--sk-body);font-size:1rem;border-color:var(--sk-line)!important}
.elementor-menu-cart__footer-buttons .elementor-button{border-radius:999px!important;font-family:var(--sk-body);background:var(--sk-maroon)!important;color:var(--sk-on-maroon)!important}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart{background:transparent!important;color:var(--sk-maroon)!important;border:1px solid var(--sk-maroon)!important}
body.admin-bar .elementor-location-header{top:calc(32px - var(--sk-ticker-h))}
body.sk-scrolled .elementor-location-header{border-color:var(--sk-line)}
.elementor-location-header .elementor-nav-menu--main .elementor-nav-menu{gap:clamp(18px,3vw,40px)}
.elementor-location-header .elementor-nav-menu a{font-family:var(--sk-body);font-size:.95rem;color:var(--sk-ink)!important;padding:4px 0!important}
.elementor-location-header .elementor-nav-menu a:hover{color:var(--sk-maroon)!important}
.elementor-location-header .elementor-menu-toggle{background:var(--sk-page);border:1px solid var(--sk-line);border-radius:50%;width:42px;height:42px;color:var(--sk-maroon)}
.elementor-location-header .elementor-nav-menu--dropdown{background:var(--sk-paper);border-bottom:1px solid var(--sk-line)}
.elementor-location-header .elementor-nav-menu--dropdown a{padding:12px var(--sk-gutter)!important;margin:0;border-bottom:1px solid var(--sk-line)}
.elementor-menu-cart__toggle .elementor-button{background:var(--sk-page)!important;border:1px solid var(--sk-line)!important;border-radius:999px!important;color:var(--sk-ink)!important;padding:.5em 1.1em!important;font-family:var(--sk-body);font-size:.9rem}
.elementor-menu-cart__toggle .elementor-button-icon{color:var(--sk-maroon)}
.elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{background:var(--sk-maroon)!important;color:var(--sk-on-maroon)!important}
.elementor-menu-cart__main{font-family:var(--sk-body)}
.elementor-menu-cart__toggle .elementor-button-icon[data-counter]:before{background:var(--sk-maroon)!important;color:var(--sk-on-maroon)!important}

/* global class helpers */
.sk-eyebrow{display:flex;align-items:center;gap:.7em}
.sk-eyebrow::before{content:"";width:34px;height:1px;background:var(--sk-gold);flex:none}
.sk-btn-solid,.sk-btn-line{transition:background .35s var(--sk-ease),color .35s var(--sk-ease),transform .35s var(--sk-ease);text-decoration:none;display:inline-flex;justify-content:center}
.sk-btn-solid:hover{transform:translateY(-2px)}
.sk-h1 em,.sk-h1 i{font-style:normal;color:var(--sk-gold)}

/* entrances: content is visible by default; .sk-in only replays an entrance */
@keyframes sk-rise{from{opacity:0;transform:translateY(26px)}}
.sk-in{animation:sk-rise 1s var(--sk-ease) both}
@keyframes sk-slide{to{transform:translateX(-50%)}}

/* ticker */
.sk-ticker{height:var(--sk-ticker-h);display:flex;align-items:center;background:var(--sk-maroon);color:var(--sk-on-maroon);font-size:.82rem;overflow:hidden;white-space:nowrap;direction:ltr}
.sk-ticker-track{display:inline-flex;animation:sk-slide 38s linear infinite}
.sk-ticker span{padding:0 1.6em;direction:rtl}
.sk-ticker span::after{content:"✦";margin-inline-start:3.2em;color:var(--sk-gold-soft);font-size:.7em}

/* 99 names medallion */
.sk-medal{position:relative;width:100%;max-width:600px;aspect-ratio:1;margin-inline:auto;container-type:inline-size;direction:ltr}
.sk-ring{position:absolute;inset:0;animation:sk-turn var(--t,200s) linear infinite}
.sk-ring.rev{animation-direction:reverse}
@keyframes sk-turn{to{transform:rotate(360deg)}}
.sk-ring span{position:absolute;top:50%;left:50%;width:14cqw;margin-left:-7cqw;margin-top:-1.6cqw;text-align:center;font-family:var(--sk-display);font-size:1.85cqw;line-height:3.2cqw;color:var(--sk-gold);white-space:nowrap;direction:rtl;transform:rotate(var(--a)) translateY(calc(var(--r) * -1cqw))}
.sk-ring:nth-child(2) span{color:var(--sk-maroon);opacity:.75}
.sk-medal-pic{position:absolute;inset:19% 23% 17% 23%;border-radius:999px 999px 6px 6px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(85,40,26,.55)}
.sk-medal-pic img{width:100%;height:100%;object-fit:cover;animation:sk-breathe 14s ease-in-out infinite alternate}
@keyframes sk-breathe{to{transform:scale(1.07)}}
@media(max-width:1024px){.sk-medal{max-width:440px}.sk-ring span{font-size:2.3cqw}}

/* verse */
#sk-verse span{display:inline-block}
#sk-verse.sk-go span{animation:sk-word .9s var(--sk-ease) both;animation-delay:calc(var(--i) * .11s)}
@keyframes sk-word{from{opacity:0;transform:translateY(.5em);filter:blur(4px)}}

/* big word band */
.sk-band{overflow:hidden;white-space:nowrap;direction:ltr;border-block:1px solid var(--sk-line);padding-block:10px}
.sk-band-track{display:inline-flex;animation:sk-slide 60s linear infinite reverse}
.sk-band span{font-family:var(--sk-display);font-size:clamp(3rem,9vw,7.5rem);line-height:1.5;padding-inline:.35em;color:transparent;-webkit-text-stroke:1px var(--sk-gold-soft);direction:rtl}
.sk-band span:nth-child(3n+1){color:var(--sk-maroon);-webkit-text-stroke:0}

/* journal sheet + habit tracker */
.sk-sheet{background:var(--sk-page);border:1px solid var(--sk-line);border-radius:4px;padding:clamp(20px,3.4vw,44px);box-shadow:0 40px 70px -50px rgba(85,40,26,.5);position:relative}
.sk-sheet::before{content:"";position:absolute;inset:10px;border:1px solid var(--sk-gold-soft);opacity:.55;border-radius:2px;pointer-events:none}
.sk-sheet h3{text-align:center;font-weight:400;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--sk-ink-soft);margin:0 0 14px}
.sk-q{padding-block:12px}
.sk-q label,.sk-q .sk-ql{display:block;font-weight:500;font-size:.95rem}
.sk-q .sk-ql::before,.sk-q label::before{content:"✦";color:var(--sk-gold);font-size:.7em;margin-inline-end:.8em}
.sk-hw{font-family:var(--sk-hand);font-size:clamp(1.25rem,2.3vw,1.6rem);color:var(--sk-maroon);line-height:2.3;min-height:2.3em;border-bottom:1px dotted var(--sk-gold-soft);padding-inline:1.4em}
.sk-go .sk-hw{animation:sk-write 2.4s cubic-bezier(.4,0,.3,1) both;animation-delay:calc(.3s + var(--n) * 1.7s)}
@keyframes sk-write{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}
.sk-q input{width:100%;font-family:var(--sk-hand);font-size:clamp(1.25rem,2.3vw,1.6rem);color:var(--sk-maroon);line-height:2.3;border:0;border-bottom:1px dotted var(--sk-gold-soft);background:transparent;padding:0 1.4em;border-radius:0}
.sk-q input::placeholder{color:var(--sk-ink-soft);opacity:1;font-family:var(--sk-body);font-size:.9rem}
.sk-q input:focus{outline:0;border-bottom:1px solid var(--sk-maroon)}
.sk-tracker{background:var(--sk-page);border:1px solid var(--sk-line);border-radius:4px;padding:18px 20px;display:flex;flex-direction:column;gap:8px}
.sk-tracker h3{font-size:1.25rem;margin:0}
.sk-tr-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;font-size:.86rem}
.sk-days{display:flex;gap:5px}
.sk-days button{width:20px;height:20px;padding:0;background:transparent;border:1px solid var(--sk-gold-soft);border-radius:3px;cursor:pointer;transition:background .3s,transform .3s var(--sk-ease)}
.sk-days button[aria-pressed="true"]{background:var(--sk-maroon);border-color:var(--sk-maroon);transform:scale(1.08)}
.sk-tracker small{color:var(--sk-ink-soft);font-size:.8rem}
@media(max-width:1024px){.sk-days button{width:26px;height:26px}}

/* name cards */
.sk-deck{overflow:hidden;direction:ltr;padding-block:26px}
.sk-deck-track{display:inline-flex;gap:22px;animation:sk-slide 55s linear infinite;padding-inline-end:22px}
.sk-deck:hover .sk-deck-track{animation-play-state:paused}
.sk-card{flex:none;width:clamp(150px,17vw,200px);aspect-ratio:5/7;background:var(--sk-stone);border-radius:3px;display:grid;place-content:center;gap:4px;text-align:center;transition:transform .5s var(--sk-ease),box-shadow .5s;box-shadow:0 14px 24px -20px rgba(44,27,20,.6)}
.sk-card:nth-child(odd){transform:rotate(-2.5deg)}.sk-card:nth-child(even){transform:rotate(2deg) translateY(10px)}
.sk-card:hover{transform:rotate(0) translateY(-12px);box-shadow:0 26px 34px -22px rgba(44,27,20,.6)}
.sk-card b{font-family:var(--sk-display);font-weight:400;font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1.6;color:var(--sk-ink);direction:rtl}
.sk-card i{font-family:var(--sk-latin);font-size:.9rem;color:var(--sk-ink-soft)}

/* dua board seals + kit list */
.sk-seals{display:flex;flex-wrap:wrap;gap:12px}
.sk-seal{width:104px;aspect-ratio:1;border-radius:50%;background:var(--sk-maroon);color:var(--sk-on-maroon);display:grid;place-content:center;text-align:center;font-weight:500;font-size:.86rem;line-height:1.5;padding:10px;transition:transform .6s var(--sk-ease)}
.sk-seal:hover{transform:rotate(-8deg) scale(1.06)}
.sk-kit{list-style:none;padding:0;margin:18px 0 0}
.sk-kit li{padding-block:9px;border-bottom:1px solid var(--sk-line);font-size:.93rem;display:flex;gap:.8em}
.sk-kit li::before{content:"✦";color:var(--sk-gold);font-size:.7em}

@media(max-width:767px){
  .sk-seals{flex-wrap:nowrap;gap:8px}
  .sk-seal{flex:1 1 0;min-width:0;width:auto;max-width:100px;font-size:.76rem;padding:6px}
}

/* footer sits at the bottom of the window on short pages */
body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
body>*{flex:none;width:100%}
body>.elementor-location-footer{margin-top:auto}
/* shop archive and other plain theme pages: same gutters and breathing room as built pages */
.woocommerce.archive main.site-main,.woocommerce-account main.site-main,.error404 main.site-main,.search main.site-main{max-width:calc(1240px + 2 * var(--sk-gutter));margin-inline:auto;padding:clamp(32px,5vw,56px) var(--sk-gutter) clamp(56px,8vw,112px)}
.woocommerce.archive .page-title,.error404 .entry-title{font-size:clamp(2rem,4.6vw,3.5rem);margin-bottom:18px}
.woocommerce .woocommerce-ordering select{font-family:var(--sk-body);background:var(--sk-page);border:1px solid var(--sk-line);border-radius:999px;padding:.4em 1.2em;color:var(--sk-ink)}
.woocommerce .woocommerce-result-count{color:var(--sk-ink-soft);font-size:.9rem}

/* plain text pages (policies) */
body.page:not(.elementor-page) main.site-main{max-width:calc(760px + 2 * var(--sk-gutter));margin-inline:auto;padding:clamp(32px,5vw,56px) var(--sk-gutter) clamp(56px,8vw,112px)}
body.page:not(.elementor-page) .entry-title{font-size:clamp(2rem,4.6vw,3.5rem);margin-bottom:18px}
body.page:not(.elementor-page) .page-content h2{font-size:1.7rem;margin:28px 0 8px}
body.page:not(.elementor-page) .page-content p,body.page:not(.elementor-page) .page-content li{color:var(--sk-ink-soft)}
body.page:not(.elementor-page) .page-content ul{padding-inline-start:1.2em}

/* footer */
.elementor-location-footer a{color:var(--sk-on-maroon);text-decoration:none}
.elementor-location-footer a:hover{color:var(--sk-gold-soft)}

/* ---------- WooCommerce ---------- */
.woocommerce .price,.woocommerce-Price-amount{font-family:var(--sk-body);font-weight:500;color:var(--sk-ink);font-variant-numeric:tabular-nums}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.2vw,30px);margin:0;padding:0}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;display:flex;flex-direction:column;gap:10px;text-align:start}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;gap:12px;text-decoration:none}
.woocommerce ul.products li.product .sk-pic{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;border-radius:4px;background:var(--sk-stone)}
.woocommerce ul.products li.product .sk-pic img{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;margin:0!important;filter:sepia(.14) saturate(1.05);transition:opacity .7s var(--sk-ease),transform 1.4s var(--sk-ease)}
.woocommerce ul.products li.product .sk-pic img.sk-alt{opacity:0}
.woocommerce ul.products li.product:hover .sk-pic img{transform:scale(1.05)}
.woocommerce ul.products li.product:hover .sk-pic img.sk-alt{opacity:1}
.woocommerce ul.products li.product .sk-blurb{display:block;font-size:.9rem;line-height:1.75;color:var(--sk-ink-soft)}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--sk-display)!important;font-size:1.45rem!important;font-weight:700;color:var(--sk-maroon)!important;padding:0;line-height:1.4}
.woocommerce ul.products li.product .woocommerce-loop-product__title{padding-top:10px!important}
.woocommerce ul.products li.product.outofstock .sk-pic::after{content:"غير متوفر حاليًا";position:absolute;top:12px;inset-inline-start:12px;background:var(--sk-page);color:var(--sk-maroon);padding:.15em .9em;border-radius:999px;font-family:var(--sk-body);font-size:.75rem}
.woocommerce ul.products li.product .price{font-size:1rem;color:var(--sk-ink);margin:0}
.woocommerce ul.products li.product .button{align-self:flex-start;margin-top:auto}
@media(max-width:1024px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.woocommerce ul.products{grid-template-columns:1fr}}

.woocommerce a.button,.woocommerce button.button,.woocommerce .button,.woocommerce #respond input#submit,.woocommerce #place_order{font-family:var(--sk-body);font-weight:500;font-size:.9rem;line-height:1.6;border-radius:999px;padding:.6em 1.5em;background:transparent;color:var(--sk-maroon);border:1px solid var(--sk-maroon);transition:background .3s,color .3s}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce .button:hover{background:var(--sk-maroon);color:var(--sk-on-maroon)}
.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce .single_add_to_cart_button,.woocommerce #place_order,.woocommerce a.checkout-button{background:var(--sk-maroon)!important;color:var(--sk-on-maroon)!important;border-color:var(--sk-maroon)!important;padding:.85em 2em;font-size:1rem}
.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover,.woocommerce .single_add_to_cart_button:hover,.woocommerce #place_order:hover,.woocommerce a.checkout-button:hover{background:var(--sk-maroon-deep)!important}
.woocommerce a.added_to_cart{margin-inline-start:.8em;font-size:.85rem}

/* single product */
.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var(--sk-display);font-weight:700;font-size:clamp(2.2rem,4.6vw,3.6rem);line-height:1.35;color:var(--sk-maroon)}
.elementor-widget-woocommerce-product-price .price{font-size:1.5rem}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger{background:var(--sk-page)}
.woocommerce div.product div.images img{border-radius:4px;filter:sepia(.14) saturate(1.05)}
.woocommerce div.product div.images .flex-control-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}
.woocommerce div.product div.images .flex-control-thumbs li{width:auto!important;float:none!important}
.woocommerce div.product div.images .flex-control-thumbs img{aspect-ratio:1;object-fit:cover;border-radius:3px}
.woocommerce div.product form.cart,.elementor-add-to-cart form.cart{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch;margin:0}
.woocommerce .quantity .qty{width:5.2em;min-height:52px;border:1px solid var(--sk-line);border-radius:999px;background:var(--sk-page);text-align:center;font-family:var(--sk-body);color:var(--sk-ink)}
.woocommerce div.product form.cart .single_add_to_cart_button{flex:1;min-width:200px;min-height:52px}
.woocommerce div.product .woocommerce-product-details__short-description{color:var(--sk-ink-soft)}
.elementor-widget-woocommerce-product-content ul{list-style:none;padding:0;margin:0}
.elementor-widget-woocommerce-product-content li{display:flex;gap:.8em;padding-block:3px}
.elementor-widget-woocommerce-product-content li::before{content:"✦";color:var(--sk-gold);font-size:.7em;flex:none}
.woocommerce .related>h2,.woocommerce .upsells>h2{font-size:clamp(2rem,4.6vw,3.5rem);margin-bottom:clamp(20px,3vw,40px)}
.woocommerce-breadcrumb{font-size:.85rem;color:var(--sk-ink-soft)!important}
.woocommerce-breadcrumb a{color:var(--sk-ink-soft)!important;text-decoration:none}

/* product page: fold-out sections, pages strip, buy bar */
.sk-acc{border-top:1px solid var(--sk-line);margin-top:6px}
.sk-acc details{border-bottom:1px solid var(--sk-line)}
.sk-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:16px;font-family:var(--sk-display);font-weight:700;font-size:1.3rem;color:var(--sk-maroon)}
.sk-acc summary::-webkit-details-marker{display:none}
.sk-acc summary::after{content:"+";font-family:var(--sk-body);font-weight:300;font-size:1.5rem;line-height:1;transition:transform .4s var(--sk-ease)}
.sk-acc details[open] summary::after{transform:rotate(45deg)}
.sk-acc-body{padding-bottom:18px;font-size:.95rem;color:var(--sk-ink)}
.sk-acc-body p{margin:0 0 8px;color:var(--sk-ink-soft)}
.sk-acc-body ul{list-style:none;padding:0;margin:0 0 8px}
.sk-acc-body li{display:flex;gap:.8em;padding-block:3px}
.sk-acc-body li::before{content:"✦";color:var(--sk-gold);font-size:.7em;flex:none}
.sk-acc-body table.shop_attributes{border:0;background:transparent;margin:0}
.sk-reel{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:8px var(--sk-gutter) 22px;scrollbar-width:thin;scrollbar-color:var(--sk-gold-soft) transparent}
.sk-reel figure{flex:none;margin:0;scroll-snap-align:center;display:flex;flex-direction:column;gap:8px}
.sk-reel img{height:clamp(230px,40vw,430px);width:auto;max-width:none;border-radius:3px;border:1px solid var(--sk-line);box-shadow:0 24px 40px -34px rgba(85,40,26,.6);filter:sepia(.14) saturate(1.05)}
.sk-reel figcaption{font-size:.82rem;color:var(--sk-ink-soft)}
.sk-bar{position:fixed;inset-inline:0;bottom:0;z-index:70;background:color-mix(in srgb,var(--sk-page) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--sk-line);padding:10px var(--sk-gutter) calc(10px + env(safe-area-inset-bottom,0px));transform:translateY(110%);transition:transform .5s var(--sk-ease)}
.sk-bar.show{transform:none}
.sk-bar-in{max-width:1240px;margin-inline:auto;display:flex;align-items:center;gap:14px}
.sk-bar img{width:44px;height:44px;border-radius:3px;object-fit:cover;flex:none}
.sk-bar b{flex:1;min-width:0;font-family:var(--sk-display);font-size:1.15rem;color:var(--sk-maroon);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-bar .price{white-space:nowrap}
.sk-bar .button{padding:.6em 1.4em!important;white-space:nowrap;font-size:.92rem!important}
@media(max-width:600px){.sk-bar .price{display:none}}

/* notices */
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--sk-page);border:1px solid var(--sk-line);border-top:2px solid var(--sk-gold);color:var(--sk-ink);border-radius:4px}
.woocommerce-error{border-top-color:var(--sk-error)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--sk-gold)}

/* cart + checkout forms */
.woocommerce form .form-row label{font-size:.88rem;font-weight:500;color:var(--sk-ink)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container--default .select2-selection--single{font-family:var(--sk-body);color:var(--sk-ink);background:var(--sk-page);border:1px solid var(--sk-line);border-radius:4px;padding:.65em .95em;min-height:50px;width:100%}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:1.9;padding:0;color:var(--sk-ink)}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:48px}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{outline:0;border-color:var(--sk-maroon);box-shadow:0 0 0 3px color-mix(in srgb,var(--sk-maroon) 14%,transparent)}
.woocommerce-checkout h3,.woocommerce-cart h2,.cart_totals h2{font-size:1.7rem}
.woocommerce-checkout #payment{background:transparent;border-radius:4px}
.woocommerce-checkout #payment ul.payment_methods{border-bottom:1px solid var(--sk-line);padding:0 0 14px}
.woocommerce-checkout #payment div.payment_box{background:color-mix(in srgb,var(--sk-gold-soft) 14%,var(--sk-page));color:var(--sk-ink-soft);border-radius:4px}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce table.shop_table{border:1px solid var(--sk-line);border-radius:4px;background:var(--sk-page)}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--sk-line)}
.woocommerce-checkout .e-checkout__order_review,.woocommerce-checkout .e-checkout__order_review-2{background:var(--sk-page);border:1px solid var(--sk-line);border-radius:4px}

/* classic checkout: details beside the order */
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:clamp(28px,5vw,72px);align-items:start}
.woocommerce-checkout form.checkout>.woocommerce-NoticeGroup,.woocommerce-checkout form.checkout>.woocommerce-error{grid-column:1 / -1}
.woocommerce-checkout form.checkout #customer_details{grid-column:1;grid-row:1 / span 3;width:100%}
.woocommerce-checkout form.checkout #customer_details .col-1,.woocommerce-checkout form.checkout #customer_details .col-2{width:100%;float:none}
.woocommerce-checkout form.checkout #order_review_heading{grid-column:2;margin:0 0 14px}
.woocommerce-checkout form.checkout #order_review{grid-column:2;background:var(--sk-page);border:1px solid var(--sk-line);border-radius:4px;padding:clamp(16px,2.4vw,28px);box-shadow:0 40px 70px -56px rgba(85,40,26,.5)}
.woocommerce-checkout #order_review table.shop_table{border:0;background:transparent;margin-bottom:14px}
.woocommerce-checkout #payment #place_order{width:100%;min-height:56px;float:none}
.woocommerce form .form-row{padding:0;margin:0 0 16px}
.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:calc(50% - 8px)}
.woocommerce-cart table.cart img{width:72px;border-radius:3px}
.woocommerce-cart .cart-collaterals .cart_totals{background:var(--sk-page);border:1px solid var(--sk-line);border-radius:4px;padding:clamp(16px,2.4vw,28px)}
.woocommerce-cart table.cart td.actions .coupon .input-text{min-width:160px;min-height:46px;border-radius:999px;border:1px solid var(--sk-line);background:var(--sk-page);padding:.4em 1.2em}
@media(max-width:1024px){
  .woocommerce-checkout form.checkout{grid-template-columns:1fr}
  .woocommerce-checkout form.checkout #customer_details,.woocommerce-checkout form.checkout #order_review_heading,.woocommerce-checkout form.checkout #order_review{grid-column:1;grid-row:auto}
}
@media(max-width:520px){.woocommerce form .form-row-first,.woocommerce form .form-row-last{width:100%}}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
}
