/* 2026-11-09 Cart + checkout UX (siuvimomanija.lt). Loaded after studija-live.css; uses its tokens (--ink, --orange, --line-field ...).
   Plain look on purpose: same buttons, borders and type as the rest of the shop. */

.sm-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* ---------- add-to-cart confirmation: a small panel at the bottom right, never over the header or cart button ---------- */
#notification{position:fixed;z-index:1200;right:16px;bottom:calc(16px + var(--sm-stack-h,0px));left:auto;top:auto;width:min(420px,calc(100vw - 32px));margin:0;pointer-events:none;}
#notification:empty{display:none;}
#notification>div{pointer-events:auto;position:relative;margin:0;padding:14px 44px 14px 16px!important;border:1px solid var(--line-field,#a9a397)!important;border-left:4px solid var(--ok,#2e6b47)!important;border-radius:var(--r-m,8px);background:#fff!important;color:var(--ink,#1b2430)!important;box-shadow:var(--shadow-lift,0 10px 24px -14px rgba(27,36,48,.28));font:15px/1.45 var(--font,Tahoma,sans-serif);text-align:left!important;text-transform:none!important;}
#notification>div.warning{border-left-color:var(--error,#a8321c)!important;}
#notification>div>i.icon-thumbs-up{display:none;}
#notification>div a{color:var(--ink,#1b2430)!important;text-decoration:underline;}
#notification a.sm-n-cart{display:inline-flex;align-items:center;min-height:40px;margin-top:10px;padding:8px 14px;border-radius:6px;background:var(--orange,#f38133);color:var(--ink,#1b2430)!important;font-weight:600;text-decoration:none;}
#notification a.sm-n-cart:hover{background:var(--orange-hover,#e8742a);}
#notification>div b:first-child{display:block;margin-bottom:2px;}
#notification .icon-remove-sign,#notification>div>span:last-child{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0!important;font-size:20px!important;color:var(--muted,#5b6370);cursor:pointer;}
#notification>div>span:last-child .icon-remove-sign{position:static;width:auto;height:auto;}
#notification>div>img{display:none;}
@media (max-width:639px){#notification{right:8px;left:8px;bottom:calc(8px + var(--sm-stack-h,0px));width:auto;}}

/* ---------- cart page ---------- */
.sm-cart{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start;margin:8px 0 32px;}
.sm-cart-items{list-style:none;margin:0;padding:0;border-top:1px solid var(--hairline,#e0dbd1);}
.sm-cart-item{display:grid;grid-template-columns:96px minmax(0,1fr) auto auto;gap:8px 20px;align-items:start;padding:16px 0;border-bottom:1px solid var(--hairline,#e0dbd1);}
.sm-cart-item.is-busy{opacity:.5;}
.sm-ci-img img{display:block;width:96px;height:auto;max-height:96px;object-fit:contain;background:#fff;border:1px solid var(--hairline,#e0dbd1);border-radius:6px;}
.sm-ci-body{min-width:0;font-size:14px;color:var(--muted,#5b6370);}
.sm-ci-body>*{display:block;}
.sm-ci-body .stock{display:inline;color:var(--error,#a8321c);font-weight:700;}
a.sm-ci-name,span.sm-ci-name{margin-bottom:4px;color:var(--ink,#1b2430)!important;font-size:16px;font-weight:600;line-height:1.35;text-decoration:none;overflow-wrap:anywhere;}
a.sm-ci-name:hover{text-decoration:underline;}
.sm-ci-opts{list-style:none;margin:0 0 4px;padding:0;color:var(--ink,#1b2430);}
.sm-ci-opts li{margin:0;}
.sm-ci-unit{margin-top:4px;}
.sm-ci-qty{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:14px;}
.sm-ci-qty label{margin:0;font-size:13px;color:var(--muted,#5b6370);}
.sm-stepper{display:inline-flex;align-items:stretch;border:1px solid var(--line-field,#a9a397);border-radius:6px;background:#fff;overflow:hidden;}
.sm-stepper .sm-step{width:44px;min-height:44px;margin:0;padding:0;border:0;background:#fff;color:var(--ink,#1b2430);font:600 20px/1 var(--font,Tahoma,sans-serif);cursor:pointer;}
.sm-stepper .sm-step:hover{background:var(--paper,#f6f4ef);}
.sm-stepper .sm-step:disabled{color:var(--line,#cfc9be);cursor:default;background:#fff;}
.sm-stepper .sm-step:focus-visible{outline:3px solid var(--focus,#283c50);outline-offset:-3px;}
body.sm-studija .sm-stepper input[type=number]{width:56px;min-height:44px;height:44px;margin:0;padding:0 4px;border:0;border-left:1px solid var(--hairline,#e0dbd1);border-right:1px solid var(--hairline,#e0dbd1);border-radius:0;box-shadow:none;text-align:center;font-size:16px;color:var(--ink,#1b2430);-moz-appearance:textfield;}
.sm-stepper input[type=number]::-webkit-inner-spin-button,.sm-stepper input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
.sm-ci-min{color:var(--muted,#5b6370);}
a.sm-ci-remove{display:inline-flex;align-items:center;min-height:32px;color:var(--muted,#5b6370)!important;text-decoration:underline;}
a.sm-ci-remove:hover{color:var(--error,#a8321c)!important;}
.sm-ci-total{min-width:96px;text-align:right;font-size:16px;font-weight:700;color:var(--ink,#1b2430);white-space:nowrap;}
.sm-cart-update{display:flex;align-items:center;gap:12px;margin-top:12px;}
html body.sm-studija #content .sm-cart.sm-js .sm-cart-update #sm-cart-update{display:none!important;}
html body.sm-studija #content .sm-cart.sm-js.sm-dirty .sm-cart-update #sm-cart-update{display:inline-flex!important;}
.sm-cart-busy{color:var(--muted,#5b6370);font-size:14px;}
#form-cart.is-busy .sm-cart-items{opacity:.6;}

.sm-cart-summary{position:sticky;top:16px;padding:20px;border:1px solid var(--hairline,#e0dbd1);border-radius:var(--r-m,8px);background:#fff;}
body.sm-studija .sm-cart-summary h2,body.sm-studija .sm-co-summary h2{margin:0 0 12px!important;font-size:19px!important;line-height:1.3;}
.sm-totals,.sm-co-totals{width:100%;margin:0 0 16px;border-collapse:collapse;font-size:15px;}
.sm-totals th,.sm-totals td,.sm-co-totals th,.sm-co-totals td{padding:6px 0;border:0;background:none!important;text-transform:none!important;letter-spacing:0;font-weight:400;text-align:left;vertical-align:top;color:var(--ink,#1b2430);}
.sm-totals td,.sm-co-totals td{text-align:right;white-space:nowrap;padding-left:12px;}
.sm-totals tr.is-pending td,.sm-co-totals tr.sm-co-pending td{white-space:normal;color:var(--muted,#5b6370);font-size:14px;}
.sm-totals tr.sm-t-total th,.sm-totals tr.sm-t-total td,.sm-co-totals tr.sm-co-grand th,.sm-co-totals tr.sm-co-grand td{padding-top:12px;border-top:1px solid var(--hairline,#e0dbd1);font-size:18px;font-weight:700;}
body.sm-studija #content a.sm-cart-go{display:flex!important;width:100%;}
.sm-cart-summary .sm-co-hint{margin:10px 0 12px;}
a.sm-cart-back{display:inline-flex;align-items:center;gap:6px;min-height:40px;color:var(--ink,#1b2430)!important;text-decoration:underline;}

.sm-co-hint{display:block;margin:4px 0 0;font-size:14px;line-height:1.4;color:var(--muted,#5b6370);}

.sm-cart-extra{margin-top:24px;border:1px solid var(--hairline,#e0dbd1);border-radius:var(--r-m,8px);background:#fff;}
.sm-cart-extra>summary,.sm-pay-comment>summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;cursor:pointer;font-weight:600;color:var(--ink,#1b2430);list-style:none;}
.sm-cart-extra>summary::-webkit-details-marker,.sm-pay-comment>summary::-webkit-details-marker{display:none;}
.sm-cart-extra>summary:before,.sm-pay-comment>summary:before{content:"+";display:inline-block;width:16px;font-weight:700;}
.sm-cart-extra[open]>summary:before,.sm-pay-comment[open]>summary:before{content:"\2212";}
.sm-cart-extra>.sm-co-hint{margin:0 16px 12px;}
.sm-cart-extra-grid{display:grid;gap:16px;padding:0 16px 16px;}
.sm-extra{margin:0;}
.sm-extra>label,.sm-extra-title{display:block;margin:0 0 6px;font-weight:600;color:var(--ink,#1b2430);}
.sm-extra-row{display:flex;gap:8px;}
body.sm-studija .sm-extra input[type=text],body.sm-studija .sm-extra select{box-sizing:border-box;width:100%;max-width:320px;min-height:44px;margin:0;padding:8px 12px;font-size:16px;border:1px solid var(--line-field,#a9a397);border-radius:6px;box-shadow:none;}
.sm-extra-ship{padding-top:16px;border-top:1px solid var(--hairline,#e0dbd1);}
.sm-extra-ship .sm-co-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));}
.sm-co-field-btn{display:flex;align-items:flex-end;}
#sm-quote{margin-top:12px;}
#sm-quote fieldset{margin:0 0 12px;padding:0;border:0;}
#sm-quote legend{margin:0 0 8px;font-size:15px;font-weight:600;border:0;}

/* shipping choices (cart estimator and checkout step 4) */
.sm-ship-card,#shipping-method .sm-ship-opt label.radio{display:flex!important;align-items:center;gap:10px;min-height:48px;margin:0 0 8px!important;padding:10px 14px!important;border:1px solid var(--line-field,#a9a397);border-radius:var(--r-m,8px);background:#fff;cursor:pointer;color:var(--ink,#1b2430);}
.sm-ship-card input,#shipping-method .sm-ship-opt input[type=radio]{flex:none;order:-1;width:20px;height:20px;margin:0!important;float:none!important;position:static!important;accent-color:var(--navy,#283c50);}
.sm-ship-card .sm-ship-price,#shipping-method .sm-ship-opt .sm-ship-price{margin-left:auto;font-weight:700;white-space:nowrap;}
.sm-ship-card.is-on,#shipping-method .sm-ship-opt.is-on label.radio{border:2px solid var(--navy,#283c50);padding:9px 13px!important;background:var(--orange-tint,#fdf0e6);}
#shipping-method .sm-ship-opt{margin:0;padding:0;background:none!important;border:0!important;}
#shipping-method .sm-ship-group{margin:12px 0 6px;color:var(--muted,#5b6370);font-size:14px;}
#shipping-method .sm-ship-group b{font-weight:600;}
.sm-ship-q,.sm-pay-q{margin:0 0 8px;font-weight:600;color:var(--ink,#1b2430);}

/* ---------- checkout ---------- */
.sm-co-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:32px;align-items:start;}
.sm-co-layout>#checkout,.sm-co-layout>.checkout{min-width:0;}
.sm-co-summary{position:sticky;top:16px;padding:20px;border:1px solid var(--hairline,#e0dbd1);border-radius:var(--r-m,8px);background:#fff;}
.sm-co-summary-body:empty:before{content:"\2026";color:var(--muted,#5b6370);}
.sm-co-items{list-style:none;margin:0 0 12px;padding:0 0 4px;border-bottom:1px solid var(--hairline,#e0dbd1);}
.sm-co-items li{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:start;margin:0 0 10px;font-size:14px;color:var(--ink,#1b2430);}
.sm-co-items img,.sm-co-noimg{display:block;width:48px;height:48px;object-fit:contain;border:1px solid var(--hairline,#e0dbd1);border-radius:6px;background:#fff;}
.sm-co-iname{overflow-wrap:anywhere;line-height:1.35;}
.sm-co-iname small{display:block;color:var(--muted,#5b6370);}
.sm-co-iprice{font-weight:600;white-space:nowrap;}
a.sm-co-summary-edit{display:inline-flex;align-items:center;min-height:40px;color:var(--ink,#1b2430)!important;text-decoration:underline;}

body.sm-studija #checkout .checkout-heading,body.sm-studija .checkout .checkout-heading{border:0!important;border-top:2px solid var(--hairline,#e0dbd1)!important;background:#fff!important;color:var(--ink,#1b2430)!important;font-weight:600!important;text-transform:none!important;letter-spacing:0!important;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 16px!important;font-size:17px!important;}
body.sm-studija .checkout-heading a{color:var(--ink,#1b2430)!important;text-decoration:underline;font-weight:400;font-size:15px;}
body.sm-studija .checkout-content{padding:16px!important;}

.sm-co-form{margin:0 0 8px;}
.sm-co-group{margin:0 0 20px;padding:0;border:0;min-width:0;}
.sm-co-group>legend{width:auto;margin:0 0 10px;padding:0;border:0;font-size:17px;font-weight:600;line-height:1.3;color:var(--ink,#1b2430);}
.sm-co-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;}
.sm-co-field{display:flex;flex-direction:column;min-width:0;}
.sm-co-wide{grid-column:1 / -1;}
.sm-co-field>label{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--ink,#1b2430);}
.sm-co-field .required{color:var(--error,#a8321c);}
.sm-co-opt{font-weight:400;color:var(--muted,#5b6370);}
.sm-br{display:none!important;}
body.sm-studija #checkout .sm-co-field input:not([type=radio]):not([type=checkbox]),body.sm-studija #checkout .sm-co-field select,body.sm-studija .sm-co-field input:not([type=radio]):not([type=checkbox]),body.sm-studija .sm-co-field select{box-sizing:border-box;width:100%!important;max-width:none;min-height:44px;height:44px;margin:0;padding:8px 12px;font-size:16px;line-height:1.3;border:1px solid var(--line-field,#a9a397);border-radius:6px;background:#fff;box-shadow:none;color:var(--ink,#1b2430);}
body.sm-studija .sm-co-field input:focus,body.sm-studija .sm-co-field select:focus{outline:3px solid var(--focus,#283c50);outline-offset:1px;border-color:var(--ink,#1b2430);}
body.sm-studija .sm-co-field [aria-invalid=true]{border-color:var(--error,#a8321c)!important;border-width:2px!important;}
.sm-co-field .error,.sm-extra .error,.sm-extra-ship .error,#checkout .error{display:block;margin:4px 0 0;font-size:14px;line-height:1.35;color:var(--error,#a8321c)!important;}
.sm-co-field .error:before{content:"! ";font-weight:700;}
.sm-co-check{display:flex!important;align-items:flex-start;gap:10px;min-height:44px;margin:14px 0 0!important;padding:0!important;cursor:pointer;font-size:15px;color:var(--ink,#1b2430);}
.sm-co-check input[type=checkbox]{flex:none;width:20px;height:20px;margin:2px 0 0!important;float:none!important;position:static!important;accent-color:var(--navy,#283c50);}
.sm-co-check small{display:block;margin-top:2px;color:var(--muted,#5b6370);font-size:14px;}
.sm-co-company{padding-top:4px;}
.sm-co-company .sm-co-check{margin-top:0!important;}
.sm-co-company #sm-company-box{margin-top:12px;}

.sm-co-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 12px;}
.sm-mode,.sm-pay-card{display:flex!important;align-items:flex-start;gap:12px;margin:0!important;padding:14px 16px!important;border:1px solid var(--line-field,#a9a397);border-radius:var(--r-m,8px);background:#fff;cursor:pointer;color:var(--ink,#1b2430);}
.sm-mode input[type=radio],.sm-pay-card input[type=radio]{flex:none;width:20px;height:20px;margin:2px 0 0!important;float:none!important;position:static!important;accent-color:var(--navy,#283c50);}
.sm-mode b,.sm-pay-card b{display:block;font-size:16px;font-weight:600;}
.sm-mode small,.sm-pay-card small{display:block;margin-top:3px;font-size:14px;line-height:1.4;color:var(--muted,#5b6370);}
.sm-mode.is-on,.sm-mode:has(input:checked),.sm-pay-card.is-on{border:2px solid var(--navy,#283c50);padding:13px 15px!important;background:var(--orange-tint,#fdf0e6);}
.sm-mode:focus-within,.sm-pay-card:focus-within,.sm-ship-card:focus-within,#shipping-method .sm-ship-opt label.radio:focus-within{outline:3px solid var(--focus,#283c50);outline-offset:2px;}
.sm-co-login-q{margin:4px 0 0;font-size:15px;}
.sm-co-login-q a{color:var(--ink,#1b2430)!important;text-decoration:underline;font-weight:600;}
.sm-co-login{margin-top:12px;padding:16px;border:1px solid var(--hairline,#e0dbd1);border-radius:var(--r-m,8px);background:var(--paper,#f6f4ef);}
.sm-co-login-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:14px;}
.sm-co-login-actions .link-login{color:var(--ink,#1b2430)!important;text-decoration:underline;}

.sm-pay{margin:0 0 16px;padding:0;border:0;min-width:0;}
.sm-pay>legend{width:auto;margin:0 0 8px;padding:0;border:0;font-size:16px;line-height:1.3;}
.sm-pay-list{display:grid;gap:10px;}
.sm-pay-comment{margin:0 0 16px;border:1px solid var(--hairline,#e0dbd1);border-radius:var(--r-m,8px);background:#fff;}
.sm-pay-comment>summary{font-weight:400;}
body.sm-studija .sm-pay-comment textarea{display:block;box-sizing:border-box;width:calc(100% - 32px)!important;margin:0 16px 16px;padding:10px 12px;font-size:16px;border:1px solid var(--line-field,#a9a397);border-radius:6px;}
.sm-pay-agree{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;}
.sm-pay-agree .sm-co-check{margin:0!important;flex:1 1 280px;}
.sm-pay-agree .sm-co-check a{color:var(--ink,#1b2430)!important;text-decoration:underline;}

/* ---------- widths ---------- */
@media (max-width:979px){
  .sm-cart,.sm-co-layout{grid-template-columns:minmax(0,1fr);gap:20px;}
  .sm-cart-summary,.sm-co-summary{position:static;}
}
@media (max-width:639px){
  .sm-cart-item{grid-template-columns:72px minmax(0,1fr);gap:10px 12px;}
  .sm-ci-img img{width:72px;max-height:72px;}
  .sm-ci-qty{grid-column:2;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px 14px;}
  .sm-ci-qty label{width:100%;}
  .sm-ci-total{grid-column:2;text-align:left;}
  .sm-co-grid,.sm-co-modes{grid-template-columns:minmax(0,1fr);}
  .sm-extra-row{flex-wrap:wrap;}
  body.sm-studija .sm-extra input[type=text]{max-width:none;flex:1 1 180px;}
  body.sm-studija .checkout-content{padding:12px!important;}
  .sm-pay-agree #button-payment-method{width:100%;}
}