/* Shared floating confirmation bar: all store templates, product pages and landing pages. */
.sq-order-action-slot{height:118px;margin-top:14px;clear:both}.sq-order-action{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px 10px 22px;min-height:82px;border:1px solid var(--border,#e1e6dd);border-radius:999px;background:var(--surface,#fff);color:var(--ink,#111);box-shadow:0 8px 35px #172b251a;direction:ltr;isolation:isolate}.sq-order-action.is-floating{position:fixed;left:var(--order-action-left,12px);width:var(--order-action-width,calc(100vw - 24px));bottom:max(14px,env(safe-area-inset-bottom));z-index:65}.sq-order-action-price{display:flex;flex-direction:column;align-items:flex-end;text-align:left;min-width:0;flex:1;gap:2px;direction:rtl;line-height:1.35}.sq-order-action-price>small{font-size:11px;white-space:normal;color:var(--muted,#444)}.sq-order-action-price>bdi{font-size:21px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.3;color:var(--ink,#111);overflow-wrap:anywhere}.sq-order-action-price>small:last-child{font-size:9px}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:auto!important;min-width:148px;max-width:62%;min-height:54px;margin:0;padding:12px 21px;border-radius:999px!important;border:0;font-family:inherit;font-size:14px;font-weight:750;line-height:1.4;background:var(--lp-button-bg,var(--accent));color:var(--lp-button-color,var(--surface));box-shadow:none;direction:rtl;transform:none!important;flex:none;white-space:normal;transition:filter .2s,opacity .2s}html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit svg{width:21px;height:21px;flex:none;margin:0}html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit:hover:enabled{background:var(--lp-button-bg,var(--accent));filter:brightness(.94)}html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit:disabled{opacity:.58;cursor:not-allowed}html .sq-order-action[hidden]{display:none!important}html .sq-order-action .quick-submit:focus-visible{outline:3px solid var(--ink);outline-offset:3px}html[data-store-theme=dark] .sq-order-action{box-shadow:0 8px 35px #0005}
@media(max-width:420px){.sq-order-action{gap:10px;padding:9px 10px 9px 17px;min-height:78px}.sq-order-action-price>bdi{font-size:19px}.sq-order-action-price>small{font-size:10px}html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit{min-width:138px;min-height:51px;padding:11px 16px;font-size:13px}}@media(max-width:340px){.sq-order-action-price>bdi{font-size:17px}html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit{min-width:120px;padding:10px 12px;font-size:12px}}@media print{.sq-order-action{position:static!important;box-shadow:none}}

.quick-quote-note:empty{display:none}

/* The anchor retains the action's full height when its bar floats. */
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action-slot{height:auto;min-height:96px;margin-top:14px}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit{background:var(--order-button-bg,var(--accent));color:var(--order-button-ink,var(--surface));opacity:1}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit:hover:enabled{background:var(--order-button-bg,var(--accent))}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit:disabled{filter:saturate(.65);cursor:not-allowed}
.sq-order-action-price{align-items:center;text-align:center;background:#fff4bd;border:1px solid #eccb53;border-radius:17px;padding:7px 10px;color:#23271f;min-height:56px}
.sq-order-action-price>bdi,.sq-order-action-price>small{color:#23271f}

/* Identical geometry in its form slot and in the floating state. */
.sq-order-action{border-radius:var(--order-action-radius,18px);width:100%;box-sizing:border-box}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit{border-radius:var(--order-action-radius,18px)!important}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit svg{color:inherit;stroke:currentColor}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) input[name=phone]{direction:inherit;text-align:start}

/* Match the supplied shopping-bag reference exactly. */
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit,
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit:hover:enabled,
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit:disabled{background:#24313b!important;color:#fff!important;opacity:1;filter:none}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit svg{stroke:#fff!important;color:#fff!important}
.sq-order-action-price{background:#ffd15c;border-color:#ffd15c;color:#24313b}
.sq-order-action-price>bdi,.sq-order-action-price>small{color:#24313b}

/* Dark navy across the entire confirmation frame; retain the yellow total. */
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action{background:#24313b!important;border-color:#24313b!important;color:#fff;box-shadow:0 5px 18px #17232e18}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit svg{stroke-width:1.25!important;width:20px;height:20px}

/* Compact confirmation strip in both inline and floating positions. */
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action{min-height:58px;padding:6px 8px;gap:8px;border-radius:16px}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit{min-height:42px;min-width:120px;padding:7px 12px;font-size:13px;font-weight:600;gap:7px;border-radius:12px!important}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action-price{min-height:42px;padding:4px 9px;gap:0;border-radius:11px;line-height:1.2}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action-price>bdi{font-size:17px;line-height:1.2}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action-price>small{font-size:9px;line-height:1.25}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action-price>small:last-child{font-size:8px}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit svg{width:18px;height:18px;stroke-width:1.25!important}

/* Clear two-line total: label above the final amount. */
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action-price>small:first-child{font-size:11px;line-height:1.4}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action-price>bdi{font-size:21px;font-weight:800;line-height:1.3}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action-price>small:last-child{display:none}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit{font-size:14px}

/* A quiet looping sheen highlights the total without moving its text. */
.sq-order-action-price{position:relative;overflow:hidden;isolation:isolate}
.sq-order-action-price::after{content:"";position:absolute;inset:-40% auto -40% -60%;width:36%;background:linear-gradient(100deg,transparent,#ffffff65,transparent);transform:skewX(-18deg);pointer-events:none;z-index:-1;animation:sq-total-sheen 4.8s ease-in-out infinite}
@keyframes sq-total-sheen{0%,65%{left:-60%;opacity:0}70%{opacity:1}95%,100%{left:140%;opacity:0}}
@media(prefers-reduced-motion:reduce){.sq-order-action-price::after{animation:none;display:none}}

@media(max-width:760px){
 html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit{min-width:104px;padding-inline:9px;gap:5px}
 html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action-price{padding-inline:6px}
 html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action-price>small:first-child{font-size:10px}
}

.sq-order-action-price>bdi{white-space:nowrap;overflow-wrap:normal}
@media(max-width:360px){
 html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action{gap:5px;padding:6px}
 html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit{min-width:88px;padding-inline:5px;font-size:12px;gap:4px}
 html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action-price{padding-inline:4px}
 html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action-price>bdi{font-size:18px}
 html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action-price>small:first-child{font-size:9px}
}

/* Only mark invalid fields after a confirmation attempt. */
html :is(#storeLanding,#productContent,#cardOrderContent) .sq-field-invalid{border:1px solid #d98585!important;background:#fff3f3!important;outline:none!important;box-shadow:0 0 0 2px #df777714!important}
html :is(#storeLanding,#productContent,#cardOrderContent) .quick-consent:has(.sq-field-invalid){background:#fff3f3;border-radius:8px;color:#a33d3d;padding:5px}
.sq-selection-invalid{border:1px solid #d98585!important;border-radius:10px;background:#fff6f6!important}

/* One native submit target spans price, bag icon and surrounding action bar. */
.sq-order-action{position:relative}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit{position:static!important;filter:none!important}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:4;cursor:pointer}
html :is(#storeLanding,#productContent,#cardOrderContent,#checkout) .sq-order-action .quick-submit:disabled::after{cursor:not-allowed}
.sq-order-action:has(.quick-submit:focus-visible){outline:2px solid #ffd458;outline-offset:3px}

/* Desktop reading layout: the checkout shares the full height of gallery + details. */
@media(min-width:1001px){
 html[data-store-template] .store-frame{overflow:visible}
 html #productPage .pdp-shell{display:block}
 html #productPage .pdp-breadcrumb{grid-column:1/-1;grid-row:1;direction:rtl}
 html #productPage .pdp-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,1fr);gap:24px 32px;align-items:start;direction:ltr}
 html #productPage .pdp-gallery{grid-column:1;grid-row:1;align-self:start;position:relative;top:auto}
 html #productPage .pdp-summary{grid-column:2;grid-row:1/span 2;align-self:start;min-width:0;direction:rtl;position:sticky;top:min(var(--checkout-header-offset,104px),calc(100dvh - var(--checkout-panel-height,900px) - 18px));max-height:none;overflow:visible}
 html #productPage .pdp-information{grid-column:1;grid-row:2;display:block;min-width:0;margin-top:24px;direction:rtl}
 html #productPage .pdp-related,html #productPage .pdp-bottom-link{grid-column:1/-1;direction:rtl}
 html #storeLanding .lp-order-form{align-self:start;position:sticky;top:min(var(--checkout-header-offset,104px),calc(100dvh - var(--checkout-panel-height,900px) - 18px));max-height:none;overflow:visible}
 html #storeLanding .lp-gallery{position:relative;top:auto;align-self:start}
 html[dir=ltr] #productPage :is(.pdp-breadcrumb,.pdp-summary,.pdp-information,.pdp-related,.pdp-bottom-link){direction:ltr}
}