/* Atena Shop UX - brzi pregled (DESIGN 5.18). Učitava se samo kad je opcija atena_shopux_brzi_pregled uključena. */
.at-quickview [hidden]{display:none}
/* Centriran modal na svim širinama. right:auto + 100vw: html ima scrollbar-gutter:stable, pa bi inset:0 centrirao
   bez trake skrola i ostavio nepokriven pojas desno (isto za overlay dok je brzi pregled otvoren). */
.at-quickview{position:fixed;inset:0 auto 0 0;width:100vw;z-index:var(--at-z-modal,500);display:flex;align-items:center;justify-content:center;padding:var(--at-s-3,12px);pointer-events:none;visibility:hidden;transition:visibility 0s linear 240ms}
.at-quickview.is-open ~ .at-overlay{right:auto;width:100vw}
.at-quickview.is-open{visibility:visible;pointer-events:auto;transition:visibility 0s}
.at-quickview__panel{width:min(960px,100%);max-height:min(90dvh,760px);background:var(--at-bg,#F7F7F5);border-radius:var(--at-radius-lg,16px);box-shadow:var(--at-shadow-lg);display:flex;flex-direction:column;overflow:hidden;transform:scale(.96);opacity:0;transition:transform 240ms var(--at-ease-in,cubic-bezier(.4,0,1,1)),opacity 240ms var(--at-ease-in,cubic-bezier(.4,0,1,1))}
.at-quickview.is-open .at-quickview__panel{transform:none;opacity:1;transition:transform 240ms var(--at-ease-out,cubic-bezier(.22,1,.36,1)),opacity 240ms var(--at-ease-out,cubic-bezier(.22,1,.36,1))}
@media (min-width:64em){.at-quickview{padding:var(--at-s-6,32px)}}
.at-quickview__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--at-s-3,12px);padding:var(--at-s-2,8px) var(--at-s-3,12px) var(--at-s-2,8px) var(--at-s-5,24px);border-bottom:1px solid var(--at-line,#E2E2DE);flex:none;position:relative}
.at-quickview__grip{display:none}
.at-quickview__label{margin:0}
.at-quickview__body{overflow-y:auto;padding:var(--at-s-4,16px) var(--at-gutter,16px) calc(var(--at-s-6,32px) + env(safe-area-inset-bottom,0px));flex:1;overscroll-behavior:contain;scrollbar-width:thin}
.at-quickview__grid{display:grid;gap:var(--at-s-5,24px);align-items:start}
@media (min-width:64em){
  .at-quickview__body{padding:var(--at-s-6,32px)}
  .at-quickview__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--at-s-7,48px)}
}
.at-quickview__media{min-width:0}
.at-quickview__media .at-gallery{grid-template-columns:minmax(0,1fr)}
.at-quickview__media .at-gallery__thumbs{display:none}
.at-quickview__media .at-gallery__slide.is-zoom .at-gallery__img{transform:none}
.at-quickview__media .at-gallery__hint,.at-quickview__media .at-gallery__arrow{display:none}
.at-quickview__media .at-gallery__dots{display:flex}
.at-quickview__media .at-gallery__stage{border-radius:var(--at-radius-md,10px);margin:0}
.at-quickview__info{display:grid;gap:var(--at-s-4,16px);align-content:start;min-width:0}
.at-quickview__info .at-eyebrow{margin:0}
.at-quickview__info .at-buy{margin-top:var(--at-s-2,8px)}
.at-quickview__title{font-size:var(--at-fs-h3,1.375rem);line-height:1.15;margin:0;overflow-wrap:anywhere}
.at-quickview__title a{color:inherit}
.at-quickview__title a:hover{color:var(--at-accent,#0E4F5C)}
.at-quickview__rating{display:flex;align-items:center;gap:var(--at-s-2,8px);margin:0}
.at-quickview__short{font-size:var(--at-fs-small,.875rem);color:var(--at-ink-2,#3D3D3A);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.at-quickview__short p{margin:0}
.at-quickview__more{justify-self:start;font-size:var(--at-fs-small,.875rem)}
.at-quickview__skeleton{display:grid;gap:var(--at-s-4,16px)}
.at-quickview__skeleton span{display:block;height:20px;border-radius:6px;background:linear-gradient(90deg,var(--at-surface-2,#EFEFEC) 25%,var(--at-surface,#fff) 50%,var(--at-surface-2,#EFEFEC) 75%);background-size:200% 100%;animation:at-shimmer 1.2s linear infinite}
.at-quickview__skeleton span:first-child{height:auto;aspect-ratio:4/5;max-height:60vh;border-radius:var(--at-radius-md,10px)}
@media (min-width:64em){.at-quickview__skeleton{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--at-s-7,48px)}.at-quickview__skeleton span:first-child{grid-row:1/span 3}}
@keyframes at-shimmer{to{background-position:-200% 0}}
@media (prefers-reduced-motion: reduce){.at-quickview__skeleton span{animation:none}}