/* =====================================================
   Yokaba checkout — 1:1 with mockup
   Scoped under body#checkout to win over webniko theme
   ===================================================== */

body#checkout{
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif !important;
  font-weight:400;color:#413F3D;background:#FFFFFF;line-height:1.5;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
}
body#checkout *,body#checkout *::before,body#checkout *::after{box-sizing:border-box}
body#checkout a{color:#A88466;text-decoration:none}
body#checkout a:hover{color:#8A6849;text-decoration:underline}
body#checkout button{font-family:inherit;cursor:pointer}
body#checkout input,body#checkout select,body#checkout textarea{font-family:inherit;font-size:14px;color:#413F3D}

/* Brand tokens */
body#checkout{
  --copper:#A88466;--copper-dark:#8A6849;--copper-tint:#F5EFE9;
  --ink:#413F3D;--ink-soft:#6F6C68;--ink-mute:#9C9892;
  --bg:#FFFFFF;--bg-soft:#FAF6F2;--bg-warm:#F5EFE9;
  --line:#E8E1D9;--line-strong:#D7CCBE;
  --ok:#5C8A54;--error:#B5453E;--error-bg:#FBEFEE;
  --shadow-sm:0 1px 2px rgba(65,63,61,.06);
  --shadow-md:0 4px 16px rgba(65,63,61,.08);
}

/* Hide PrestaShop default chrome */
body#checkout #header,
body#checkout #footer,
body#checkout #notifications,
body#checkout .header-top,
body#checkout #_desktop_top_menu,
body#checkout .breadcrumb,
body#checkout #wrapper > .container > .row > .col-md-12 > h1{display:none !important}
body#checkout #content-wrapper,body#checkout #wrapper{padding:0 !important;background:#fff !important;margin:0 !important}
body#checkout #wrapper{max-width:none !important}
body#checkout #content,body#checkout #content-wrapper{padding:0 !important;margin:0 !important}
body#checkout main{display:block}
body#checkout .container,body#checkout #wrapper > .container{max-width:none !important;padding:0 !important;margin:0 !important;width:100% !important}
body#checkout .row{margin:0 !important}

/* ============ Header ============ */
body#checkout .yk-topbar{
  background:#fff;border-bottom:1px solid var(--line);
  position:sticky;top:0;z-index:50;
}
body#checkout .yk-topbar-inner{
  max-width:1280px;margin:0 auto;padding:18px 32px;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;
}
body#checkout .yk-brand-logo{display:inline-flex;align-items:center;justify-self:start}
body#checkout .yk-brand-logo img{display:block;height:32px;width:auto}
body#checkout .yk-back-link{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--ink-soft);font-size:13px;font-weight:500;
}
body#checkout .yk-back-link:hover{color:var(--copper);text-decoration:none}
body#checkout .yk-back-link svg{width:16px;height:16px}
body#checkout .yk-stepper{
  display:flex;align-items:center;gap:10px;justify-content:center;
  font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-mute);
}
body#checkout .yk-stepper .step{display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:color .15s}
body#checkout .yk-stepper .step:hover{color:var(--copper)}
body#checkout .yk-stepper .step.active{color:var(--ink)}
body#checkout .yk-stepper .step.done{color:var(--copper)}
body#checkout .yk-stepper .num{
  width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid currentColor;border-radius:50%;font-size:11px;font-weight:600;
}
body#checkout .yk-stepper .step.done .num{background:var(--copper);color:#fff;border-color:var(--copper)}
body#checkout .yk-stepper .step.active .num{background:var(--ink);color:#fff;border-color:var(--ink)}
body#checkout .yk-stepper .arr{color:var(--line-strong)}

/* ============ Layout ============ */
body#checkout .yk-wrap{
  max-width:1280px;margin:0 auto !important;padding:48px 32px 64px !important;
  display:grid !important;grid-template-columns:minmax(0,1fr) 420px;
  gap:32px;align-items:flex-start;
  background:#fff;
}
body#checkout .yk-col-form{display:flex;flex-direction:column;gap:18px;min-width:0}
body#checkout .yk-col-summary{position:sticky;top:96px}

/* ============ Section card ============ */
body#checkout .yk-card{background:#fff;border:1px solid var(--line);padding:28px 32px}
body#checkout .yk-section-head{display:flex;align-items:baseline;gap:14px;margin-bottom:22px}
body#checkout .yk-section-num{
  font-family:'century-gothic','Century Gothic','Futura',sans-serif;
  font-size:28px;font-weight:700;font-style:italic;color:var(--copper);
  line-height:1;min-width:30px;
}
body#checkout .yk-section-title{
  font-size:16px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink);flex:1;margin:0;
}
body#checkout .yk-section-meta{
  font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-mute);
}
body#checkout .yk-section-meta .check{color:var(--ok);margin-right:4px}

/* ============ Buttons ============ */
body#checkout .yk-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 22px;font-size:13px;font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;border:1px solid transparent;
  transition:all .2s;line-height:1;background:none;border-radius:0;
}
body#checkout .yk-btn-primary{background:var(--copper);color:#fff;border-color:var(--copper)}
body#checkout .yk-btn-primary:hover{background:var(--copper-dark);border-color:var(--copper-dark);color:#fff;text-decoration:none}
body#checkout .yk-btn-outline{background:#fff;color:var(--ink);border-color:var(--line-strong)}
body#checkout .yk-btn-outline:hover{border-color:var(--ink);background:var(--bg-soft);color:var(--ink);text-decoration:none}
body#checkout .yk-btn-block{width:100%;padding:18px 22px;font-size:13px}
body#checkout .yk-auth-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}

/* ============ Form ============ */
body#checkout .yk-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;text-align:left}
body#checkout .yk-field label,
body#checkout .yk-field > label{
  font-size:11px !important;font-weight:600 !important;letter-spacing:.08em !important;
  text-transform:uppercase !important;color:var(--ink-soft) !important;
  text-align:left !important;display:block !important;width:auto !important;
  margin:0 !important;padding:0 !important;float:none !important;
}
body#checkout .yk-field .req{color:var(--copper);margin-left:2px}
body#checkout .yk-field input,
body#checkout .yk-field select,
body#checkout .yk-field textarea{
  padding:14px !important;border:1px solid var(--line) !important;
  background:#fff !important;font-size:14px !important;color:var(--ink) !important;
  border-radius:0 !important;-webkit-appearance:none !important;-moz-appearance:none !important;
  appearance:none !important;font-family:'Montserrat',sans-serif !important;
  line-height:1.4 !important;box-sizing:border-box !important;width:100% !important;
  height:48px !important;margin:0 !important;float:none !important;
  transition:border-color .15s,box-shadow .15s !important;
}
body#checkout .yk-field textarea{height:auto !important;min-height:78px !important;padding-top:12px !important;resize:vertical}
body#checkout .yk-field select{
  padding-right:36px !important;cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23A88466' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><polyline points='3 5 6 8 9 5'/></svg>") !important;
  background-repeat:no-repeat !important;background-position:right 14px center !important;
  background-size:12px 12px !important;
}
body#checkout .yk-field select::-ms-expand{display:none}
@supports (-webkit-touch-callout:none){
  body#checkout .yk-field input,body#checkout .yk-field select,body#checkout .yk-field textarea{font-size:16px !important}
}
body#checkout .yk-field input:focus,
body#checkout .yk-field select:focus,
body#checkout .yk-field textarea:focus{
  outline:none !important;border-color:var(--copper) !important;
  box-shadow:0 0 0 3px rgba(168,132,102,.12) !important;
}

/* Walidacja */
body#checkout .yk-field.has-error label{color:var(--error) !important}
body#checkout .yk-field.has-error input,
body#checkout .yk-field.has-error select,
body#checkout .yk-field.has-error textarea{
  border-color:var(--error) !important;background:var(--error-bg) !important;
}
body#checkout .yk-field-error{
  display:none;margin-top:6px;font-size:11px;font-weight:500;
  color:var(--error);letter-spacing:.02em;line-height:1.4;
  align-items:flex-start;gap:5px;
}
body#checkout .yk-field-error::before{
  content:'';flex-shrink:0;margin-top:2px;width:12px;height:12px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23B5453E' stroke-width='1.5'><circle cx='6' cy='6' r='5.25'/><path d='M6 3.5v3M6 8.5v.01'/></svg>");
  background-size:contain;background-repeat:no-repeat;
}
body#checkout .yk-field.has-error .yk-field-error{display:flex}
body#checkout .yk-form-error-summary{
  display:none;margin:14px 0 18px;padding:14px 16px;
  background:var(--error-bg);border-left:3px solid var(--error);
  color:var(--error);font-size:13px;font-weight:500;line-height:1.4;
}
body#checkout .yk-form-error-summary.visible{display:flex;gap:10px;align-items:flex-start}
body#checkout .yk-form-error-summary svg{flex-shrink:0;margin-top:2px}
body#checkout .yk-form-error-summary strong{font-weight:700;display:block;margin-bottom:2px}
body#checkout .yk-terms.has-error{color:var(--error)}
body#checkout .yk-terms.has-error input{outline:2px solid var(--error);outline-offset:2px}
body#checkout .yk-blik-input.has-error input{border-color:var(--error) !important;background:var(--error-bg) !important}
body#checkout .yk-blik-input.has-error::after{
  content:attr(data-error);display:block;flex-basis:100%;
  color:var(--error);font-size:11px;font-weight:500;margin-top:-4px;
}

body#checkout .yk-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
body#checkout .yk-field-row.three{grid-template-columns:140px 1fr 1fr}
body#checkout .yk-field-row.zip-city{grid-template-columns:160px 1fr}

/* Toggle pill */
body#checkout .yk-toggle-pills{
  display:grid;grid-template-columns:1fr 1fr;margin:0 0 22px;
  background:var(--bg-soft);padding:4px;border:1px solid var(--line);gap:0;
}
body#checkout .yk-toggle-pills label{cursor:pointer;margin:0 !important}
body#checkout .yk-toggle-pills input{display:none}
body#checkout .yk-toggle-pills span{
  display:flex;align-items:center;justify-content:center;
  padding:12px 18px;font-size:12px;font-weight:600;
  letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);
  text-align:center;transition:all .15s;position:relative;z-index:1;
}
body#checkout .yk-toggle-pills input:checked + span{
  background:#fff;color:var(--ink);box-shadow:var(--shadow-sm);
  transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;
}

/* Notice */
body#checkout .yk-notice{
  display:flex;gap:12px;align-items:flex-start;
  background:var(--copper-tint);border-left:3px solid var(--copper);
  padding:14px 16px;margin-bottom:18px;font-size:13px;color:var(--ink);
}
body#checkout .yk-notice .ic{flex-shrink:0;color:var(--copper);margin-top:2px}
body#checkout .yk-notice strong{font-weight:600;display:block;margin-bottom:2px}

/* Option tiles (shipping & payment) — wymuszony horizontal layout (Safari/iOS friendly) */
body#checkout label.yk-opt,
body#checkout .yk-options > label.yk-opt,
html body#checkout .yk-opt{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-start !important;
  text-align:left !important;
  gap:14px !important;
  padding:18px 20px !important;
  border:1px solid var(--line) !important;
  background:#fff !important;
  cursor:pointer !important;
  position:relative !important;
  margin:0 !important;
  width:100% !important;
  box-sizing:border-box !important;
  transition:border-color .2s,background-color .2s,transform .2s ease,box-shadow .2s ease;
}
body#checkout .yk-opt > *,
body#checkout .yk-options > .yk-opt > *{text-align:left !important}
body#checkout .yk-options{display:flex !important;flex-direction:column !important;gap:10px !important}

/* COD virtual — domyślnie ukryty na każdej rozdzielczości — JS go pokazuje gdy potrzeba */
body#checkout label.yk-opt.yk-opt--cod-virtual:not(.yk-opt--show-cod){
  display:none !important;
}
body#checkout .yk-opt--cod-virtual.yk-opt--show-cod{
  display:flex !important;
}
body#checkout .yk-opt:hover{border-color:var(--line-strong);background:var(--bg-soft);transform:translateY(-1px);box-shadow:0 4px 12px rgba(65,63,61,.06)}
body#checkout .yk-opt > input[type="radio"]{position:absolute !important;opacity:0 !important;pointer-events:none !important}
body#checkout .yk-opt .radio{
  width:18px;height:18px;border:1px solid var(--line-strong);border-radius:50%;
  flex-shrink:0;position:relative;
  transition:border-color .25s,border-width .25s,background-color .25s;
}
body#checkout .yk-opt > input[type="radio"]:checked ~ .radio{border-color:var(--copper);border-width:5px}
body#checkout .yk-opt.is-active{
  border-color:var(--copper);background:var(--copper-tint);
  box-shadow:0 4px 16px rgba(168,132,102,.18);
}
body#checkout .yk-opt-body{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left !important}
body#checkout .yk-opt-title{
  font-size:14px !important;font-weight:600 !important;color:var(--ink) !important;
  display:flex !important;align-items:center !important;gap:8px !important;flex-wrap:wrap !important;
  font-family:'Montserrat',sans-serif !important;
  text-align:left !important;justify-content:flex-start !important;
  text-transform:none !important;letter-spacing:0 !important;
}
body#checkout .yk-opt-meta{
  font-size:12px !important;color:var(--ink-soft) !important;
  font-family:'Montserrat',sans-serif !important;font-weight:400 !important;
  letter-spacing:0 !important;line-height:1.4 !important;
  text-align:left !important;display:block !important;
  text-transform:none !important;
}
body#checkout .yk-ship-eta{
  display:inline-flex;align-items:center;gap:4px;
  padding:2px 8px;background:var(--copper-tint);
  color:var(--copper-dark);font-size:11px;font-weight:600;letter-spacing:.02em;
  text-transform:uppercase;border-radius:2px;line-height:1.4;white-space:nowrap;
}
body#checkout .yk-ship-eta::before{
  /* Wyłączone — kropka jest teraz jawnym <span> w HTML (Safari fix) */
  content:none !important;
  display:none !important;
}
body#checkout .yk-ship-eta--fast{background:#EEF4ED;color:#3D6B36}
body#checkout .yk-ship-eta--fast::before{background:var(--ok)}
body#checkout .yk-opt-price{
  font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;
}
body#checkout .yk-opt-logo{
  height:36px;width:72px;display:flex;align-items:center;justify-content:flex-end;
  flex-shrink:0;
}
body#checkout .yk-opt-logo img,body#checkout .yk-opt-logo svg{
  max-height:100%;max-width:100%;display:block;object-fit:contain;
}

body#checkout .yk-opt-extras{
  grid-column:1/-1;display:none;margin-top:14px;padding-top:14px;
  border-top:1px solid var(--line);width:100%;
  animation:ykSlideDown .25s cubic-bezier(.2,.7,.2,1);
  text-align:left !important;
}
body#checkout .yk-opt-extras *{text-align:left !important}
body#checkout .yk-opt-extras .yk-picker-btn{margin-right:auto !important}
body#checkout .yk-opt.is-active .yk-opt-extras,
body#checkout .yk-opt > input[type="radio"]:checked ~ .yk-opt-extras{display:block}
@keyframes ykSlideDown{from{opacity:0;transform:translateY(-6px);max-height:0}to{opacity:1;transform:none;max-height:400px}}

body#checkout .yk-picker-btn{
  display:inline-flex;align-items:center;gap:8px;padding:10px 16px;
  background:#fff;border:1px solid var(--copper);color:var(--copper);
  font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  transition:background-color .2s,color .2s,transform .15s;border-radius:0;
}
body#checkout .yk-picker-btn:hover{background:var(--copper);color:#fff;transform:translateY(-1px);text-decoration:none}

body#checkout .yk-blik-input{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
body#checkout .yk-blik-input input{
  flex:0 0 auto !important;width:220px !important;min-width:200px !important;
  padding:14px 16px !important;border:1.5px solid var(--copper) !important;
  background:#fff !important;font-size:22px !important;letter-spacing:.5em !important;
  text-align:center !important;font-weight:700 !important;color:var(--ink) !important;
  border-radius:0 !important;height:auto !important;
}
body#checkout .yk-blik-input input::placeholder{color:var(--ink-mute);letter-spacing:.5em;font-weight:500}
body#checkout .yk-blik-input input:focus{outline:none !important;border-color:var(--copper-dark) !important;box-shadow:0 0 0 3px rgba(168,132,102,.15) !important}
body#checkout .yk-blik-input .hint{font-size:12px;color:var(--ink-soft);flex:1 1 200px;line-height:1.4}
body#checkout .yk-blik-input.is-complete input{
  border-color:var(--ok) !important;
  box-shadow:0 0 0 4px rgba(92,138,84,.15) !important;
  animation:ykBlikGlow .8s ease;
}
@keyframes ykBlikGlow{
  0%{box-shadow:0 0 0 0 rgba(92,138,84,.4)}
  50%{box-shadow:0 0 0 8px rgba(92,138,84,.18)}
  100%{box-shadow:0 0 0 4px rgba(92,138,84,.15)}
}

/* ============ Right summary ============ */
body#checkout .yk-summary{background:#fff;border:1px solid var(--line);padding:28px}
body#checkout .yk-summary-head{
  display:flex;justify-content:space-between;align-items:baseline;
  padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:20px;
}
body#checkout .yk-summary-title{font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0}
body#checkout .yk-summary-edit{font-size:12px;color:var(--ink-soft)}
body#checkout .yk-summary-edit:hover{color:var(--copper)}

body#checkout .yk-summary-toggle{
  display:none;width:100%;align-items:center;gap:10px;padding:12px 0;
  border:none;background:transparent;border-bottom:1px solid var(--line);
  cursor:pointer;font-family:inherit;color:var(--ink);text-align:left;
}
body#checkout .yk-summary-toggle__label{flex:1;font-size:13px;font-weight:600;letter-spacing:.02em}
body#checkout .yk-summary-toggle__sum{
  font-family:'century-gothic','Century Gothic',sans-serif;
  font-weight:700;font-size:15px;color:var(--ink);
}
body#checkout .yk-summary-toggle .chev{color:var(--ink-soft);transition:transform .25s ease}
body#checkout .yk-summary-toggle[aria-expanded="false"] .chev{transform:rotate(-90deg)}
body#checkout .yk-cart-items{transition:max-height .3s ease,opacity .25s ease;overflow:hidden}
body#checkout .yk-cart-items.is-collapsed{max-height:0;opacity:0;margin:0;padding:0}

body#checkout .yk-cart-line{
  display:grid;grid-template-columns:64px 1fr auto;gap:14px;padding:14px 0;
  border-bottom:1px solid var(--line);align-items:center;
  transition:background-color .2s ease;
}
body#checkout .yk-cart-line:hover{background:var(--bg-soft)}
body#checkout .yk-cart-line:last-of-type{border-bottom:0;padding-bottom:18px}
body#checkout .yk-cart-thumb{
  width:64px;height:64px;background:var(--bg-warm);border-radius:50%;
  overflow:hidden;display:flex;align-items:center;justify-content:center;
  color:var(--copper);transition:transform .35s cubic-bezier(.2,.7,.2,1);
}
body#checkout .yk-cart-line:hover .yk-cart-thumb{transform:scale(1.05) rotate(-2deg)}
body#checkout .yk-cart-thumb img{width:100%;height:100%;object-fit:cover;display:block}
body#checkout .yk-cart-info{display:flex;flex-direction:column;gap:3px;min-width:0}
body#checkout .yk-cart-info .brand{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--copper)}
body#checkout .yk-cart-info .name{
  font-size:13px;font-weight:600;color:var(--ink);line-height:1.3;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
body#checkout .yk-cart-info .qty{font-size:11px;color:var(--ink-soft)}
body#checkout .yk-cart-price{font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;align-self:flex-start}

body#checkout .yk-toggle-row{
  display:flex;justify-content:space-between;align-items:center;padding:12px 0;
  border-bottom:1px solid var(--line);font-size:12px;font-weight:600;
  letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);
  cursor:pointer;user-select:none;transition:color .2s ease;
}
body#checkout .yk-toggle-row:hover{color:var(--copper)}
body#checkout .yk-toggle-row .chev{transition:transform .25s ease}
body#checkout .yk-toggle-row.open .chev{transform:rotate(180deg)}
body#checkout .yk-toggle-content{display:none;padding:14px 0;border-bottom:1px solid var(--line)}
body#checkout .yk-toggle-row.open + .yk-toggle-content{display:block;animation:ykSlideDown .3s ease-out}

body#checkout .yk-promo-row{display:flex;gap:8px}
body#checkout .yk-promo-row input{flex:1;padding:12px 14px;border:1px solid var(--line);font-size:13px;height:auto !important;border-radius:0}
body#checkout .yk-promo-row input:focus{outline:none;border-color:var(--copper)}
body#checkout .yk-promo-row button{
  padding:12px 18px;background:var(--ink);color:#fff;
  font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  border:none;border-radius:0;
}
body#checkout .yk-promo-row button:hover{background:var(--copper)}

body#checkout .yk-totals{margin:18px 0}
html body#checkout .yk-totals .row,
body#checkout .yk-totals > .row{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  justify-content:space-between !important;
  align-items:center !important;
  padding:6px 0 !important;
  font-size:13px !important;
  color:var(--ink-soft);
  text-align:left !important;
  width:100% !important;
}
body#checkout .yk-totals .row > span{display:inline-block !important}
body#checkout .yk-totals .row > span:first-child{text-align:left !important;flex:1 1 auto !important;min-width:0 !important;align-self:center !important}
body#checkout .yk-totals .row > span:last-child{text-align:right !important;white-space:nowrap !important;flex-shrink:0 !important;margin-left:auto !important;align-self:center !important}
body#checkout .yk-totals .row.discount{color:var(--ok);font-weight:500}
html body#checkout .yk-totals .grand,
body#checkout .yk-totals > .grand{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  justify-content:space-between !important;
  align-items:baseline !important;
}
html body#checkout .yk-summary-head{
  display:flex !important;
  flex-direction:row !important;
  justify-content:space-between !important;
  align-items:baseline !important;
}
html body#checkout .yk-cart-line{
  display:grid !important;
  grid-template-columns:64px 1fr auto !important;
  gap:14px !important;
  align-items:center !important;
  text-align:left !important;
}
html body#checkout .yk-cart-line > *{text-align:left !important}
html body#checkout .yk-cart-price{text-align:right !important}
html body#checkout .yk-summary-toggle{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:10px !important;
  text-align:left !important;
}
html body#checkout .yk-toggle-row{
  display:flex !important;
  flex-direction:row !important;
  justify-content:space-between !important;
  align-items:center !important;
}
body#checkout .yk-totals .grand{display:flex;justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:18px;border-top:1px solid var(--line)}
body#checkout .yk-totals .grand .lbl{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
body#checkout .yk-totals .grand .val{
  font-family:'century-gothic','Century Gothic','Futura',sans-serif;
  font-size:32px;font-weight:700;color:var(--ink);line-height:1;letter-spacing:-.01em;
}
body#checkout .yk-totals .grand .val small{
  font-family:'Montserrat',sans-serif;font-size:14px;font-weight:500;
  color:var(--ink-soft);margin-left:4px;
}
body#checkout .yk-totals .grand .val.is-updating{animation:ykPriceFlash .6s ease}
@keyframes ykPriceFlash{0%{color:var(--ink)}40%{color:var(--copper);transform:scale(1.04)}100%{color:var(--ink);transform:none}}

body#checkout .yk-firma-only{animation:ykFadeSlide .25s ease-out}
body#checkout .yk-firma-only[hidden]{display:none}
@keyframes ykFadeSlide{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

body#checkout .yk-terms{
  display:flex !important;gap:10px;align-items:flex-start;margin:18px 0;
  font-size:12px !important;color:var(--ink-soft) !important;line-height:1.5;cursor:pointer;
  text-transform:none !important;letter-spacing:0 !important;
  font-weight:400 !important;text-align:left !important;
  flex-wrap:nowrap;
}
body#checkout .yk-terms input{
  margin-top:2px !important;accent-color:var(--copper);
  width:auto !important;height:auto !important;
  flex-shrink:0;
}
body#checkout .yk-terms span{display:inline;line-height:1.5}
body#checkout .yk-terms a{color:var(--copper);text-decoration:underline;white-space:normal}

body#checkout .yk-pay-cta{display:flex;flex-direction:column;gap:10px}
body#checkout .yk-pay-cta .yk-btn{padding:18px;font-size:13px}

body#checkout .yk-security-trust{
  display:flex;align-items:flex-start;gap:11px;padding:12px 14px;
  background:#EEF4ED;border:1px solid #D4E2D0;border-left:3px solid var(--ok);
  margin-top:10px;
}
body#checkout .yk-security-trust svg{flex-shrink:0;color:var(--ok);margin-top:1px}
body#checkout .yk-security-trust strong{display:block;font-size:12px;font-weight:700;color:var(--ink);letter-spacing:.02em;margin-bottom:2px}
body#checkout .yk-security-trust span{display:block;font-size:11px;color:var(--ink-soft);line-height:1.4}

body#checkout .yk-badges{
  display:flex;gap:18px;justify-content:center;align-items:center;
  margin-top:18px;padding-top:18px;border-top:1px solid var(--line);flex-wrap:wrap;
}
body#checkout .yk-badges img{height:24px;width:auto;display:block;object-fit:contain;opacity:.85;transition:opacity .15s}
body#checkout .yk-badges img:hover{opacity:1}

/* Saved addresses tiles — force left-align (webniko ma global text-align:right na label) */
body#checkout .yk-saved-addresses{text-align:left !important}
body#checkout .yk-saved-address-tile{text-align:left !important}
body#checkout .yk-saved-address-tile > div{text-align:left !important}
body#checkout .yk-saved-address-tile > div > div{text-align:left !important}
body#checkout .yk-saved-address-tile *{text-align:left !important}

/* Guest hint */
body#checkout .yk-guest-hint{
  display:flex;align-items:flex-start;gap:12px;padding:14px 16px;
  background:var(--bg-soft);border-left:3px solid var(--ok);margin-bottom:20px;
  font-size:13px;color:var(--ink);line-height:1.5;
}
body#checkout .yk-guest-hint svg{flex-shrink:0;color:var(--ok);margin-top:2px}
body#checkout .yk-guest-hint strong{font-weight:600}
body#checkout .yk-guest-hint__alt{display:block;font-size:12px;color:var(--ink-soft);margin-top:4px}
body#checkout .yk-guest-hint a{color:var(--copper);font-weight:600}
body#checkout .yk-guest-hint.is-hidden{display:none}

/* Welcome banner (after login) */
body#checkout .yk-welcome-banner{
  display:none;align-items:center;gap:14px;padding:16px 18px;
  background:var(--copper-tint);border-left:3px solid var(--copper);margin-bottom:18px;
}
body#checkout .yk-welcome-banner.visible{display:flex;animation:ykErrorBoxIn .4s cubic-bezier(.2,.7,.2,1)}
body#checkout .yk-welcome-banner .avatar{
  width:42px;height:42px;border-radius:50%;background:var(--copper);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:'century-gothic',sans-serif;font-weight:700;font-style:italic;font-size:18px;flex-shrink:0;
}
body#checkout .yk-welcome-banner .info{flex:1}
body#checkout .yk-welcome-banner .greet{font-size:14px;font-weight:600;color:var(--ink);line-height:1.2}
body#checkout .yk-welcome-banner .meta{font-size:12px;color:var(--ink-soft);margin-top:2px}
body#checkout .yk-welcome-banner .logout{
  background:transparent;border:none;font-size:12px;color:var(--copper);
  cursor:pointer;text-decoration:underline;font-family:inherit;
}
body#checkout .yk-welcome-banner .logout:hover{color:var(--copper-dark)}
body#checkout .yk-auth-row.is-hidden{display:none}

/* ============ MODALE ============ */
body#checkout .yk-modal-backdrop{
  position:fixed;inset:0;background:rgba(29,28,26,.55);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;
  display:none;align-items:flex-start;justify-content:center;
  padding:60px 16px;overflow-y:auto;
}
body#checkout .yk-modal-backdrop.is-open{display:flex;animation:ykBackdropIn .25s ease-out}
@keyframes ykBackdropIn{from{opacity:0}to{opacity:1}}
body#checkout .yk-modal{
  background:#fff;width:100%;max-width:440px;
  padding:36px 36px 32px;position:relative;
  box-shadow:0 24px 60px rgba(29,28,26,.25);
  animation:ykModalIn .35s cubic-bezier(.2,.8,.3,1.05);
}
@keyframes ykModalIn{from{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:none}}
body#checkout .yk-modal-close{
  position:absolute;top:14px;right:14px;width:32px;height:32px;
  border:none;background:transparent;color:var(--ink-soft);cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:color .15s,transform .15s;border-radius:0;
}
body#checkout .yk-modal-close:hover{color:var(--ink);transform:rotate(90deg)}
body#checkout .yk-modal-head{text-align:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}
body#checkout .yk-modal-eyebrow{
  font-family:'century-gothic','Century Gothic',sans-serif;
  font-size:11px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:var(--copper);margin-bottom:6px;
}
body#checkout .yk-modal-title{
  font-family:'century-gothic','Century Gothic',sans-serif;
  font-size:24px;font-weight:700;font-style:italic;color:var(--ink);line-height:1.1;margin:0;
}
body#checkout .yk-modal-sub{font-size:13px;color:var(--ink-soft);margin-top:8px;line-height:1.4}
body#checkout .yk-modal .yk-field{margin-bottom:14px}
body#checkout .yk-modal-meta-row{display:flex;justify-content:space-between;align-items:center;margin:6px 0 18px;font-size:12px}
body#checkout .yk-modal-meta-row label{display:flex;gap:7px;align-items:center;color:var(--ink-soft);cursor:pointer;margin:0 !important;font-size:12px !important;text-transform:none !important;letter-spacing:0 !important;font-weight:400 !important}
body#checkout .yk-modal-meta-row label input{accent-color:var(--copper)}
body#checkout .yk-modal-meta-row a{color:var(--copper);font-weight:500;cursor:pointer}
body#checkout .yk-modal-cta{display:flex;flex-direction:column;gap:10px}
body#checkout .yk-modal-switch{text-align:center;margin-top:22px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-soft)}
body#checkout .yk-modal-switch a{color:var(--copper);font-weight:600;cursor:pointer}

body#checkout .yk-pwd-strength{margin:8px 0 0;animation:ykErrorIn .25s ease-out}
body#checkout .yk-pwd-strength .bars{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;height:4px;margin-bottom:7px}
body#checkout .yk-pwd-strength .bars span{background:var(--line);transition:background-color .35s cubic-bezier(.2,.7,.2,1)}
body#checkout .yk-pwd-strength.s-1 .bars span:nth-child(1){background:#D44C3D}
body#checkout .yk-pwd-strength.s-2 .bars span:nth-child(-n+2){background:#E89A3F}
body#checkout .yk-pwd-strength.s-3 .bars span:nth-child(-n+3){background:#D4B447}
body#checkout .yk-pwd-strength.s-4 .bars span{background:#5C8A54}
body#checkout .yk-pwd-strength .label{font-size:11px;color:var(--ink-soft);font-weight:500;display:flex;justify-content:space-between;gap:8px}
body#checkout .yk-pwd-strength .label .level{font-weight:600}
body#checkout .yk-pwd-strength.s-1 .label .level{color:#D44C3D}
body#checkout .yk-pwd-strength.s-2 .label .level{color:#E89A3F}
body#checkout .yk-pwd-strength.s-3 .label .level{color:#D4B447}
body#checkout .yk-pwd-strength.s-4 .label .level{color:#5C8A54}
body#checkout .yk-pwd-strength .tip{font-size:10px;color:var(--ink-mute);font-weight:500}
body#checkout .yk-pwd-strength.s-4 .tip{color:#5C8A54}

/* Animacje */
@keyframes ykSectionIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes ykTopbarIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes ykErrorIn{from{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:none}}
@keyframes ykErrorBoxIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes ykShake{0%,100%{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}
@keyframes ykSpin{to{transform:rotate(360deg)}}
@keyframes ykNumIn{from{opacity:0;transform:scale(.6) rotate(-8deg)}to{opacity:1;transform:none}}

body#checkout .yk-topbar{animation:ykTopbarIn .5s cubic-bezier(.2,.7,.2,1) both}
body#checkout .yk-col-form .yk-card,
body#checkout .yk-col-summary .yk-summary{opacity:0;animation:ykSectionIn .55s cubic-bezier(.2,.7,.2,1) forwards}
body#checkout .yk-col-form .yk-card:nth-child(1){animation-delay:.05s}
body#checkout .yk-col-form .yk-card:nth-child(2){animation-delay:.13s}
body#checkout .yk-col-form .yk-card:nth-child(3){animation-delay:.21s}
body#checkout .yk-col-form .yk-card:nth-child(4){animation-delay:.29s}
body#checkout .yk-col-summary .yk-summary{animation-delay:.10s}

body#checkout .yk-section-num{display:inline-block;animation:ykNumIn .5s cubic-bezier(.2,1.3,.4,1) both;animation-delay:.4s}

body#checkout .yk-btn-primary{transition:background-color .2s,transform .15s ease,box-shadow .2s}
body#checkout .yk-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(168,132,102,.3)}
body#checkout .yk-btn-primary:active{transform:translateY(0);box-shadow:0 2px 6px rgba(168,132,102,.25)}
body#checkout .yk-btn-primary svg{transition:transform .25s ease}
body#checkout .yk-btn-primary:hover svg{transform:translateX(3px)}

body#checkout .yk-field.has-error.shake input,
body#checkout .yk-field.has-error.shake select,
body#checkout .yk-field.has-error.shake textarea{animation:ykShake .4s cubic-bezier(.36,.07,.19,.97)}
body#checkout .yk-field-error{animation:ykErrorIn .3s ease-out;transform-origin:left top}
body#checkout .yk-form-error-summary.visible{animation:ykErrorBoxIn .4s cubic-bezier(.2,.7,.2,1)}

body#checkout .yk-btn.is-loading{position:relative;color:transparent !important;pointer-events:none}
body#checkout .yk-btn.is-loading::after{
  content:'';position:absolute;left:50%;top:50%;width:18px;height:18px;
  margin:-9px 0 0 -9px;border:2px solid rgba(255,255,255,.4);
  border-top-color:#fff;border-radius:50%;animation:ykSpin .7s linear infinite;
}

/* ============ ORDER CONFIRMATION (thx page) ============ */
body#order-confirmation .crd-blck{
  max-width:1280px !important;
  margin:0 auto !important;
  padding:32px !important;
  background:#fff !important;
}
body#order-confirmation .left-col{
  padding:48px 60px 48px 0 !important;
  height:auto !important;
  min-height:auto !important;
}
body#order-confirmation .right-col{
  padding:48px 0 48px 60px !important;
  height:auto !important;
  min-height:auto !important;
}
body#order-confirmation h1.crd-ttl{
  font-family:'century-gothic','Century Gothic','Futura',sans-serif !important;
  font-size:32px !important;
  font-weight:700 !important;
  color:#413F3D !important;
  line-height:1.2 !important;
  margin-bottom:24px !important;
}
body#order-confirmation .text-p{font-size:14px;line-height:1.55;color:#6F6C68;margin-bottom:14px}
body#order-confirmation .text-p a{color:#A88466;text-decoration:underline}
body#order-confirmation .info-box{
  background:#F5EFE9;border-left:3px solid #A88466;
  padding:14px 16px;margin:24px 0 28px !important;
  border-radius:0;
}
body#order-confirmation .info-box svg{flex-shrink:0;margin-top:2px}
body#order-confirmation .info-box svg path{stroke:#A88466 !important}
body#order-confirmation .info-box .text-p{font-size:13px;color:#413F3D;margin:0 0 4px}
body#order-confirmation .info-box .text-p:last-child{margin:0}
body#order-confirmation .left-col .btn{
  display:inline-flex;align-items:center;justify-content:center;
  background:#A88466 !important;color:#fff !important;border:none;border-radius:0;
  padding:16px 32px !important;font-size:13px !important;font-weight:600 !important;
  letter-spacing:.1em !important;text-transform:uppercase !important;
  align-self:flex-start;text-decoration:none !important;
  transition:background-color .2s,transform .15s;
}
body#order-confirmation .left-col .btn:hover{background:#8A6849 !important;transform:translateY(-1px)}
body#order-confirmation #order-detail{
  background:#FAF6F2 !important;border:1px solid #E8E1D9 !important;
  border-radius:0 !important;padding:0 !important;
}
body#order-confirmation .h3.crd-ttl{
  background:#fff;padding:18px 20px !important;border-bottom:1px solid #E8E1D9 !important;
  font-family:'Montserrat',sans-serif !important;font-size:13px !important;font-weight:700 !important;
  letter-spacing:.08em !important;text-transform:uppercase !important;color:#413F3D !important;margin:0 !important;
}
body#order-confirmation .order-details-list{padding:18px 20px !important;list-style:none;margin:0}
body#order-confirmation .order-details-list li{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;color:#6F6C68;gap:12px}
body#order-confirmation .order-details-list li .label{flex:1;color:#6F6C68}
body#order-confirmation .order-details-list li .value{font-weight:600;color:#413F3D;text-align:right}
body#order-confirmation .total-info{
  display:flex;justify-content:space-between;align-items:baseline;
  padding:18px 20px !important;border-top:1px solid #E8E1D9 !important;background:#fff;
}
body#order-confirmation .total-info .label{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#413F3D}
body#order-confirmation .total-info .value{
  font-family:'century-gothic','Century Gothic',sans-serif;font-size:24px;font-weight:700;color:#413F3D;
}

/* === Customer registration form (guest) — kompakt karta poniżej crd-blck === */
body#order-confirmation #customer-form,
body#order-confirmation [class*="customer-registration"],
body#order-confirmation form[action*="logowanie"]{
  max-width:520px !important;
  margin:48px auto !important;
  padding:32px !important;
  background:#FAF6F2 !important;
  border:1px solid #E8E1D9 !important;
  text-align:left !important;
}
body#order-confirmation .form-group{margin-bottom:14px !important}
body#order-confirmation .form-control-label{
  font-size:11px !important;font-weight:600 !important;letter-spacing:.08em !important;
  text-transform:uppercase !important;color:#6F6C68 !important;margin-bottom:6px !important;display:block !important;
  text-align:left !important;
}
body#order-confirmation .form-control{
  padding:14px !important;border:1px solid #E8E1D9 !important;
  background:#fff !important;font-size:14px !important;color:#413F3D !important;
  border-radius:0 !important;height:48px !important;width:100% !important;
  font-family:'Montserrat',sans-serif !important;
}
body#order-confirmation .form-control:focus{outline:none !important;border-color:#A88466 !important;box-shadow:0 0 0 3px rgba(168,132,102,.12) !important}
body#order-confirmation [class*="customer-registration"] h2,
body#order-confirmation [class*="customer-registration"] h3,
body#order-confirmation .customer-form h2{
  font-family:'century-gothic','Century Gothic',sans-serif !important;
  font-size:18px !important;font-weight:700 !important;color:#413F3D !important;
  letter-spacing:.04em !important;text-align:center !important;margin-bottom:18px !important;
}
body#order-confirmation button[type="submit"]{
  background:#A88466 !important;color:#fff !important;border:none !important;border-radius:0 !important;
  padding:16px 24px !important;font-size:13px !important;font-weight:600 !important;
  letter-spacing:.1em !important;text-transform:uppercase !important;width:100% !important;
  margin-top:14px !important;cursor:pointer;transition:background .2s;
}
body#order-confirmation button[type="submit"]:hover{background:#8A6849 !important}

/* Hide PrestaShop default register form's external chrome — kept clean */
body#order-confirmation .breadcrumb,body#order-confirmation .breadcrumb_container{display:none !important}

/* ============ MOBILE order-confirmation ============ */
@media (max-width:991px){
  body#order-confirmation #wrapper{background:#fff !important}
  body#order-confirmation .crd-blck{padding:20px 16px !important}
  body#order-confirmation .crd-blck > .row{flex-direction:column !important;display:flex !important}
  body#order-confirmation .left-col,
  body#order-confirmation .right-col{
    width:100% !important;padding:24px 0 !important;
  }
  body#order-confirmation .right-col{padding-top:0 !important;border-top:1px solid #E8E1D9 !important}
  body#order-confirmation h1.crd-ttl{font-size:24px !important;margin-bottom:18px !important}
  body#order-confirmation .left-col .btn{width:100% !important;text-align:center;justify-content:center}
  body#order-confirmation #customer-form,
  body#order-confirmation form[action*="logowanie"]{
    margin:24px 16px !important;padding:24px 18px !important;
  }
}
@media (max-width:420px){
  body#order-confirmation .crd-blck{padding:16px 12px !important}
  body#order-confirmation h1.crd-ttl{font-size:20px !important}
  body#order-confirmation .total-info .value{font-size:20px !important}
}

@media (prefers-reduced-motion:reduce){
  body#checkout *,body#checkout *::before,body#checkout *::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}

/* ============ Responsive ============ */
@media (max-width:1024px){
  body#checkout .yk-wrap{grid-template-columns:1fr;padding:32px 16px 48px !important;gap:20px}
  body#checkout .yk-col-form{order:1}
  body#checkout .yk-col-summary{position:static;order:2}
  body#checkout .yk-stepper{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;font-size:10px !important;letter-spacing:.04em !important;gap:6px !important;justify-content:center !important;align-items:center !important;width:auto !important;white-space:nowrap !important}
  body#checkout .yk-topbar-inner{display:flex !important;flex-direction:row !important;justify-content:center !important;align-items:center !important;gap:14px;grid-template-columns:none !important}
  body#checkout .yk-back-link{display:none}
}
@media (max-width:991px){
  body#checkout .yk-topbar-inner{padding:14px 16px}
  body#checkout .yk-brand-logo img{height:28px}
  body#checkout .yk-card{padding:22px 18px}
  body#checkout .yk-section-head{margin-bottom:18px;gap:10px;flex-wrap:wrap}
  body#checkout .yk-section-num{font-size:24px;min-width:26px}
  body#checkout .yk-section-title{font-size:13px;letter-spacing:.05em}
  body#checkout .yk-section-meta{font-size:10px;flex-basis:100%}
  body#checkout .yk-auth-row{grid-template-columns:1fr;gap:10px}
  body#checkout .yk-field-row,
  body#checkout .yk-field-row.three,
  body#checkout .yk-field-row.zip-city{grid-template-columns:1fr}
  body#checkout .yk-field-row.three .yk-field:nth-child(1){order:1}
  body#checkout .yk-field-row.three .yk-field:nth-child(2){order:2}
  body#checkout .yk-field-row.three .yk-field:nth-child(3){order:3}

  /* === Saved address tiles — kompakt na mobile === */
  body#checkout .yk-saved-address-tile{
    padding:12px 14px !important;gap:10px !important;flex-wrap:nowrap !important;
    align-items:flex-start !important;
  }
  body#checkout .yk-saved-address-tile > div{font-size:12px !important;min-width:0;flex:1}
  body#checkout .yk-saved-address-tile > div > div:first-child{font-size:13px !important;line-height:1.3 !important;white-space:normal !important}
  body#checkout .yk-saved-address-tile > div > div{font-size:11px !important;line-height:1.4 !important;word-break:break-word}
  body#checkout .yk-addr-delete{font-size:20px !important;padding:2px 6px !important;min-width:28px;text-align:center}

  /* === Kuriery & płatności — 1:1 z mockupem (sprawdzony horizontal row layout) === */
  body#checkout .yk-opt{
    display:flex !important;
    flex-direction:row !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    padding:12px 14px !important;
    gap:6px 10px !important;
    text-align:left !important;
  }
  body#checkout .yk-opt > .radio,
  body#checkout .yk-opt span.radio{
    flex-shrink:0 !important;
    align-self:flex-start !important;
    margin-top:3px !important;
    margin-left:0 !important;margin-right:0 !important;margin-bottom:0 !important;
    width:18px !important;height:18px !important;
    order:0 !important;
  }
  body#checkout .yk-opt-body{
    flex:1 1 0 !important;
    min-width:0 !important;
    order:1 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    text-align:left !important;
    gap:1px !important;
  }
  body#checkout .yk-opt-body > *{text-align:left !important;align-self:flex-start !important;width:auto !important}
  body#checkout .yk-opt-title{
    font-size:13px !important;line-height:1.25 !important;
    display:flex !important;
    flex-wrap:wrap !important;gap:6px !important;
    align-items:center !important;
    font-weight:600 !important;
    text-align:left !important;
    justify-content:flex-start !important;
    color:#413F3D !important;
  }
  body#checkout .yk-opt-meta{
    font-size:11px !important;line-height:1.3 !important;
    word-break:break-word !important;white-space:normal !important;
    color:#6F6C68 !important;
    text-align:left !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2 !important;
    -webkit-box-orient:vertical !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
  body#checkout .yk-opt-logo{
    flex-shrink:0 !important;
    order:2 !important;
    height:22px !important;width:54px !important;max-width:54px !important;
    align-self:center !important;
    display:flex !important;
    align-items:center !important;justify-content:flex-end !important;
    margin:0 !important;
  }
  body#checkout .yk-opt-logo img{
    max-height:22px !important;max-width:54px !important;
    width:auto !important;height:auto !important;
    display:block !important;
  }
  body#checkout .yk-opt-price{
    flex-shrink:0 !important;
    order:3 !important;
    flex-basis:auto !important;
    font-size:13px !important;font-weight:700 !important;
    margin:0 0 0 4px !important;
    white-space:nowrap !important;
    text-align:right !important;
    align-self:center !important;
    color:#413F3D !important;
  }
  body#checkout .yk-opt-extras{
    order:4 !important;
    flex-basis:100% !important;
    margin-top:8px !important;padding-top:10px !important;
    width:100% !important;
    text-align:left !important;
  }
  body#checkout .yk-opt-extras *{text-align:left}
  body#checkout .yk-opt-extras > div{font-size:11px !important;line-height:1.4 !important}
  body#checkout .yk-ship-eta{
    font-size:10px !important;padding:2px 6px !important;letter-spacing:.02em !important;
    line-height:1.3 !important;
    display:inline-flex !important;align-self:center !important;
  }
  body#checkout .yk-options{gap:8px !important;display:flex !important;flex-direction:column !important}

  /* COD virtual tile — text "COD" zamiast logo */
  body#checkout .yk-opt--cod-virtual .yk-opt-logo{font-size:10px !important;width:auto !important}
  body#checkout .yk-blik-input input{width:100% !important;min-width:0 !important;font-size:18px !important;padding:12px !important}
  body#checkout .yk-blik-input .hint{flex:1 1 100%;font-size:11px}
  body#checkout .yk-picker-btn{padding:9px 12px;font-size:11px}
  body#checkout .yk-summary{padding:22px 18px !important}
  body#checkout .yk-summary-toggle{display:flex !important}
  body#checkout .yk-cart-items{margin-top:8px !important}
  body#checkout .yk-cart-items.is-collapsed{max-height:0 !important;margin-top:0 !important;padding:0 !important;opacity:0}
  body#checkout .yk-cart-line{grid-template-columns:54px 1fr auto !important;gap:12px !important}
  body#checkout .yk-cart-thumb{width:54px !important;height:54px !important}
  body#checkout .yk-totals .grand .val{font-size:28px !important}
  body#checkout .yk-welcome-banner{padding:12px 14px;gap:10px}
  body#checkout .yk-welcome-banner .avatar{width:36px;height:36px;font-size:15px}
  body#checkout .yk-welcome-banner .greet{font-size:13px}
  body#checkout .yk-welcome-banner .meta{font-size:11px}
  body#checkout .yk-modal-backdrop{padding:20px 12px}
  body#checkout .yk-modal{padding:28px 22px 24px}
  body#checkout .yk-modal-title{font-size:20px}
  body#checkout .yk-modal-sub{font-size:12px}
  body#checkout .yk-modal-meta-row{flex-wrap:wrap;gap:8px}
  body#checkout .yk-notice{padding:12px 14px;font-size:12px}
  body#checkout .yk-form-error-summary{padding:12px 14px;font-size:12px}
  body#checkout .yk-toggle-pills span{padding:11px 10px;font-size:11px;letter-spacing:.04em}
}
@media (max-width:420px){
  body#checkout .yk-wrap{padding:16px 12px;gap:16px}
  body#checkout .yk-card{padding:18px 14px}
  body#checkout .yk-section-num{font-size:22px}
  body#checkout .yk-section-title{font-size:12px}
  body#checkout .yk-toggle-pills span{padding:10px 8px;font-size:10px;letter-spacing:.03em}
  body#checkout .yk-field input,body#checkout .yk-field select,body#checkout .yk-field textarea{padding:12px !important}
  body#checkout .yk-btn{padding:13px 18px;font-size:12px}
  body#checkout .yk-summary{padding:18px 14px}
  body#checkout .yk-summary-title{font-size:13px}
  body#checkout .yk-totals .grand .val{font-size:26px}
  body#checkout .yk-modal{padding:24px 18px 20px}
  body#checkout .yk-modal-head{margin-bottom:18px;padding-bottom:16px}
  body#checkout .yk-modal-title{font-size:18px}
  body#checkout .yk-badges{gap:12px}
  body#checkout .yk-badges img{height:20px}

  /* Bardzo małe ekrany (≤420px) — jeszcze ciaśniej */
  body#checkout .yk-opt{padding:8px 10px !important;gap:4px 7px !important}
  body#checkout .yk-opt-body{max-width:calc(100% - 95px) !important}
  body#checkout .yk-opt-title{font-size:11.5px !important}
  body#checkout .yk-opt-meta{font-size:10px !important}
  body#checkout .yk-opt-logo{height:16px !important;width:38px !important;max-width:38px !important}
  body#checkout .yk-opt-logo img{max-height:16px !important;max-width:38px !important}
  body#checkout .yk-opt-price{font-size:11.5px !important}
  body#checkout .yk-cart-line{grid-template-columns:42px 1fr auto !important;gap:8px !important;padding:8px 0 !important}
  body#checkout .yk-cart-thumb{width:42px !important;height:42px !important}
  body#checkout .yk-cart-info .name{font-size:11px !important}
  body#checkout .yk-cart-price{font-size:11px !important}
  body#checkout .yk-totals .grand .val{font-size:22px !important}
  body#checkout .yk-totals .grand .val small{font-size:11px !important}
  body#checkout .yk-opt-price{font-size:12px !important}
  body#checkout .yk-opt-logo{height:20px;width:42px;max-width:42px}
  body#checkout .yk-opt-logo img{max-height:20px;max-width:42px}
  body#checkout .yk-saved-address-tile{padding:10px 12px !important}
  body#checkout .yk-saved-address-tile > div > div:first-child{font-size:12px !important}
  body#checkout .yk-saved-address-tile > div > div{font-size:10.5px !important}
  /* BLIK input — rozjeżdżał się na bardzo małych */
  body#checkout .yk-blik-input{flex-direction:column;gap:8px;align-items:stretch}
  body#checkout .yk-blik-input input{font-size:18px !important;padding:10px !important;letter-spacing:.4em !important}
  body#checkout .yk-blik-input .hint{flex:1 1 100%;font-size:10.5px}
}