/* Fits the Stilo Fincan bottom bar into the storefront's existing .shop-dock stack:
   purchase/payment dock (when present) sits above, the bar below, never overlapping. */
html body .shop-dock>.bottom-nav,html body .shop-dock>.bottom-nav.bespoke-nav,html body .shop-dock>.bottom-nav.bespoke-legacy{display:none!important}
html body .shop-dock{left:0;right:0;bottom:0;width:auto;max-width:none;transform:none;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;display:flex;flex-direction:column;pointer-events:none}
html body .shop-dock>*{pointer-events:auto}
html body .shop-dock>.purchase-dock{width:min(calc(100% - 20px),600px);margin:0 auto 6px;border-radius:18px;background:#fffaf6;box-shadow:0 8px 24px #1d1a1624;align-self:center}
html body .shop-dock>.purchase-dock[hidden]{display:none}
html body .shop-dock>#moka-bottom-bar{pointer-events:none;width:100%}
html body .shop-dock .moka-dock-fixed{position:relative;left:auto;right:auto;bottom:auto;--moka-dock-z:1;--moka-dock-page:transparent}
html body .shop-dock .moka-dock-fixed::before{display:none}
html body .shop-dock .moka-dock-fixed[data-visible="false"]{display:none}
html body .shop-dock .moka-dock__link{pointer-events:auto}
html body .store-shell[data-route=checkout] .shop-dock{bottom:var(--checkout-keyboard-inset,0px)}
html body .store-shell[data-route=checkout][data-keyboard=open] .shop-dock>.purchase-dock{margin-bottom:-14px}
/* Keep the real checkout action, not the clipped legacy button, above the keyboard. */
html body .store-shell[data-route=checkout][data-keyboard=open] .moka-dock{display:none}
html body .store-shell[data-route=checkout][data-keyboard=open] .moka-dock-fixed{padding-bottom:8px;transition:none}
html body .store-shell[data-route=checkout][data-keyboard=open] .store-content{padding-bottom:calc(140px + var(--checkout-keyboard-inset,0px))}

/* v2: the package action button replaces the old purchase dock's visual price/button.
   The original controls stay in the DOM as the source of truth; only extras (order summary toggle, one-more) remain visible. */
html body .shop-dock>.purchase-dock .purchase-dock-price,
html body .shop-dock>.purchase-dock .purchase-dock-button{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important}
html body .shop-dock>.purchase-dock:not(:has(.dock-shipband,.sc-total-breakdown:not([hidden]),.purchase-dock-more)){display:none!important}
html body .shop-dock>.purchase-dock{position:relative;display:flex;flex-direction:column;align-items:stretch!important;gap:0!important;padding:0 0 14px!important;min-height:0;width:min(calc(100% - 20px),600px)!important;max-width:var(--moka-dock-max-width,600px);margin:0 auto -14px;border-radius:18px 18px 0 0;background:#fffaf6;box-shadow:0 -8px 24px #1d1a1618;overflow:hidden}
html body .shop-dock>.purchase-dock .purchase-dock-actions{display:flex;justify-content:flex-end;gap:8px;padding:6px 10px}
html body .shop-dock>.purchase-dock .sc-total-breakdown{position:static;display:block;width:100%;padding:14px 18px 12px;background:transparent;border-radius:0;box-shadow:none;color:#1d1a16}
html body .shop-dock>.purchase-dock .sc-total-breakdown[hidden]{display:none}
html body .shop-dock>.purchase-dock .sc-total-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 4px}
html body .shop-dock>.purchase-dock .sc-total-breakdown h2{margin:0;font-size:15px;font-weight:700}
html body .shop-dock>.purchase-dock .sc-total-close{display:grid;place-items:center;width:32px;height:32px;margin-right:-6px;border:0;border-radius:50%;background:#1d1a160f;color:#1d1a16;cursor:pointer}
html body .shop-dock>.purchase-dock .sc-total-close svg{width:16px;height:16px}
html body .shop-dock>.purchase-dock .sc-total-breakdown>div:not(.sc-total-head){display:flex;justify-content:space-between;margin-top:8px;font-size:14px}
html body .shop-dock>.purchase-dock .sc-total-breakdown>.sc-total-sum{border-top:1px solid #1d1a1620;padding-top:10px;font-weight:700}
html body .shop-dock>.purchase-dock .dock-shipband{display:flex;align-items:center;gap:8px;padding:8px 10px 8px 12px;background:#f3eeff;border-top:1px solid #ddd0fb;color:#6d3fd6;font-family:inherit;font-size:12px;font-weight:600;line-height:1.35}
html body .shop-dock>.purchase-dock .dock-shipband-text{flex:1;min-width:0}
html body .shop-dock>.purchase-dock .dock-shipband svg{width:18px;height:18px}
html body .shop-dock>.purchase-dock .dock-shipband button{display:grid;place-items:center;width:28px;height:28px;border:0;background:transparent;color:#6d3fd6;cursor:pointer}
html body .shop-dock>.purchase-dock .purchase-dock-more{display:inline-flex;align-items:center;gap:6px;min-height:36px;width:auto;padding:0 12px;border-radius:12px;border:1px solid #1d1a1633;background:#fff;color:#1d1a16;font:600 .8125rem/1 inherit}
html body .shop-dock>.purchase-dock .purchase-dock-more::after{content:"Bir takım daha"}
html body .shop-dock>.purchase-dock .purchase-dock-more:disabled{opacity:.45}
html body .shop-dock .sc-shipband{display:none!important}

/* Action label: geometrically centered on the bar (over the cart circle), summary + chevron on the left. */
html body .moka-action{--moka-sum-w:116px}
html body .moka-action[data-has-amount=true] .moka-action__content{grid-template-columns:var(--moka-sum-w) minmax(0,1fr) 30px;padding-left:12px;gap:6px}
html body .moka-action__summary{position:relative;padding-right:30px;border-right:1px solid #ffffff26}
html body .moka-action__eyebrow{font-size:11px;line-height:12px;font-weight:600;color:#d6d7da}
html body .moka-action__amount{margin-top:1px;font-size:24px;line-height:26px;font-weight:800;letter-spacing:-.6px;overflow:visible;text-overflow:clip}
html body .moka-action__summary{display:flex;flex-direction:column;justify-content:center}
/* Product actions have no summary arrow: let the price use that space. */
html body #moka-bottom-bar:not(:has(.moka-action__summary-toggle:not([hidden]))) .moka-action__summary{padding-right:6px}
html body #moka-bottom-bar:has(.moka-action__summary-toggle:not([hidden])) .moka-action__amount{font-size:19px}
html body .moka-action__label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 2*(var(--moka-sum-w) + 12px));overflow:visible;text-overflow:clip;font-size:16px;line-height:18px;font-weight:800;letter-spacing:-.2px;text-align:center;white-space:normal;text-wrap:balance}
html body .moka-action__direction{position:absolute;right:16px;top:50%;transform:translateY(-50%)}
html body .moka-action:not([data-has-amount=true]) .moka-action__label{max-width:calc(100% - 140px)}
html body .moka-action__summary-toggle{position:absolute;z-index:3;left:calc(12px + var(--moka-sum-w) - 33px);top:calc(3px + 11px);width:26px;height:26px;display:grid;place-items:center;padding:0;border:1px solid #ffffff55;border-radius:50%;background:#ffffff1f;color:#fff;cursor:pointer;pointer-events:auto;touch-action:manipulation}
html body .moka-action__summary-toggle[hidden]{display:none}
html body .moka-action__summary-toggle svg{transition:transform 180ms ease}
html body .moka-action__summary-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
html body .moka-action__summary-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (max-width:430px){html body .moka-action{--moka-sum-w:112px}html body .moka-action__amount{font-size:22px}html body #moka-bottom-bar:has(.moka-action__summary-toggle:not([hidden])) .moka-action__amount{font-size:18px}}
@media (max-width:360px){html body .moka-action{--moka-sum-w:100px}html body .moka-action[data-has-amount=true] .moka-action__content{padding-left:10px;gap:4px}html body .moka-action__eyebrow{font-size:10px}html body .moka-action__amount{font-size:18px;letter-spacing:-.6px}html body #moka-bottom-bar:has(.moka-action__summary-toggle:not([hidden])) .moka-action__amount{font-size:16px}html body .moka-action__label{font-size:16px;letter-spacing:-.3px}html body .moka-action__summary{padding-right:26px}html body .moka-action__summary-toggle{left:calc(10px + var(--moka-sum-w) - 31px);width:24px;height:24px}}
@media (prefers-reduced-motion:reduce){html body .moka-action__summary-toggle svg{transition:none}}

/* One primary button language across customer pages (icon/text utility controls are untouched). */
html body :is(.primary-button,.pay-done,.checkout-submit,.cart-added-primary,.payment-reason-confirm,.location-retry):not(.purchase-dock-button){background:linear-gradient(180deg,#303133,#0c0d0e);border:1px solid #0c0d0e;color:#fff;border-radius:16px;font-weight:600;box-shadow:0 6px 16px #0c0d0e2e}
html body :is(.primary-button,.pay-done,.checkout-submit,.cart-added-primary,.payment-reason-confirm,.location-retry):not(.purchase-dock-button):is(:hover,:focus-visible):not(:disabled){background:linear-gradient(180deg,#3a3b3e,#141516)}
html body :is(.primary-button,.pay-done,.checkout-submit,.cart-added-primary,.payment-reason-confirm,.location-retry):not(.purchase-dock-button):disabled{opacity:.5;box-shadow:none}

/* Invoice/payment: the page's own fixed CTA stays in the DOM as source of truth but is replaced visually by the dock action. */
html body .store-shell:is([data-route=invoice],[data-route=payment]) .store-content .checkout-fixed-action{position:absolute!important;inset:auto auto auto 0!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important;border:0!important}
html body .store-shell:is([data-route=invoice],[data-route=payment]) .store-content .checkout-fixed-action .primary-button{pointer-events:none!important}
@media (max-width:340px){html body .moka-action__label{font-size:14px}}

/* Preserve the original sculpted bar, circular cart and centred action label.
   Keep the non-visual fixes for the extra symbol and longer monetary amounts. */
html body #fincan-store .moka-action[data-has-amount=true] .moka-action__symbol{display:none}
html body #fincan-store .moka-action__amount {
  display:block;
  max-width:100%;
  font-size:var(--moka-amount-font,19px)!important;
  line-height:24px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
}