/* Atena Shop UX - bočna korpa (DESIGN 5.17); brzi pregled je u brzi.css. Samo tokeni --at-* (fallback = Atena paleta). */

/* ===== Bočna korpa ===== */
.at-cart-drawer [hidden]{display:none}
.at-cart-drawer{position:fixed;top:0;right:0;bottom:0;z-index:var(--at-z-drawer,400);width:80%;max-width:100%;background:var(--at-bg,#F7F7F5);display:flex;flex-direction:column;transform:translateX(100%);visibility:hidden;transition:transform 240ms var(--at-ease-in,cubic-bezier(.4,0,1,1)),visibility 0s linear 240ms;overscroll-behavior:contain}
@media (min-width:40em){.at-cart-drawer{width:440px;box-shadow:var(--at-shadow-lg,0 12px 32px rgba(20,20,20,.14))}}
.at-cart-drawer.is-open{transform:none;visibility:visible;transition:transform var(--at-d-slow,320ms) var(--at-ease-out,cubic-bezier(.22,1,.36,1)),visibility 0s}
.at-cart-drawer__head{display:flex;align-items:center;justify-content:space-between;height:var(--at-header-h,72px);padding:0 var(--at-s-5,24px);border-bottom:1px solid var(--at-line,#E2E2DE);flex:none}
.at-cart-drawer__title{font-size:var(--at-fs-h3,1.375rem);margin:0}
.at-cart-drawer__count{font-family:var(--at-font-body);font-weight:400;font-size:var(--at-fs-body,1rem);color:var(--at-muted,#6F6F6A)}
.at-cart-drawer__body{flex:1;overflow-y:auto;padding:var(--at-s-4,16px) var(--at-s-5,24px);scrollbar-width:thin}
.at-cart-drawer__items{list-style:none;margin:0;padding:0;display:grid}
.at-cart-item{display:grid;grid-template-columns:72px minmax(0,1fr) 32px;gap:var(--at-s-3,12px);padding:var(--at-s-4,16px) 0;border-bottom:1px solid var(--at-line,#E2E2DE);transition:opacity var(--at-d-base,200ms) var(--at-ease-out)}
.js .at-cart-item.is-in{animation:at-item-in var(--at-d-slow,320ms) var(--at-ease-out,cubic-bezier(.22,1,.36,1)) both;animation-delay:calc(var(--i,0) * 40ms)}
@keyframes at-item-in{from{opacity:0;transform:translateX(16px)}}
.at-cart-item.is-updating{opacity:.6;pointer-events:none}
.at-cart-item.is-leaving{animation:at-item-out 240ms var(--at-ease-in,cubic-bezier(.4,0,1,1)) forwards}
@keyframes at-item-out{to{opacity:0;transform:translateX(24px)}}
.at-cart-item__media{aspect-ratio:4/5;border-radius:var(--at-radius-sm,6px);overflow:hidden;background:var(--at-surface-2,#EFEFEC)}
.at-cart-item__img{width:100%;height:100%;object-fit:cover}
.at-cart-item__body{display:grid;gap:6px;align-content:start;min-width:0}
.at-cart-item__name{margin:0;font-family:var(--at-font-display);font-weight:600;font-size:var(--at-fs-body,1rem);line-height:1.3;letter-spacing:-.01em;color:var(--at-ink,#141414);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.at-cart-item__name a{color:inherit}
.at-cart-item__name a:hover{color:var(--at-accent,#0E4F5C)}
.at-cart-item__meta{margin:0;font-size:var(--at-fs-micro,.75rem);color:var(--at-muted,#6F6F6A)}
.at-cart-item__row{display:flex;align-items:center;justify-content:space-between;gap:var(--at-s-3,12px);margin-top:4px}
.at-cart-item__qty{display:inline-flex;align-items:center;height:36px;border:1px solid var(--at-line-strong,#C9C9C4);border-radius:var(--at-radius-sm,6px);background:var(--at-surface,#fff)}
.at-cart-item__btn{width:32px;height:100%;display:grid;place-content:center;font-size:1.1rem;color:var(--at-ink-2,#3D3D3A);border-radius:var(--at-radius-sm,6px);transition:background-color var(--at-d-fast,120ms)}
.at-cart-item__btn:hover{background:var(--at-surface-2,#EFEFEC)}
.at-cart-item__btn[disabled]{opacity:.4;pointer-events:none}
.at-cart-item__input{width:34px;height:100%;border:0;background:transparent;text-align:center;font-weight:600;font-size:var(--at-fs-small,.875rem);font-variant-numeric:tabular-nums;padding:0;appearance:textfield;-moz-appearance:textfield}
.at-cart-item__input::-webkit-outer-spin-button,.at-cart-item__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.at-cart-item__input:focus{outline:none}
.at-cart-item__qty:focus-within{border-color:var(--at-accent,#0E4F5C);box-shadow:var(--at-ring,0 0 0 3px #E3EEF0)}
.at-cart-item__price{display:grid;text-align:right;font-family:var(--at-font-display);font-weight:600;font-size:var(--at-fs-body,1rem);font-variant-numeric:tabular-nums;color:var(--at-ink,#141414)}
.at-cart-item__price small{font-family:var(--at-font-body);font-weight:400;font-size:var(--at-fs-micro,.75rem);color:var(--at-muted,#6F6F6A)}
.at-cart-item__remove{width:32px;height:32px;display:grid;place-content:center;border-radius:var(--at-radius-sm,6px);color:var(--at-muted,#6F6F6A);transition:background-color var(--at-d-base,200ms),color var(--at-d-base,200ms)}
.at-cart-item__remove svg{width:18px;height:18px}
.at-cart-item__remove:hover{background:var(--at-danger-soft,#FCEBEA);color:var(--at-danger,#B42318)}

/* Traka do besplatne dostave */
.at-freeship{flex:none;padding:var(--at-s-3,12px) var(--at-s-5,24px) 0}
.at-freeship__text{margin:0 0 var(--at-s-2,8px);font-size:var(--at-fs-small,.875rem);color:var(--at-ink-2,#3D3D3A)}
.at-freeship__text b{color:var(--at-ink,#141414)}
.at-freeship__bar{height:4px;border-radius:2px;background:var(--at-line,#E2E2DE);overflow:hidden}
.at-freeship__bar i{display:block;height:100%;width:0;border-radius:2px;background:var(--at-accent,#0E4F5C);transition:width 480ms var(--at-ease-out,cubic-bezier(.22,1,.36,1)),background-color var(--at-d-base,200ms)}
.at-freeship.is-full .at-freeship__bar i{background:var(--at-success,#1E7A4C)}
.at-freeship.is-full .at-freeship__text{color:var(--at-success,#1E7A4C)}
.at-freeship.is-pulse .at-freeship__bar{animation:at-pulse 480ms var(--at-ease-spring,cubic-bezier(.34,1.4,.64,1))}
@keyframes at-pulse{50%{transform:scaleY(1.8)}}

/* Prazno stanje */
.at-cart-drawer__empty{display:grid;justify-items:center;text-align:center;gap:var(--at-s-3,12px);padding:var(--at-s-8,64px) 0}
.at-cart-drawer__empty svg{width:72px;height:72px;color:var(--at-muted,#6F6F6A)}
.at-cart-drawer__empty h3{margin:0;font-size:var(--at-fs-h3,1.375rem)}
.at-cart-drawer__empty p{margin:0 0 var(--at-s-3,12px);color:var(--at-muted,#6F6F6A)}

/* Kupon, predlozi */
.at-cart-drawer__extras{display:grid;gap:var(--at-s-5,24px);padding-top:var(--at-s-5,24px)}
.at-cart-drawer__acc{border:1px solid var(--at-line,#E2E2DE);border-radius:var(--at-radius-md,10px);background:var(--at-surface,#fff)}
.at-cart-drawer__acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:var(--at-s-3,12px) var(--at-s-4,16px);font-weight:600;font-size:var(--at-fs-small,.875rem);color:var(--at-ink,#141414)}
.at-cart-drawer__acc summary::-webkit-details-marker{display:none}
.at-cart-drawer__acc summary::after{content:"";width:18px;height:18px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform var(--at-d-slow,320ms) var(--at-ease-out)}
.at-cart-drawer__acc[open] summary::after{transform:rotate(45deg)}
.at-cart-drawer__coupon{display:flex;gap:var(--at-s-2,8px);padding:0 var(--at-s-4,16px) var(--at-s-4,16px)}
.at-cart-drawer__coupon input{flex:1;min-width:0;height:40px;padding:0 12px;border:1px solid var(--at-line-strong,#C9C9C4);border-radius:var(--at-radius-sm,6px);background:var(--at-surface,#fff);font-size:var(--at-fs-small,.875rem)}
.at-cart-drawer__coupon input:focus{outline:none;border-color:var(--at-accent,#0E4F5C);box-shadow:var(--at-ring,0 0 0 3px #E3EEF0)}
.at-cart-drawer__coupons{list-style:none;margin:0;padding:0 var(--at-s-4,16px) var(--at-s-3,12px);display:grid;gap:4px;font-size:var(--at-fs-small,.875rem)}
.at-cart-drawer__coupons:empty{display:none}
.at-cart-drawer__coupons li{display:flex;justify-content:space-between;gap:var(--at-s-3,12px)}
.at-cart-drawer__coupons span{font-family:monospace;letter-spacing:.04em;background:var(--at-accent-soft,#E3EEF0);color:var(--at-accent,#0E4F5C);padding:0 6px;border-radius:4px}
.at-cart-upsell .at-eyebrow{margin-bottom:var(--at-s-3,12px)}
.at-cart-upsell__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--at-s-2,8px)}
.at-cart-upsell__item{display:grid;grid-template-columns:48px minmax(0,1fr) 36px;gap:var(--at-s-3,12px);align-items:center;padding:var(--at-s-2,8px);border:1px solid var(--at-line,#E2E2DE);border-radius:var(--at-radius-md,10px);background:var(--at-surface,#fff)}
.at-cart-upsell__media{display:block;aspect-ratio:1;border-radius:var(--at-radius-sm,6px);overflow:hidden;background:var(--at-surface-2,#EFEFEC)}
.at-cart-upsell__media img{width:100%;height:100%;object-fit:cover}
.at-cart-upsell__body{display:grid;gap:2px;min-width:0}
.at-cart-upsell__name{font-size:var(--at-fs-small,.875rem);font-weight:500;color:var(--at-ink,#141414);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at-cart-upsell__price{font-family:var(--at-font-display);font-weight:600;font-size:var(--at-fs-small,.875rem);color:var(--at-ink,#141414)}
.at-cart-upsell__price del{color:var(--at-muted,#6F6F6A);font-weight:400;margin-right:4px}
.at-cart-upsell__price ins{text-decoration:none;color:var(--at-sale,#C8102E)}
.at-cart-upsell__add{width:36px;height:36px;display:grid;place-content:center;border:1px solid var(--at-ink,#141414);border-radius:var(--at-radius-sm,6px);color:var(--at-ink,#141414);transition:background-color var(--at-d-base,200ms),color var(--at-d-base,200ms)}
.at-cart-upsell__add svg{width:18px;height:18px}
.at-cart-upsell__add:hover{background:var(--at-ink,#141414);color:var(--at-bg,#F7F7F5)}
.at-cart-upsell__add.is-loading{opacity:.5;pointer-events:none}

/* Sticky podnožje */
.at-cart-drawer__foot{flex:none;padding:var(--at-s-4,16px) var(--at-s-5,24px) calc(var(--at-s-5,24px) + env(safe-area-inset-bottom));border-top:1px solid var(--at-line,#E2E2DE);background:var(--at-surface,#fff);display:grid;gap:var(--at-s-3,12px)}
.at-cart-drawer__totals{margin:0;display:grid;gap:6px;font-size:var(--at-fs-small,.875rem)}
.at-cart-drawer__totals > div,.at-cart-drawer__fees > div{display:flex;justify-content:space-between;gap:var(--at-s-3,12px)}
.at-cart-drawer__fees{display:contents}
.at-cart-drawer__totals dt{color:var(--at-muted,#6F6F6A);font-weight:400}
.at-cart-drawer__totals dd{margin:0;font-variant-numeric:tabular-nums;color:var(--at-ink,#141414)}
.at-cart-drawer__total{padding-top:var(--at-s-2,8px);margin-top:2px;border-top:1px solid var(--at-line,#E2E2DE)}
.at-cart-drawer__total dt,.at-cart-drawer__total dd{font-family:var(--at-font-display);font-weight:600;font-size:var(--at-fs-price,1.375rem);color:var(--at-ink,#141414)}
.at-cart-drawer__total small{font-family:var(--at-font-body);font-weight:400;font-size:var(--at-fs-micro,.75rem);color:var(--at-muted,#6F6F6A)}
.at-cart-drawer__foot .at-btn--lg{width:100%}
.at-cart-drawer__links{display:flex;justify-content:space-between;gap:var(--at-s-4,16px);font-size:var(--at-fs-small,.875rem)}
.at-cart-drawer__loyalty:empty{display:none}

@media (prefers-reduced-motion: reduce){
  .js .at-cart-item.is-in,.at-cart-item.is-leaving{animation:none}

}