/* Native Shoptet cart surfaces. Prices, links, quantities and forms stay native. */
body.in-kosik #cart-wrapper .cart-table tr > td,
body.in-kosik #cart-wrapper .cart-table tr > td.cart-p-image {
  background: #101b22;
  color: #f5fafb;
  border-color: #3a515c;
}

body.in-kosik #cart-wrapper .cart-table .main-link {
  color: #f5fafb;
  font-weight: 650;
  line-height: 1.5;
  text-decoration: none;
}

body.in-kosik #cart-wrapper .cart-table .main-link:hover {
  color: #00f2ea;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.in-kosik #cart-wrapper .cart-table .price-final {
  color: #f5fafb;
  font-weight: 750;
}

body.in-kosik #cart-wrapper .cart-table :is(.p-label, .unit-value, .price-additional) {
  color: #becdd4;
}

body.in-kosik #cart-wrapper .cart-table .remove-item::before {
  color: #d4e2e7;
}

body.in-kosik #cart-wrapper .cart-table .remove-item:hover::before {
  color: #ff7388;
}

body.in-kosik #cart-wrapper .cart-table :is(.main-link, .remove-item):focus-visible {
  outline: 3px solid #00f2ea;
  outline-offset: 3px;
}

body.in-kosik #cart-wrapper .summary {
  margin-top: 24px;
  margin-right: 0;
  margin-left: 0;
  padding: 20px 8px;
  border: 1px solid #3a515c;
  border-radius: 16px;
  background: #101b22;
  color: #f5fafb;
}

body.in-kosik #cart-wrapper .summary :is(.price-primary, h4) {
  color: #f5fafb;
}

body.in-kosik #cart-wrapper .summary .price-secondary {
  color: #becdd4;
}

@media (max-width: 680px) {
  body.in-kosik #cart-wrapper .cart-table tr > td {
    border-color: #3a515c;
  }

  body.in-kosik #cart-wrapper .cart-table .p-name .main-link {
    overflow-wrap: anywhere;
  }

  body.in-kosik #cart-wrapper .summary .price-wrapper {
    max-width: 100%;
  }

  body.in-kosik #cart-wrapper .summary .price.price-primary {
    font-size: 27px;
    line-height: 1.4;
  }
}

/* The native drawer also appears on product pages, outside body.in-kosik. */
body.st3-shell-v3 #cart-widget{background:#0b1218;color:#f5fafb}
body.st3-shell-v3 #cart-widget .cart-header{display:grid;grid-template-columns:1fr;gap:1px;margin:16px 0 24px;padding:0;background:#ffffff20;border:1px solid #ffffff20;border-radius:4px;overflow:hidden}
body.st3-shell-v3 #cart-widget .cart-header .step{width:auto;margin:0;padding:0;border:0;background:#111c23;color:#becdd4}
body.st3-shell-v3 #cart-widget .cart-header .step :is(a,strong){display:block;padding:10px 12px;background:transparent;color:inherit;font-size:12px;line-height:1.45;text-align:left}
body.st3-shell-v3 #cart-widget .cart-header .step.active{background:#12383b;color:#70fff7}
body.st3-shell-v3 #cart-widget .cart-header .step::before,body.st3-shell-v3 #cart-widget .cart-header .step::after{content:none;display:none}
body.st3-shell-v3 #cart-widget .cart-table{display:block;width:100%;border:0;background:transparent}
body.st3-shell-v3 #cart-widget .cart-table tbody{display:block}
body.st3-shell-v3 #cart-widget .cart-table tr{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px 12px;padding:18px 0;border-bottom:1px solid #ffffff26;background:transparent}
body.st3-shell-v3 #cart-widget .cart-table tr>td{display:block;float:none;width:auto;min-width:0;max-width:none;padding:0!important;background:transparent!important;color:#f5fafb;border:0!important;text-align:left}
body.st3-shell-v3 #cart-widget .cart-table .cart-p-image{grid-column:1;grid-row:1}
body.st3-shell-v3 #cart-widget .cart-table .cart-p-image img{width:72px;height:auto;border-radius:4px}
body.st3-shell-v3 #cart-widget .cart-table .p-name{grid-column:2;grid-row:1;align-self:center}
body.st3-shell-v3 #cart-widget .cart-table .main-link{color:#f5fafb;font-size:14px;line-height:1.5;font-weight:700;text-decoration:none;overflow-wrap:anywhere}
body.st3-shell-v3 #cart-widget .cart-table :is(.p-availability,.p-quantity){grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}
body.st3-shell-v3 #cart-widget .cart-table .p-price{grid-column:1/-1}
body.st3-shell-v3 #cart-widget .cart-table .p-total{grid-column:1/-1;position:relative;padding-right:36px!important}
body.st3-shell-v3 #cart-widget .cart-table :is(.p-label,.unit-value,.price-additional,.price-final small,.price-final span){color:#becdd4;font-size:12px;line-height:1.5}
body.st3-shell-v3 #cart-widget .cart-table .p-label{display:block;margin-bottom:4px}
body.st3-shell-v3 #cart-widget .cart-table :is(.price-final,.price){color:#f5fafb;font-size:16px;line-height:1.5}
body.st3-shell-v3 #cart-widget .cart-table .remove-item{position:absolute;right:0;top:0;min-width:32px;min-height:40px;color:#f5fafb}
body.st3-shell-v3 #cart-widget .cart-table .remove-item::before{color:#f5fafb}
body.st3-shell-v3 #cart-widget :is(.btn,.quantity,.quantity input,.quantity button){border-radius:4px!important}
body.st3-shell-v3 #cart-widget :is(a,button,input):focus-visible{outline:2px solid #00f2ea;outline-offset:3px}

body.st3-shell-v3 #cart-widget .cart-header .step :is(a,strong)>span{display:block;min-height:0;height:auto;margin:0;padding:0;background:transparent!important;color:inherit!important;border:0;line-height:1.5;text-align:left}
body.st3-shell-v3 #cart-widget .cart-header .step :is(a,strong)>span::before,body.st3-shell-v3 #cart-widget .cart-header .step :is(a,strong)>span::after{content:none;display:none}

/* Compact desktop order row; retain a readable stack on smaller screens. */
body.st3-shell-v3 #cart-widget .p-availability strong{border-radius:4px!important}
@media(min-width:992px){
 body.st3-shell-v3 #cart-widget .cart-header{grid-template-columns:repeat(3,minmax(0,1fr))}
 body.st3-shell-v3 #cart-widget .cart-table tr{grid-template-columns:72px minmax(180px,2fr) minmax(100px,1fr) 150px minmax(100px,1fr) minmax(130px,1fr);align-items:center;gap:16px}
 body.st3-shell-v3 #cart-widget .cart-table tr>td{grid-row:1}
 body.st3-shell-v3 #cart-widget .cart-table .p-availability{grid-column:3;display:block}
 body.st3-shell-v3 #cart-widget .cart-table .p-quantity{grid-column:4;display:block}
 body.st3-shell-v3 #cart-widget .cart-table .p-price{grid-column:5}
 body.st3-shell-v3 #cart-widget .cart-table .p-total{grid-column:6}
}

body.st3-shell-v3 #cart-widget .cart-header::before,body.st3-shell-v3 #cart-widget .cart-header::after{content:none;display:none}
body.st3-shell-v3 #cart-widget .p-availability .availability-label{display:inline-block}
body.st3-shell-v3 #cart-widget .cart-table .remove-item{opacity:1}