/* DN-CART-QC 2026-09-20 (owner): header hover cart re-skinned to MATCH the Easy Checkout in all 9 stores — white surface, thin grey borders, light section
   header with the sage bar, 6px / 5px radius, tan primary button, no gradients, no glow. Tokens = checkout.twig (.quick-checkout-wrapper --c-*).
   Behaviour (dn-cart-tab-js): closes on X, Esc and on any click outside the panel. */
.dn-mc-meta { display:none !important }
.dn-mc-qty { display:none }
html.desktop #cart { --qc-surface:#ffffff; --qc-head:#f6f6f6; --qc-line:#e3e3e3; --qc-line-2:#eeeeee; --qc-soft:#fafafa; --qc-tan:#d9a97c; --qc-tan-d:#b07a4a; --qc-tan-dd:#96632f; --qc-sel:#fbf3ec; --qc-sage:#ccd5ae; --qc-ink:#333333; --qc-ink-2:#5f5f5f; --qc-muted:#9a9a9a }
html.desktop #cart .cart-content.cart-content.cart-content.cart-content { width:440px; min-width:440px !important; max-width:440px; padding:0; background:var(--qc-surface); border:1px solid var(--qc-line); border-radius:6px; box-shadow:0 14px 34px rgba(0,0,0,.10), 0 2px 6px rgba(0,0,0,.05); margin-top:10px; overflow:hidden }
html.desktop #cart .cart-content.cart-content::before { display:none !important; content:none !important }
html.desktop #cart .cart-content > ul { margin:0; padding:0; background:var(--qc-surface) }
html.desktop #cart .cart-content > ul::before { content:"Cart"; display:block; font-family:inherit; font-size:14px; font-weight:700; letter-spacing:0; line-height:1.3; color:var(--qc-ink); padding:12px 52px 12px 30px; border-bottom:1px solid var(--qc-line); background:linear-gradient(var(--qc-sage),var(--qc-sage)) 16px 50% / 4px 15px no-repeat, var(--qc-head) }
html.desktop[lang^="lt"] #cart .cart-content > ul::before { content:"Krepšelis" }
html.desktop[lang^="lv"] #cart .cart-content > ul::before { content:"Grozs" }
html.desktop[lang^="et"] #cart .cart-content > ul::before { content:"Ostukorv" }
html.desktop[lang^="de"] #cart .cart-content > ul::before { content:"Warenkorb" }
html.desktop[lang^="pl"] #cart .cart-content > ul::before { content:"Koszyk" }
html.desktop #cart .cart-content li.cart-products { max-height:44vh; overflow-y:auto; padding:2px 16px; scrollbar-width:thin }
html.desktop #cart .cart-content li.cart-products::-webkit-scrollbar { width:5px }
html.desktop #cart .cart-content li.cart-products::-webkit-scrollbar-thumb { background:#d9d9d9; border-radius:99px }
html.desktop #cart .cart-content .cart-products table { margin:0 }
html.desktop #cart .cart-content .cart-products td { border:0 !important; padding:12px 5px !important; vertical-align:middle !important; background:transparent !important }
html.desktop #cart .cart-content .cart-products td:first-child { padding-left:0 !important }
html.desktop #cart .cart-content .cart-products td.td-total { padding-right:0 !important }
html.desktop #cart .cart-content .cart-products tr + tr td { border-top:1px solid var(--qc-line-2) !important }
html.desktop #cart .cart-content .td-image { width:62px }
html.desktop #cart .cart-content .td-image a { min-width:0 !important }
html.desktop #cart .cart-content .td-image img { width:52px; height:52px; object-fit:contain; border:1px solid var(--qc-line) !important; border-radius:5px !important; padding:3px; background:#fff !important; box-shadow:none !important }
html.desktop #cart .cart-content .td-name a { font-family:inherit; font-size:13px; font-weight:600; line-height:1.4; color:var(--qc-ink); text-decoration:none !important; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:color .15s }
html.desktop #cart .cart-content .td-name a:hover { color:var(--qc-tan-dd) }
html.desktop #cart .cart-content .td-name br:first-of-type { display:none }
html.desktop #cart .cart-content .td-name span, html.desktop #cart .cart-content .td-name small { font-size:11px; color:var(--qc-muted) }
html.desktop #cart .cart-content .td-total { font-family:inherit; font-size:13.5px; font-weight:700; white-space:nowrap; color:var(--qc-ink) }
html.desktop #cart .cart-content .dn-mc-xq { display:none }
html.desktop #cart .cart-content .dn-mc-qty { display:inline-flex; align-items:stretch; gap:0; height:30px; background:#fff !important; border:1px solid var(--qc-line); border-radius:5px; padding:0; overflow:hidden; box-shadow:none !important }
html.desktop #cart .cart-content .dn-mc-btn { border:0; background:transparent; width:27px !important; height:auto !important; padding:0; font-size:13px; line-height:1; color:var(--qc-ink-2) !important; cursor:pointer; border-radius:0; display:inline-flex; align-items:center; justify-content:center; transition:background .15s, color .15s }
html.desktop #cart .cart-content .dn-mc-btn:hover { background:var(--qc-sel) !important; color:var(--qc-tan-dd) !important }
html.desktop #cart .cart-content .dn-mc-del:hover { background:#fdecec !important; color:#d0342c !important }
html.desktop #cart .cart-content .dn-mc-q { min-width:26px; display:inline-flex; align-items:center; justify-content:center; font-family:inherit; font-size:12.5px; font-weight:700; color:var(--qc-ink); border-left:1px solid var(--qc-line-2); border-right:1px solid var(--qc-line-2) }
html.desktop #cart .cart-content .dn-mc-sep { width:1px; height:auto; align-self:stretch; background:var(--qc-line) !important; margin:0 }
html.desktop #cart .cart-content .cart-products tr:has(.dn-mc-qty) .td-remove { display:none }
html.desktop #cart .cart-content li.cart-totals { background:var(--qc-soft) !important; border-top:1px solid var(--qc-line) !important; box-shadow:none !important; border-bottom:0 !important }
html.desktop #cart .cart-content li.cart-totals > div { padding:12px 16px 16px; background:transparent !important }
html.desktop #cart .cart-content li.cart-totals table, html.desktop #cart .cart-content li.cart-totals table td { background:transparent !important }
html.desktop #cart .cart-content li.cart-totals table { margin:0 0 12px !important; padding:0 !important; border-spacing:0 !important; width:100% }
html.desktop #cart .cart-content li.cart-totals td { border:0 !important; padding:3px 0 !important; font-size:12.5px }
html.desktop #cart .cart-content li.cart-totals td.td-total-title { padding-right:16px !important }
html.desktop #cart .cart-content .td-total-title { color:var(--qc-ink-2); font-weight:500 }
html.desktop #cart .cart-content .td-total-text { font-family:inherit; font-weight:600; color:var(--qc-ink); white-space:nowrap }
html.desktop #cart .cart-content li.cart-totals tr:last-child td { padding-top:10px !important; border-top:1px solid var(--qc-line) !important }
html.desktop #cart .cart-content li.cart-totals tr:nth-last-child(2) td { padding-bottom:9px !important }
html.desktop #cart .cart-content li.cart-totals tr:last-child .td-total-title { font-family:inherit; font-weight:700; font-size:13px; color:var(--qc-ink) }
html.desktop #cart .cart-content li.cart-totals tr:last-child .td-total-text { font-size:16px; font-weight:800; color:var(--qc-tan-dd) }
html.desktop #cart .cart-content .cart-buttons { display:flex !important; flex-wrap:nowrap !important; gap:8px; padding:0; background:transparent !important }
html.desktop #cart .cart-content .cart-buttons a.btn { flex:1 1 0 !important; width:auto !important; max-width:none !important; min-width:0 !important; min-height:40px !important; max-height:40px; margin:0 !important; padding:0 10px !important; border-radius:5px !important; font-family:inherit; font-weight:700; display:inline-flex !important; align-items:center; justify-content:center; text-decoration:none !important; text-transform:none !important; letter-spacing:0 !important; box-shadow:none !important; transform:none !important; transition:background .15s, border-color .15s, color .15s }
html.desktop #cart .cart-content .cart-buttons a.btn::before, html.desktop #cart .cart-content .cart-buttons a.btn::after { display:none !important; content:none !important }
html.desktop #cart .cart-content .cart-buttons a.btn i.fa { display:none }
html.desktop #cart .cart-content .cart-buttons a.btn span { font-size:13px !important; font-weight:700; line-height:1.15 !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color .15s }
html.desktop #cart .cart-content .cart-buttons a.btn-cart, html.desktop #cart .cart-content .cart-buttons a.btn-pdf { background:#fff !important; border:1px solid var(--qc-line) !important }
html.desktop #cart .cart-content .cart-buttons a.btn-cart span, html.desktop #cart .cart-content .cart-buttons a.btn-pdf span { color:var(--qc-ink) !important }
html.desktop #cart .cart-content .cart-buttons a.btn-cart:hover, html.desktop #cart .cart-content .cart-buttons a.btn-pdf:hover { background:var(--qc-sel) !important; border-color:var(--qc-tan) !important }
html.desktop #cart .cart-content .cart-buttons a.btn-cart:hover span, html.desktop #cart .cart-content .cart-buttons a.btn-pdf:hover span { color:var(--qc-tan-dd) !important }
html.desktop #cart .cart-content .cart-buttons a.btn-checkout { flex:1.35 1 0 !important; background:var(--qc-tan) !important; border:1px solid var(--qc-tan) !important }
html.desktop #cart .cart-content .cart-buttons a.btn-checkout span { color:#1a1a1a !important }
html.desktop #cart .cart-content .cart-buttons a.btn-checkout:hover { background:var(--qc-tan-d) !important; border-color:var(--qc-tan-d) !important }
html.desktop #cart .cart-content .cart-buttons a.btn-checkout:hover span { color:#fff !important }
html.desktop #cart .cart-content .cart-empty { padding:30px 16px; font-family:inherit; font-size:13px; font-weight:500; color:var(--qc-muted); margin:0; background:transparent !important }
html.desktop #cart .cart-content .cart-empty::before { content:none !important; display:none !important }
html.desktop #cart .cart-content::after { content:""; position:absolute; left:0; right:0; top:-16px; height:16px }
html.desktop #cart.dn-pinned .cart-content { opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transform:none !important; display:block !important }
html.desktop #cart .dn-ct-x { position:absolute; top:8px; right:12px; width:26px; height:26px; border-radius:5px; border:1px solid var(--qc-line); background:#fff; color:var(--qc-ink-2); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; font-size:11px; line-height:1; padding:0; z-index:5; box-shadow:none; transition:background .15s, color .15s, border-color .15s }
html.desktop #cart .dn-ct-x:hover { background:var(--qc-sel); color:var(--qc-tan-dd); border-color:var(--qc-tan) }
html.desktop #cart.dn-ct-closed .cart-content { opacity:0 !important; visibility:hidden !important; pointer-events:none !important }