/* =====================================================================
   IQ knihy – OBCHOD: košík, pokladňa, poďakovanie, môj účet
   WooCommerce bloky (košík/pokladňa) aj klasické šablóny (poďakovanie, účet).
   Načítava sa len na týchto stránkach (inc/kniha-obchod.php).
   ===================================================================== */

body.woocommerce-cart,body.woocommerce-checkout,body.woocommerce-account{
  --ob-ink:#231A24; --ob-ink-2:#4A3F4B; --ob-muted:#7A707B; --ob-line:rgba(35,26,36,.1);
  --ob-paper:#FBF8F4; --ob-paper-2:#F4EEE7; --ob-gold:#B8964A; --ob-gold-l:#E4CF96;
  --ob-accent:#B76E79; --ob-ok:#2E7D4F; --ob-err:#B23A3A;
  --ob-grad:linear-gradient(110deg,#6F4E5C 0%,#B76E79 30%,#D9A38F 58%,#C9B48A 80%,#9AAE9B 100%);
  --ob-ease:cubic-bezier(.22,1,.36,1);
  --ob-head:"Open Sans",sans-serif; --ob-caps:"Cinzel",serif; --ob-body:"Inter",sans-serif;
  background:var(--ob-paper)!important;color:var(--ob-ink);font-family:var(--ob-body);
}
:is(.woocommerce-cart,.woocommerce-checkout,.woocommerce-account) .site-main{
  max-width:1180px!important;margin-inline:auto!important;padding:0 20px clamp(60px,8vw,110px)!important;position:relative;isolation:isolate;
}
/* jemné farebné bloby za úvodom */
:is(.woocommerce-cart,.woocommerce-checkout,.woocommerce-account) .site-main::before{
  content:"";position:absolute;left:50%;top:-80px;width:min(1400px,100vw);height:520px;translate:-50% 0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(closest-side,#D9A38F,transparent) 88% 10% / 520px 520px no-repeat,
    radial-gradient(closest-side,#9AAE9B,transparent) 100% 70% / 380px 380px no-repeat,
    radial-gradient(closest-side,#F3D9A4,transparent) 0% 90% / 420px 420px no-repeat;
  filter:blur(60px);opacity:.28;
  -webkit-mask-image:linear-gradient(#000 50%,transparent);mask-image:linear-gradient(#000 50%,transparent);
}

/* ---------- ÚVOD s krokmi ---------- */
.kob-hero{display:flex;flex-direction:column;align-items:center;text-align:center;gap:26px;padding:clamp(28px,4vw,56px) 0 clamp(26px,3.4vw,44px)}
.kob-hero__txt{display:flex;flex-direction:column;align-items:center}
.kob-label{display:inline-flex;align-items:center;gap:12px;font-family:var(--ob-caps);font-size:.78rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ob-gold)}
.kob-label::before,.kob-label::after{content:"";width:28px;height:1px;background:currentColor}
.kob-title{margin:14px 0 0!important;font-family:var(--ob-head)!important;line-height:1!important;text-transform:uppercase;color:var(--ob-ink)}
.kob-title__t{display:block;font-weight:300;font-size:clamp(1.3rem,2.4vw,2.1rem);letter-spacing:.01em;line-height:1.1}
.kob-title__b{display:block;font-weight:800;font-size:clamp(2.4rem,5.6vw,4.6rem);letter-spacing:-.015em;padding:.04em .1em .08em 0;
  background:var(--ob-grad);background-size:170% 220%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  animation:obInk 18s ease-in-out infinite alternate}
@keyframes obInk{0%{background-position:0% 30%}100%{background-position:100% 70%}}

.kob-steps{display:flex;align-items:center;gap:12px;list-style:none;margin:0!important;padding:0!important;font-size:.86rem;color:var(--ob-muted)}
.kob-steps li{display:flex;align-items:center;gap:10px;margin:0}
.kob-steps li + li::before{content:"";width:34px;height:1px;background:var(--ob-gold);opacity:.45;margin-right:2px}
.kob-steps__n{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--ob-caps);font-size:.72rem;font-weight:600;color:var(--ob-gold);box-shadow:inset 0 0 0 1px var(--ob-gold-l);background:rgba(255,255,255,.6)}
.kob-steps .done{color:var(--ob-ink-2)}
.kob-steps .done .kob-steps__n{background:var(--ob-ink);color:var(--ob-gold-l);box-shadow:none}
.kob-steps .cur{color:var(--ob-ink);font-weight:600}
.kob-steps .cur .kob-steps__n{background:var(--ob-accent);color:#fff;box-shadow:0 8px 18px -8px var(--ob-accent)}

/* ---------- ROZLOŽENIE: biele karty ---------- */
/* bloky košíka/pokladne sú „široké“ (alignwide) a vytŕčajú zo stránky – zarovnať s úvodom */
:is(.woocommerce-cart,.woocommerce-checkout) .page-content > :is(.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout),
:is(.woocommerce-cart,.woocommerce-checkout) :is(.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout).alignwide{
  width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
}
:is(.wc-block-cart,.wc-block-checkout).wc-block-components-sidebar-layout{gap:24px!important;margin:0!important;align-items:flex-start}
.wc-block-components-sidebar-layout .wc-block-components-main{
  background:#fff;border-radius:22px;padding:clamp(20px,2.6vw,34px)!important;
  box-shadow:0 1px 0 var(--ob-line),0 30px 60px -50px rgba(35,26,36,.4);
}
.wc-block-components-sidebar-layout .wc-block-components-sidebar{
  background:#fff;border-radius:22px;padding:clamp(20px,2.4vw,30px)!important;
  box-shadow:0 1px 0 var(--ob-line),0 30px 60px -50px rgba(35,26,36,.4);
  position:sticky;top:110px;
}
/* WooCommerce okolo súhrnu v pokladni dáva vlastný rámik – zrušiť, karta je už okolo */
.wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block{border:0!important;border-radius:0!important}
.wc-block-components-sidebar .wc-block-components-panel,
.wc-block-components-sidebar .wc-block-components-totals-wrapper{padding-left:0!important;padding-right:0!important}

/* ---------- KOŠÍK: položky ---------- */
.wc-block-cart-items{border:0!important;margin:0!important}
.wc-block-cart-items__header th,.wc-block-cart-items__header span{
  font-family:var(--ob-caps)!important;font-size:.7rem!important;font-weight:600!important;letter-spacing:.16em!important;color:var(--ob-gold)!important;
}
.wc-block-cart-items__header{border-bottom:1px solid var(--ob-line)!important}
.wc-block-cart-items th{border-top:0!important}
.wc-block-cart-items .wc-block-cart-items__row{border-bottom:1px solid var(--ob-line)!important}
.wc-block-cart-items .wc-block-cart-items__row td{padding-top:24px!important;padding-bottom:24px!important;border:0!important}
.wc-block-cart-items .wc-block-cart-items__row:last-child{border-bottom:0!important}

/* obálka ako kniha */
:is(.wc-block-cart-item__image,.wc-block-components-order-summary-item__image) img{
  width:100%!important;aspect-ratio:.72;object-fit:cover;border-radius:2px 5px 5px 2px!important;
  box-shadow:8px 10px 20px -12px rgba(0,0,0,.5),inset 3px 0 6px rgba(0,0,0,.15);
  transition:transform .5s var(--ob-ease);
}
.wc-block-cart-item__image{width:96px!important;padding-right:22px!important}
.wc-block-cart-item__image a:hover img{transform:rotate(-3deg) translateY(-3px)}

/* názov, cena, popis */
.wc-block-components-product-name{
  display:inline-block;font-family:var(--ob-head)!important;font-weight:700!important;font-size:1.12rem!important;line-height:1.25!important;
  color:var(--ob-ink)!important;text-decoration:none!important;transition:color .3s;
}
a.wc-block-components-product-name:hover{color:var(--ob-accent)!important}
.wc-block-cart-item__prices,.wc-block-components-order-summary-item__individual-prices{font-size:.86rem;color:var(--ob-muted)}
/* dlhý krátky popis knihy v košíku a súhrne netreba */
:is(.wc-block-cart,.wc-block-checkout) .wc-block-components-product-metadata__description{display:none!important}
/* suma vpravo pri knihe sa nezobrazuje – cena je pod názvom knihy, celkovo v súhrne */
.wc-block-cart-item__total,.wc-block-cart-items__header-total{display:none!important}

/* počet kusov – zaoblený prepínač */
.wc-block-components-quantity-selector{
  border:1px solid var(--ob-line)!important;border-radius:999px!important;background:var(--ob-paper)!important;overflow:hidden;
  width:118px!important;height:44px!important;margin:12px 0 0!important;
}
.wc-block-components-quantity-selector::after{display:none!important}
.wc-block-components-quantity-selector__input{
  flex:1 1 auto!important;width:auto!important;padding:0!important;text-align:center!important;
  font-family:var(--ob-body)!important;font-weight:700!important;font-size:.95rem!important;color:var(--ob-ink)!important;
  background:transparent!important;border:0!important;box-shadow:none!important;min-width:0!important;
}
.wc-block-components-quantity-selector__button{
  width:40px!important;min-width:40px!important;border-radius:50%!important;color:var(--ob-ink)!important;opacity:1!important;
  font-size:1.1rem!important;transition:background .25s,color .25s;
}
.wc-block-components-quantity-selector__button:hover:not(:disabled){background:var(--ob-ink)!important;color:#fff!important}
.wc-block-components-quantity-selector__button:disabled{opacity:.3!important}
.wc-block-cart-item__remove-link{
  width:40px!important;height:40px!important;border-radius:50%!important;display:inline-grid!important;place-items:center;margin:12px 0 0 10px!important;
  color:var(--ob-muted)!important;box-shadow:inset 0 0 0 1px var(--ob-line);transition:background .25s,color .25s,box-shadow .25s;
}
.wc-block-cart-item__remove-link:hover{background:#B23A3A!important;color:#fff!important;box-shadow:none}
.wc-block-cart-item__quantity{display:flex;align-items:center}

/* ---------- SÚHRN (košík aj pokladňa) ---------- */
.wc-block-cart__totals-title,.wc-block-components-checkout-order-summary__title-text{
  font-family:var(--ob-caps)!important;font-size:.78rem!important;font-weight:600!important;letter-spacing:.2em!important;
  text-transform:uppercase!important;color:var(--ob-gold)!important;padding:0!important;margin:0 0 6px!important;
}
.wc-block-components-checkout-order-summary__title{border:0!important;padding:0 0 10px!important}
.wc-block-components-totals-wrapper{border-top:1px solid var(--ob-line)!important;padding-top:16px!important;padding-bottom:16px!important}
.wc-block-components-totals-wrapper:first-child,.wc-block-cart__totals-title + .wc-block-components-totals-wrapper{border-top:0!important}
.wc-block-components-totals-item{font-size:.92rem!important}
.wc-block-components-totals-item__label{color:var(--ob-muted)!important}
.wc-block-components-totals-item__value{font-weight:600;color:var(--ob-ink)}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label{color:var(--ob-ink)!important;font-weight:600!important;font-size:1rem!important}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{
  font-family:var(--ob-head)!important;font-weight:800!important;font-size:1.7rem!important;line-height:1!important;letter-spacing:-.01em;color:var(--ob-ink)!important;
}
/* WooCommerce dáva rovnakú classu (…-tax-value) celkovej sume aj sume DPH pod ňou –
   veľké písmo len pre celkovú sumu (je v __value), DPH ostane malé */
.wc-block-components-totals-footer-item{align-items:baseline!important}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value .wc-block-components-totals-footer-item-tax-value{
  font-family:var(--ob-head)!important;font-weight:800!important;font-size:1.7rem!important;line-height:1!important;color:var(--ob-ink)!important;
}
/* „Vrátane 1,63 € DPH 5 %“ – malým písmom, vpravo pod celkovou sumou */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__description{width:100%;margin-top:6px;text-align:right;font-size:.76rem!important;color:var(--ob-muted)!important}
.wc-block-components-totals-footer-item .wc-block-components-totals-footer-item-tax{display:block!important;white-space:normal!important;line-height:1.4}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__description .wc-block-components-totals-footer-item-tax-value{
  display:inline!important;font-family:inherit!important;font-weight:700!important;font-size:inherit!important;line-height:inherit!important;color:var(--ob-ink-2,var(--ob-ink))!important;
}
/* prázdne riadky súhrnu (zľava, poplatky bez hodnoty) nezaberajú miesto */
.wc-block-components-totals-wrapper:empty,
.wc-block-components-totals-wrapper:not(:has(*:not(:empty))){display:none!important}

/* zľavový kód */
.wc-block-components-totals-coupon .wc-block-components-panel__button{
  font-size:.9rem!important;font-weight:600!important;color:var(--ob-ink-2)!important;padding:4px 0!important;
}
.wc-block-components-totals-coupon .wc-block-components-panel__button:hover{color:var(--ob-accent)!important}
.wc-block-components-totals-coupon__form{gap:10px!important}
.wc-block-components-totals-coupon__button{height:52px!important;border-radius:14px!important;background:var(--ob-ink)!important;color:#fff!important;font-weight:600!important;padding:0 20px!important}

/* položky v súhrne pokladne */
.wc-block-components-order-summary .wc-block-components-order-summary-item{padding:10px 0!important}
.wc-block-components-order-summary-item__image{width:56px!important;flex:0 0 56px!important;padding-bottom:0!important}
.wc-block-components-order-summary-item__quantity{
  background:var(--ob-ink)!important;color:var(--ob-gold-l)!important;border:0!important;box-shadow:none!important;
  min-width:22px!important;height:22px!important;font-size:.7rem!important;font-weight:700!important;line-height:22px!important;top:-8px!important;right:-8px!important;
}
.wc-block-components-order-summary-item__description .wc-block-components-product-name{font-size:.95rem!important}
/* suma vpravo pri knihe sa nezobrazuje – cena je pod názvom knihy */
.wc-block-components-order-summary-item__total-price{display:none!important}

/* ---------- TLAČIDLÁ (Pokračovať do pokladne, Objednať) ---------- */
:is(.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button){
  display:flex!important;align-items:center;justify-content:center;gap:12px;width:100%!important;min-height:56px!important;padding:0 26px!important;
  border:0!important;border-radius:999px!important;background:var(--ob-ink)!important;color:#fff!important;
  font-family:var(--ob-body)!important;font-weight:600!important;font-size:.98rem!important;text-decoration:none!important;
  box-shadow:0 14px 30px -16px rgba(35,26,36,.7);
  transition:transform .45s var(--ob-ease),box-shadow .45s var(--ob-ease),background-position .8s var(--ob-ease)!important;
}
:is(.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button):hover{
  transform:translateY(-2px);background:var(--ob-grad)!important;background-size:200% 100%!important;box-shadow:0 20px 40px -16px var(--ob-accent)!important;
}
:is(.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button) .wc-block-components-button__text{text-decoration:none!important}
:is(.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button) .wc-block-components-button__text{
  display:inline-flex!important;align-items:center;justify-content:center;gap:10px;text-align:center;line-height:1.25;
}
:is(.wc-block-cart__submit-button,.wc-block-components-checkout-place-order-button) .wc-block-components-button__text::after{content:"→";font-size:1.1em;line-height:1;flex:none}
.wc-block-cart__submit-container{margin-top:8px}
/* „Späť do košíka“ v pokladni */
.wc-block-components-checkout-return-to-cart-button{color:var(--ob-ink-2)!important;font-weight:600;text-decoration:none!important}
.wc-block-components-checkout-return-to-cart-button:hover{color:var(--ob-accent)!important}

/* ---------- POKLADŇA: kroky formulára ---------- */
.wc-block-checkout__form{counter-reset:obkrok}
.wc-block-components-checkout-step{counter-increment:obkrok;margin:0 0 30px!important;padding:0!important}
.wc-block-components-checkout-step::after{display:none!important}
.wc-block-components-checkout-step__heading{margin:0 0 18px!important}
.wc-block-components-checkout-step__title{
  display:flex!important;align-items:baseline;gap:12px;
  font-family:var(--ob-head)!important;font-weight:700!important;font-size:1.25rem!important;line-height:1.2!important;color:var(--ob-ink)!important;
}
.wc-block-components-checkout-step__title::before{content:counter(obkrok,upper-roman) ".";font-family:var(--ob-caps);font-size:.88rem;font-weight:600;color:var(--ob-gold)}
.wc-block-components-checkout-step__description{color:var(--ob-muted)!important;font-size:.86rem!important}
.wc-block-components-checkout-step__container,.wc-block-components-checkout-step__content{padding:0!important}

/* polia formulára – ako kontaktný formulár na webe */
:is(.wc-block-components-text-input,.wc-block-components-country-input,.wc-block-components-state-input,.wc-blocks-components-select,.wc-block-components-textarea) :is(input,select,textarea){
  border:1px solid var(--ob-line)!important;border-radius:14px!important;background:var(--ob-paper)!important;
  color:var(--ob-ink)!important;font-family:var(--ob-body)!important;font-size:.96rem!important;box-shadow:none!important;
  transition:border-color .2s,box-shadow .2s,background-color .2s;
}
:is(.wc-block-components-text-input,.wc-block-components-country-input,.wc-block-components-state-input,.wc-blocks-components-select) :is(input,select){min-height:56px!important}
:is(.wc-block-components-text-input,.wc-block-components-country-input,.wc-block-components-state-input,.wc-blocks-components-select,.wc-block-components-textarea) :is(input,select,textarea):focus{
  border-color:var(--ob-accent)!important;background-color:#fff!important;box-shadow:0 0 0 4px rgba(183,110,121,.15)!important;outline:none!important;
}
.wc-blocks-components-select .wc-blocks-components-select__container{border:0!important;background:transparent!important;border-radius:14px!important}
:is(.wc-block-components-text-input,.wc-blocks-components-select) label,.wc-blocks-components-select__label{color:var(--ob-muted)!important;font-family:var(--ob-body)!important}
.wc-block-components-text-input.has-error input,.wc-blocks-components-select.has-error select{border-color:var(--ob-err)!important}
.wc-block-components-validation-error{color:var(--ob-err)!important;font-size:.76rem!important}
.wc-block-components-address-form__address_2-toggle,.wc-block-checkout__add-note,.wc-block-checkout__guest-checkout-notice{font-size:.84rem!important;color:var(--ob-ink-2)!important}
.wc-block-components-address-form__address_2-toggle{text-decoration:none!important;font-weight:600}
.wc-block-components-address-form__address_2-toggle:hover{color:var(--ob-accent)!important}

/* zaškrtávacie polia */
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]{
  width:20px!important;height:20px!important;min-width:20px;border:1.5px solid var(--ob-line)!important;border-radius:6px!important;background:#fff!important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked{background:var(--ob-ink)!important;border-color:var(--ob-ink)!important}
.wc-block-components-checkbox .wc-block-components-checkbox__mark{fill:#fff!important}
.wc-block-components-checkbox__label{font-size:.88rem;color:var(--ob-ink-2)}

/* doprava a platba – výber ako karty (jedna karta na možnosť, nie karta v karte) */
.wc-block-components-radio-control{border:0!important;box-shadow:none!important;display:grid;gap:10px}
.wc-block-components-radio-control--highlight-checked::after,
.wc-block-components-radio-control-accordion-option::after,
.wc-block-components-radio-control__option::after{display:none!important;content:none!important}

/* karta = samostatná možnosť (doprava) alebo obal možnosti s popisom (platba) */
.wc-block-components-radio-control > .wc-block-components-radio-control__option,
.wc-block-components-radio-control-accordion-option{
  position:relative;margin:0!important;border:0!important;border-radius:16px!important;background:#fff!important;
  box-shadow:inset 0 0 0 1px var(--ob-line)!important;transition:box-shadow .25s,background .25s;
}
.wc-block-components-radio-control > .wc-block-components-radio-control__option{padding:16px 18px 16px 52px!important}
.wc-block-components-radio-control-accordion-option{padding:16px 18px!important}
.wc-block-components-radio-control > .wc-block-components-radio-control__option:hover,
.wc-block-components-radio-control-accordion-option:hover{box-shadow:inset 0 0 0 1px var(--ob-gold)!important}
.wc-block-components-radio-control > .wc-block-components-radio-control__option-checked,
.wc-block-components-radio-control-accordion-option:has(.wc-block-components-radio-control__option-checked),
.wc-block-components-radio-control-accordion-option--checked-option-highlighted{
  box-shadow:inset 0 0 0 1.5px var(--ob-ink)!important;background:var(--ob-paper)!important;
}
/* možnosť vnútri karty platby – bez vlastného rámika */
.wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option{
  position:relative;margin:0!important;padding:0 0 0 34px!important;border:0!important;box-shadow:none!important;background:transparent!important;min-height:22px;
}
/* krúžok výberu */
.wc-block-components-radio-control__input{
  position:absolute!important;top:50%!important;transform:translateY(-50%)!important;left:18px!important;margin:0!important;
  width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;
  border:1.5px solid rgba(35,26,36,.25)!important;border-radius:50%!important;background:#fff!important;box-shadow:none!important;
}
.wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__input{left:0!important}
.wc-block-components-radio-control__input:checked{border:6px solid var(--ob-accent)!important;background:#fff!important}
.wc-block-components-radio-control__input:checked::before{display:none!important}
.wc-block-components-radio-control__option-layout{padding:0!important}
.wc-block-components-radio-control__label,.wc-block-components-payment-method-label{font-weight:600!important;font-size:.95rem!important;color:var(--ob-ink)!important}
.wc-block-components-radio-control__secondary-label{font-weight:700!important;color:var(--ob-ink)!important}
.wc-block-components-radio-control__description{font-size:.8rem!important;color:var(--ob-muted)!important}
/* popis platby pod názvom, zarovnaný s textom */
.wc-block-components-radio-control-accordion-content{
  padding:6px 0 0 34px!important;margin:0!important;font-size:.84rem!important;line-height:1.5;color:var(--ob-muted)!important;
}
.wc-block-components-radio-control-accordion-content:empty{display:none}

/* darčekové balenie – karta s ikonkou darčeka */
.wc-block-checkout__order-fields,
.wp-block-woocommerce-checkout-order-note-block + .wc-block-checkout__order-fields{margin-top:6px}
.wc-block-components-additional-fields-list .wc-block-components-checkbox,
.wc-block-checkout__order-fields .wc-block-components-checkbox{
  margin:0!important;padding:16px 18px!important;border-radius:16px;background:#fff;
  box-shadow:inset 0 0 0 1px var(--ob-line);transition:box-shadow .25s,background .25s;
}
.wc-block-checkout__order-fields .wc-block-components-checkbox:hover{box-shadow:inset 0 0 0 1px var(--ob-gold)}
.wc-block-checkout__order-fields .wc-block-components-checkbox:has(input:checked){box-shadow:inset 0 0 0 1.5px var(--ob-ink);background:var(--ob-paper)}
.wc-block-checkout__order-fields .wc-block-components-checkbox__label{font-weight:600;font-size:.95rem;color:var(--ob-ink)}
.wc-block-checkout__order-fields .wc-block-components-checkbox__label::before{
  content:"";display:inline-block;vertical-align:-5px;width:22px;height:22px;margin-right:10px;background:var(--ob-accent);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* obchodné podmienky + objednať */
.wc-block-checkout__terms{font-size:.82rem!important;line-height:1.5;color:var(--ob-muted)!important;margin:20px 0 0!important}
.wc-block-checkout__terms--with-separator{border-top:1px solid var(--ob-line)!important;padding-top:20px!important}
.wc-block-checkout__terms a{color:var(--ob-ink-2)!important}
.wc-block-checkout__actions{margin-top:22px!important}

/* hlásenia */
.wc-block-components-notice-banner{
  border-radius:16px!important;border:0!important;padding:14px 18px!important;font-size:.88rem!important;
  box-shadow:inset 0 0 0 1px var(--ob-line)!important;background:var(--ob-paper-2)!important;color:var(--ob-ink-2)!important;
}
.wc-block-components-notice-banner.is-error{background:#FBEDED!important;box-shadow:inset 0 0 0 1px rgba(178,58,58,.25)!important}
.wc-block-components-notice-banner.is-error > svg{background:var(--ob-err)!important}
.wc-block-components-notice-banner.is-success{background:#EDF6F0!important;box-shadow:inset 0 0 0 1px rgba(46,125,79,.25)!important}
.wc-block-components-notice-banner.is-success > svg{background:var(--ob-ok)!important}
.wc-block-components-notice-banner.is-info > svg{background:var(--ob-gold)!important}

/* ---------- PRÁZDNY KOŠÍK ---------- */
.wp-block-woocommerce-empty-cart-block{text-align:center;background:#fff;border-radius:22px;padding:clamp(34px,5vw,64px) clamp(18px,3vw,40px)!important;box-shadow:0 1px 0 var(--ob-line),0 30px 60px -50px rgba(35,26,36,.4)}
/* namiesto smutného smajlíka taška v zlatom krúžku */
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title{
  font-family:var(--ob-head)!important;font-weight:300!important;font-size:clamp(1.7rem,3.2vw,2.6rem)!important;line-height:1.15!important;color:var(--ob-ink)!important;margin:0 0 10px!important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title.with-empty-cart-icon::before,
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title::before{
  width:84px!important;height:84px!important;margin:0 auto 22px!important;display:block;
  background:var(--ob-paper-2)!important;border-radius:50%;box-shadow:inset 0 0 0 1px var(--ob-gold-l);
  -webkit-mask:none!important;mask:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23B8964A' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 13H7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;background-position:center!important;background-size:36px!important;
}
.wp-block-woocommerce-empty-cart-block > p,.wp-block-woocommerce-empty-cart-block .has-text-align-center{color:var(--ob-muted)}
/* „Prechádzať obchodom“ ako tlačidlo */
.wp-block-woocommerce-empty-cart-block p a{
  display:inline-flex;align-items:center;gap:10px;margin-top:6px;padding:15px 26px;border-radius:999px;
  background:var(--ob-ink);color:#fff!important;font-weight:600;font-size:.95rem;text-decoration:none!important;
  box-shadow:0 14px 30px -16px rgba(35,26,36,.7);transition:transform .45s var(--ob-ease),box-shadow .45s;
}
.wp-block-woocommerce-empty-cart-block p a::after{content:"→"}
.wp-block-woocommerce-empty-cart-block p a:hover{transform:translateY(-2px);box-shadow:0 20px 40px -16px var(--ob-accent)}
/* oddeľovač s bodkami → jemná zlatá linka */
.wp-block-woocommerce-empty-cart-block .wp-block-separator{
  border:0!important;height:1px!important;width:min(240px,60%)!important;margin:clamp(34px,5vw,56px) auto 22px!important;opacity:1!important;
  background:linear-gradient(90deg,transparent,var(--ob-gold-l),transparent)!important;
}
.wp-block-woocommerce-empty-cart-block .wp-block-separator::before{display:none!important}
.wp-block-woocommerce-empty-cart-block h2:not(.wc-block-cart__empty-cart__title){
  font-family:var(--ob-caps)!important;font-size:.78rem!important;font-weight:600!important;letter-spacing:.2em!important;text-transform:uppercase;color:var(--ob-gold)!important;margin:0 0 26px!important;
}
/* knihy pod tým – rovnaké karty ako na domovskej stránke */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__products{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 20px;margin:0!important;padding:0!important;list-style:none;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product{
  position:relative;display:flex!important;flex-direction:column;flex:none!important;width:auto!important;max-width:none!important;
  margin:0!important;padding:0!important;border:0!important;text-align:left!important;transition:transform .5s var(--ob-ease);
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product:hover{transform:translateY(-6px)}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link{display:flex;flex-direction:column;color:inherit;text-decoration:none!important}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image{
  position:relative;aspect-ratio:4/5;margin:0!important;border-radius:22px;overflow:hidden;isolation:isolate;
  display:grid!important;place-items:center;perspective:900px;background:var(--ob-paper-2);
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image::before{
  content:"";position:absolute;width:70%;aspect-ratio:1;border-radius:50%;z-index:-1;
  background:rgba(255,255,255,.75);filter:blur(40px);transition:transform .8s var(--ob-ease);
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product:hover .wc-block-grid__product-image::before{transform:scale(1.2)}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img{
  position:relative;width:58%!important;height:auto!important;max-width:none!important;margin:0!important;
  border-radius:2px 6px 6px 2px!important;box-shadow:14px 18px 30px -14px rgba(0,0,0,.45),inset 3px 0 6px rgba(0,0,0,.2)!important;
  transform:rotateY(-14deg) rotateX(3deg)!important;transition:transform .8s var(--ob-ease)!important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product:hover .wc-block-grid__product-image img{transform:rotateY(-4deg) translateY(-6px) scale(1.03)!important}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title{
  margin:16px 4px 4px!important;font-family:var(--ob-head)!important;font-weight:700!important;font-size:1.12rem!important;line-height:1.2!important;
  color:var(--ob-ink)!important;text-decoration:none!important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price{
  display:flex!important;align-items:center;min-height:40px;margin:10px 52px 0 4px!important;
  font-family:var(--ob-body)!important;font-weight:700!important;font-size:1rem!important;color:var(--ob-ink)!important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-onsale{display:none}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart{position:absolute;right:4px;bottom:0;margin:0!important;z-index:2}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart :is(a,button){
  position:relative;display:block!important;width:40px!important;height:40px!important;min-width:0!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:inset 0 0 0 1px var(--ob-line)!important;
  font-size:0!important;color:var(--ob-ink)!important;overflow:hidden;text-indent:-999px;
  transition:background-color .3s,color .3s,transform .4s var(--ob-ease)!important;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart :is(a,button)::before{
  content:"";position:absolute;inset:0;margin:auto;width:18px;height:18px;background:currentColor;text-indent:0;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product:hover .wc-block-grid__product-add-to-cart :is(a,button){
  background:var(--ob-ink)!important;color:#fff!important;box-shadow:none!important;transform:rotate(-45deg);
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .added_to_cart{display:none!important}
@media (max-width:900px){.wp-block-woocommerce-empty-cart-block .wc-block-grid__products{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}}

/* ---------- POĎAKOVANIE (objednávka prijatá) ---------- */
.woocommerce-order{background:#fff;border-radius:22px;padding:clamp(22px,3vw,40px);box-shadow:0 1px 0 var(--ob-line),0 30px 60px -50px rgba(35,26,36,.4)}
/* veta „Ďakujeme. Vaša objednávka bola prijatá.“ – netreba, to isté hovorí úvod nad ňou */
.woocommerce-order .woocommerce-thankyou-order-received{display:none!important}
.woocommerce-order .woocommerce-notice--success:not(.woocommerce-thankyou-order-received){
  font-family:var(--ob-head);font-weight:300;font-size:clamp(1.3rem,2.4vw,1.8rem);line-height:1.3;color:var(--ob-ink);margin:0 0 24px!important;
}
.woocommerce-order-overview{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;list-style:none!important;margin:0 0 30px!important;padding:0!important;
  border-top:0!important;
}
.woocommerce-order-overview::before,.woocommerce-order-overview::after{display:none!important;content:none!important}
.woocommerce-order-overview li{
  float:none!important;width:auto!important;margin:0!important;padding:14px 16px 14px 0!important;
  border:0!important;border-bottom:1px solid var(--ob-line)!important;
  font-family:var(--ob-caps);font-size:.68rem!important;letter-spacing:.16em;text-transform:uppercase;color:var(--ob-gold);
}
.woocommerce-order-overview li strong{display:block;margin-top:4px;font-family:var(--ob-body);font-size:1rem;letter-spacing:0;text-transform:none;color:var(--ob-ink)}
.woocommerce-order h2{
  font-family:var(--ob-caps)!important;font-size:.78rem!important;font-weight:600!important;letter-spacing:.2em!important;text-transform:uppercase;color:var(--ob-gold)!important;margin:30px 0 12px!important;
}
.woocommerce-order table.shop_table{border:0!important;border-collapse:collapse!important;border-radius:0!important;margin:0!important}
.woocommerce-order table.shop_table :is(th,td){border:0!important;border-bottom:1px solid var(--ob-line)!important;padding:14px 0!important;font-size:.92rem;background:transparent!important}
.woocommerce-order table.shop_table tfoot tr:last-child :is(th,td){border-bottom:0!important;font-family:var(--ob-head);font-weight:800;font-size:1.3rem}
.woocommerce-order table.shop_table td.product-total,.woocommerce-order table.shop_table tfoot td{text-align:right}
.woocommerce-order a{color:var(--ob-ink)!important;font-weight:600}
/* súčty objednávky: bežné riadky normálne, zvýraznená len celková suma (posledný riadok s cenou) */
.woocommerce-order table.shop_table tfoot tr:last-child :is(th,td){font-family:var(--ob-body)!important;font-weight:600!important;font-size:.92rem!important}
.woocommerce-order table.shop_table tfoot tr:has(.woocommerce-Price-amount):not(:has(~ tr .woocommerce-Price-amount)) :is(th,td){
  font-family:var(--ob-head)!important;font-weight:800!important;font-size:1.3rem!important;color:var(--ob-ink);
}
.woocommerce-order table.shop_table tfoot th{font-weight:600;color:var(--ob-muted)}
/* ďalšie informácie (darčekové balenie …) – rovnaká karta ako adresa */
.wc-block-order-confirmation-additional-fields-wrapper{margin-top:30px}
.wc-block-order-confirmation-additional-fields-wrapper h2{margin-top:0!important}
.woocommerce-order .wc-block-components-additional-fields-list,
.woocommerce-customer-details .wc-block-components-additional-fields-list{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 20px;margin:0!important;
  border:1px solid var(--ob-line)!important;border-radius:16px;padding:18px 20px!important;background:var(--ob-paper);
}
.wc-block-components-additional-fields-list dt{margin:0!important;font-weight:500;color:var(--ob-ink-2);font-size:.95rem}
.wc-block-components-additional-fields-list dd{margin:0!important;text-align:right;font-weight:700;color:var(--ob-ink);font-size:.95rem}
.wc-block-components-additional-fields-list dt::after{content:none!important}
.woocommerce-customer-details address .wc-block-components-additional-fields-list{border:0!important;padding:8px 0 0!important;background:none}
.woocommerce-customer-details address{border:1px solid var(--ob-line)!important;border-radius:16px!important;padding:18px 20px!important;font-style:normal;line-height:1.7;background:var(--ob-paper)}

/* ---------- MÔJ ÚČET ---------- */
.woocommerce-account .woocommerce{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
.woocommerce-account .woocommerce:has(> .woocommerce-form-login,> .u-columns){grid-template-columns:minmax(0,1fr)}
.woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content,.woocommerce-account .woocommerce > :is(.woocommerce-form-login,.u-columns){
  width:auto!important;float:none!important;background:#fff;border-radius:22px;padding:clamp(20px,2.4vw,30px);
  box-shadow:0 1px 0 var(--ob-line),0 30px 60px -50px rgba(35,26,36,.4);
}
.woocommerce-account .woocommerce > :is(.woocommerce-form-login,.u-columns){max-width:560px}
.woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.woocommerce-MyAccount-navigation li a{display:block;padding:12px 14px;border-radius:12px;color:var(--ob-ink-2)!important;text-decoration:none!important;font-weight:500;transition:background .2s,color .2s}
.woocommerce-MyAccount-navigation li a:hover{background:var(--ob-paper)}
.woocommerce-MyAccount-navigation li.is-active a{background:var(--ob-ink);color:#fff!important}
.woocommerce-account :is(.woocommerce-form-row,.form-row) label{font-size:.78rem;font-weight:600;color:var(--ob-ink-2)}
.woocommerce-account :is(input.input-text,select,textarea){
  min-height:52px;padding:0 16px!important;border:1px solid var(--ob-line)!important;border-radius:14px!important;background:var(--ob-paper)!important;font-size:.96rem;
}
.woocommerce-account textarea{padding:14px 16px!important}
.woocommerce-account :is(input.input-text,select,textarea):focus{border-color:var(--ob-accent)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(183,110,121,.15)!important;outline:none}
.woocommerce-account :is(button.button,.button){
  min-height:50px;padding:0 26px!important;border:0!important;border-radius:999px!important;background:var(--ob-ink)!important;color:#fff!important;font-weight:600!important;
  transition:transform .45s var(--ob-ease),box-shadow .45s!important;
}
.woocommerce-account :is(button.button,.button):hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(35,26,36,.6)}
.woocommerce-account table.shop_table{border:0!important;border-radius:0!important}
.woocommerce-account table.shop_table :is(th,td){border:0!important;border-bottom:1px solid var(--ob-line)!important;padding:12px 8px!important}

/* hlásenia (pridané do košíka, odstránené…) sú vyskakovacie okienka – viď style.css */


/* ---------- ZVYŠKY Z TÉMY HELLO ----------
   Hello téma dáva všetkým tlačidlám ružový okraj a ružové pozadie pri prejdení myšou
   a odkazom ružovú farbu. V košíku a pokladni to rušíme – vlastné tlačidlá majú štýl vyššie. */
:is(.wc-block-cart,.wc-block-checkout) :is(button,[type=button],[type=submit]):not(.wc-block-cart__submit-button):not(.wc-block-components-checkout-place-order-button):not(.wc-block-components-totals-coupon__button):not(.wc-block-components-address-card__edit){
  border-color:transparent!important;
}
:is(.wc-block-cart,.wc-block-checkout) :is(button,[type=button]):not(.wc-block-cart__submit-button):not(.wc-block-components-checkout-place-order-button):not(.wc-block-components-totals-coupon__button):not(.wc-block-components-address-card__edit):not(.wc-block-components-quantity-selector__button):is(:hover,:focus){
  background-color:transparent;color:inherit;
}
:is(.wc-block-cart,.wc-block-checkout,.woocommerce-order,.woocommerce-MyAccount-content,.woocommerce-account .woocommerce) a:not(.wc-block-components-button):not(.button):not(.wc-block-components-product-name){
  color:var(--ob-ink-2);
}
:is(.wc-block-cart,.wc-block-checkout,.woocommerce-order,.woocommerce-MyAccount-content,.woocommerce-account .woocommerce) a:not(.wc-block-components-button):not(.button):not(.wc-block-components-product-name):hover{
  color:var(--ob-accent);
}
/* rozbaľovacie „Pridať zľavový kód“ a podobné – bez pozadia */
.wc-block-components-panel__button{background:none!important;border:0!important;box-shadow:none!important}
.wc-block-components-panel__button:hover,.wc-block-components-panel__button:focus{background:none!important;color:var(--ob-accent)!important}

/* zľavový kód – pole a tlačidlo v jednej výške */
.wc-block-components-totals-coupon__form{display:flex!important;align-items:stretch;gap:10px!important}
.wc-block-components-totals-coupon__form .wc-block-components-text-input{flex:1;margin:0!important}
.wc-block-components-totals-coupon__form .wc-block-components-text-input input{min-height:52px!important;height:52px}
.wc-block-components-totals-coupon__button{
  flex:none;height:52px!important;min-height:52px!important;margin:0!important;padding:0 22px!important;
  border:0!important;border-radius:14px!important;background:var(--ob-ink)!important;color:#fff!important;
  font-family:var(--ob-body)!important;font-weight:600!important;font-size:.92rem!important;box-shadow:none!important;opacity:1!important;
  transition:background .3s,transform .3s!important;
}
.wc-block-components-totals-coupon__button:hover:not(:disabled),.wc-block-components-totals-coupon__button:focus:not(:disabled){
  background:var(--ob-accent)!important;color:#fff!important;transform:translateY(-1px);
}
/* kým nie je napísaný kód – svetlé, nie sivé */
.wc-block-components-totals-coupon__button:disabled{background:var(--ob-paper-2)!important;color:var(--ob-muted)!important;cursor:not-allowed}
.wc-block-components-totals-coupon__button .wc-block-components-button__text{text-decoration:none!important}

/* uložená adresa v pokladni (karta s tlačidlom Upraviť) */
.wc-block-components-address-card{
  display:flex!important;align-items:center;justify-content:space-between;gap:16px;
  margin:0!important;padding:18px 20px!important;border:1px solid var(--ob-line)!important;border-radius:16px!important;
  background:var(--ob-paper)!important;font-family:var(--ob-body);font-size:.95rem;line-height:1.6;color:var(--ob-ink-2);
}
.wc-block-components-address-card address{margin:0!important;font-style:normal}
.wc-block-components-address-card__address-section--primary{font-weight:700;color:var(--ob-ink)}
.wc-block-components-address-card__address-section--secondary{color:var(--ob-muted)}
.wc-block-components-address-card__edit{
  /* margin-left:auto = tlačidlo vždy vpravo (justify-content karty prepisuje iné pravidlo na flex-start) */
  flex:none;margin:0 0 0 auto!important;padding:9px 18px!important;border:0!important;border-radius:999px!important;
  background:#fff!important;color:var(--ob-ink)!important;box-shadow:inset 0 0 0 1px rgba(35,26,36,.15)!important;
  font-family:var(--ob-body)!important;font-size:.84rem!important;font-weight:600!important;line-height:1.2!important;text-decoration:none!important;
  transition:background .25s,color .25s,box-shadow .25s!important;
}
.wc-block-components-address-card__edit:hover,.wc-block-components-address-card__edit:focus{
  background:var(--ob-ink)!important;color:#fff!important;box-shadow:none!important;
}

/* skrývanie/zobrazenie hesla, zatváranie hlásení a pod. – bez ružového rámika */
:is(.wc-block-cart,.wc-block-checkout) :is(.wc-block-components-notice-banner__dismiss,.wc-block-components-show-password-button){border:0!important;background:none!important}

/* ---------- TABLET / MOBIL ---------- */
@media (max-width:1024px){
  .wc-block-components-sidebar-layout .wc-block-components-sidebar{position:static}
}
@media (max-width:767px){
  .kob-steps{font-size:.78rem;gap:8px;flex-wrap:wrap;justify-content:center}
  .kob-steps li + li::before{width:16px}
  .kob-steps__n{width:30px;height:30px}
  .wc-block-components-sidebar-layout .wc-block-components-main,
  .wc-block-components-sidebar-layout .wc-block-components-sidebar{border-radius:18px}
  .wc-block-cart-item__image{width:76px!important;padding-right:14px!important}
  .woocommerce-account .woocommerce{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.kob-title__b{animation:none}}

/* ---------- POĎAKOVANIE – tlačidlo „Späť do e-shopu“ ---------- */
.woocommerce-order .kob-spat{margin:34px 0 0!important;display:flex;justify-content:center}
.woocommerce-order a.kob-spat__btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 34px;
  border-radius:999px;background:var(--ob-ink);color:#fff!important;
  font-family:var(--ob-body);font-weight:600;font-size:.98rem;text-decoration:none!important;
  box-shadow:0 14px 30px -16px rgba(35,26,36,.7);
  transition:transform .45s var(--ob-ease),box-shadow .45s var(--ob-ease),background-position .8s var(--ob-ease);
}
.woocommerce-order a.kob-spat__btn::before{content:"←";font-size:1.1em;line-height:1;transition:transform .45s var(--ob-ease)}
.woocommerce-order a.kob-spat__btn:hover{transform:translateY(-2px);background:var(--ob-grad);background-size:200% 100%;color:#fff!important;box-shadow:0 20px 40px -16px var(--ob-accent)}
.woocommerce-order a.kob-spat__btn:hover::before{transform:translateX(-4px)}
@media (max-width:767px){.woocommerce-order .kob-spat{margin-top:26px!important}.woocommerce-order a.kob-spat__btn{width:100%}}