/* ATENA strana proizvoda (DESIGN 5.15, 5.16): galerija, info kolona, cena, countdown, varijacije, kupovina, tabovi, recenzije, karusel, sticky traka. */

/* ===== Raspored ===== */
.at-pdp{padding-block:var(--at-s-6) 0}
.at-pdp__top{align-items:start;row-gap:var(--at-s-6)}
@media (min-width:64em){
  .at-pdp{padding-top:var(--at-s-7)}
  .at-pdp__info{position:sticky;top:calc(var(--at-header-h) + 24px);padding-left:var(--at-s-5)}
}
@media (min-width:80em){.at-pdp__info{padding-left:var(--at-s-7)}}
.at-pdp__info > * + *{margin-top:var(--at-s-5)}
.at-pdp__crumbs{margin-bottom:var(--at-s-2)}
.at-pdp__back{display:none;font-size:var(--at-fs-small);color:var(--at-muted);align-items:center;gap:2px}
.at-pdp__back svg{width:16px;height:16px}
@media (max-width:47.99em){.at-pdp__crumbs{display:none}.at-pdp__back{display:inline-flex}}
.at-pdp__head{display:grid;gap:var(--at-s-3)}
.at-pdp__cat{margin:0}
.at-pdp__rating{display:inline-flex;align-items:center;gap:var(--at-s-2);color:var(--at-ink-2);width:fit-content}
.at-pdp__rating:hover{color:var(--at-accent)}
.at-pdp__short{position:relative;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--at-ink-2)}
.at-pdp__short.is-open{display:block;-webkit-line-clamp:none}
.at-pdp__more{margin-top:var(--at-s-2);font-size:var(--at-fs-small);font-weight:600;align-self:start}
.at-pdp__on-request{font-family:var(--at-font-display);font-weight:var(--at-display-weight);font-size:var(--at-fs-price);color:var(--at-ink)}
.at-pdp__meta{display:flex;flex-wrap:wrap;gap:var(--at-s-3) var(--at-s-5);align-items:center;padding-top:var(--at-s-4);border-top:1px solid var(--at-line)}
.at-pdp__meta b{font-weight:500;color:var(--at-ink-2)}
.at-pdp__share{display:inline-flex;gap:var(--at-s-4);margin-left:auto}
.at-pdp__share button{display:inline-flex;align-items:center;gap:6px;font-size:var(--at-fs-small);color:var(--at-muted)}
.at-pdp__share button:hover{color:var(--at-ink)}
.at-pdp__share svg{width:16px;height:16px}

/* Zvezdice */
.at-stars{display:inline-flex;gap:1px;color:var(--at-ink)}
.at-stars__s{position:relative;width:16px;height:16px}
.at-stars__s svg{position:absolute;inset:0;width:16px;height:16px;stroke:currentColor;fill:none}
.at-stars__s::after{content:"";position:absolute;inset:0;width:calc(var(--f,0) * 100%);overflow:hidden;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 2.7 5.6 6.1.8-4.5 4.3 1.1 6.1L12 17l-5.4 2.8 1.1-6.1L3.2 9.4l6.1-.8z'/%3E%3C/svg%3E") left/16px 16px no-repeat}
.at-stars--sm .at-stars__s,.at-stars--sm .at-stars__s svg{width:14px;height:14px}
.at-stars--sm .at-stars__s::after{mask-size:14px 14px}

/* ===== Cena (5.16) - osnova .at-price je u product-card.css (učitava se pre); ovde samo PDP dodaci ===== */
.at-price--lg{font-size:1.75rem}
.at-price--sale .at-price__current{color:var(--at-sale)}
.at-price__save{font-family:var(--at-font-body);font-weight:500;font-size:var(--at-fs-small);color:var(--at-sale)}
.at-price__vat{flex-basis:100%;font-family:var(--at-font-body);font-weight:400;font-size:var(--at-fs-micro);letter-spacing:.04em;text-transform:uppercase;color:var(--at-muted);margin-top:-4px}
.at-price .at-badge{align-self:center}
.at-price.is-changed{animation:at-price-in var(--at-d-slow) var(--at-ease-out)}
@keyframes at-price-in{from{opacity:.3;transform:translateY(4px)}}
.at-pdp__price{display:grid;gap:var(--at-s-4)}

/* Countdown */
.at-countdown{display:inline-flex;align-items:center;gap:var(--at-s-2);flex-wrap:wrap}
.at-countdown__label{font-size:var(--at-fs-small);color:var(--at-muted);margin-right:var(--at-s-1)}
.at-countdown__seg{display:inline-flex;align-items:baseline;gap:3px;min-width:40px;height:40px;padding:0 8px;border-radius:var(--at-radius-sm);background:var(--at-surface-2);font-family:var(--at-font-display);font-weight:600;font-size:var(--at-fs-body);font-variant-numeric:tabular-nums;color:var(--at-ink);justify-content:center;align-items:center}
.at-countdown__seg small{font-family:var(--at-font-body);font-weight:500;font-size:var(--at-fs-micro);color:var(--at-muted)}
.at-countdown.is-urgent .at-countdown__seg{color:var(--at-sale);background:var(--at-sale-soft)}
.at-countdown[hidden]{display:none}

/* ===== Varijacije ===== */
.at-variations{display:grid;gap:var(--at-s-5)}
.at-variation{border:0;padding:0;margin:0;min-width:0;display:grid;gap:var(--at-s-3)}
.at-variation__label{padding:0;font-size:var(--at-fs-small);font-weight:600;color:var(--at-ink);display:flex;gap:6px}
.at-variation__label::after{content:""}
.at-variation__value{font-weight:400;color:var(--at-muted)}
.at-variation__value:not(:empty)::before{content:": ";margin-left:-6px}
.at-variation__opts{display:flex;flex-wrap:wrap;gap:var(--at-s-2)}
.at-variation__select{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.at-variation.is-missing .at-variation__label{color:var(--at-danger)}
.at-variation.is-missing .at-variation__opts{animation:at-shake 320ms var(--at-ease-out)}
@keyframes at-shake{20%{transform:translateX(-4px)}60%{transform:translateX(4px)}}
/* Swatch u kutiji za kupovinu: 36px dugme sa tačkom 28px (kartica ima kompaktnu 28px verziju u product-card.css) */
.at-buy .at-swatch{position:relative;width:36px;height:36px;border-radius:50%;display:grid;place-content:center;background:none;box-shadow:none;transition:transform var(--at-d-fast) var(--at-ease-spring)}
.at-buy .at-swatch::after{content:none}
.at-buy .at-swatch__dot{width:28px;height:28px;border-radius:50%;background:var(--at-swatch,var(--at-surface-2));box-shadow:inset 0 0 0 1px rgba(20,20,20,.12);transition:transform var(--at-d-fast) var(--at-ease-spring)}
.at-buy .at-swatch::before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid transparent;transition:border-color var(--at-d-fast) var(--at-ease-out),transform var(--at-d-fast) var(--at-ease-spring)}
.at-buy .at-swatch:hover{transform:none}
.at-buy .at-swatch:hover .at-swatch__dot{transform:scale(1.08)}
.at-buy .at-swatch[aria-pressed="true"]::before{border-color:var(--at-ink)}
.at-buy .at-swatch:active{transform:scale(.94)}
.at-buy .at-swatch--text,.at-buy .at-opt{width:auto;min-width:44px;height:44px;padding:0 var(--at-s-4);border-radius:var(--at-radius-sm);border:1px solid var(--at-line-strong);background:var(--at-surface);font-size:var(--at-fs-small);font-weight:500;color:var(--at-ink);transition:background-color var(--at-d-base) var(--at-ease-out),border-color var(--at-d-base) var(--at-ease-out),color var(--at-d-base) var(--at-ease-out),transform var(--at-d-fast) var(--at-ease-spring)}
.at-buy .at-swatch--text::before{display:none}
.at-buy .at-swatch--text:hover,.at-buy .at-opt:hover{border-color:var(--at-ink)}
.at-buy .at-swatch--text[aria-pressed="true"],.at-buy .at-opt[aria-pressed="true"]{background:var(--at-ink);border-color:var(--at-ink);color:var(--at-bg)}
.at-buy .at-opt:active,.at-buy .at-swatch--text:active{transform:scale(.96)}
.at-buy .is-unavailable{opacity:.45;position:relative}
.at-buy .is-unavailable::after{content:"";position:absolute;left:50%;top:50%;width:120%;height:1px;background:var(--at-ink);transform:translate(-50%,-50%) rotate(-40deg)}
.at-buy .at-swatch.is-unavailable::after{width:80%}
.at-buy .at-select{display:block;width:100%;height:48px;padding:0 40px 0 14px;border:1px solid var(--at-line-strong);border-radius:var(--at-radius-sm);background:var(--at-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center/18px;appearance:none;color:var(--at-ink)}
.at-buy .at-select:focus{outline:none;border-color:var(--at-accent);box-shadow:var(--at-ring)}
.at-buy__reset{justify-self:start;font-size:var(--at-fs-small);color:var(--at-muted);visibility:hidden}
.single_variation_wrap .single_variation{display:none}

/* ===== Zalihe, količina, CTA ===== */
.at-buy{display:grid;gap:var(--at-s-4)}
.at-variations + .single_variation_wrap + .at-stock{margin-top:var(--at-s-1)}
.at-stock{display:flex;align-items:center;gap:var(--at-s-2);font-size:var(--at-fs-small);font-weight:500;color:var(--at-ink-2);margin:0}
.at-stock i{width:8px;height:8px;border-radius:50%;background:var(--at-success);box-shadow:0 0 0 3px var(--at-success-soft)}
.at-stock--low i{background:var(--at-warning);box-shadow:0 0 0 3px var(--at-warning-soft)}
.at-stock--back i,.at-stock--out i{background:var(--at-muted);box-shadow:0 0 0 3px var(--at-surface-2)}
.at-stock--out{color:var(--at-muted)}
.at-buy__row{display:flex;gap:var(--at-s-3);align-items:stretch;flex-wrap:wrap}
.at-qty{display:inline-flex;align-items:center;height:52px;border:1px solid var(--at-line-strong);border-radius:var(--at-radius-md);background:var(--at-surface);flex:none}
.at-qty__btn{width:44px;height:100%;display:grid;place-content:center;font-size:1.25rem;color:var(--at-ink-2);border-radius:var(--at-radius-md);transition:background-color var(--at-d-fast) var(--at-ease-out),color var(--at-d-fast)}
.at-qty__btn:hover{background:var(--at-surface-2);color:var(--at-ink)}
.at-qty__input{width:44px;height:100%;border:0;background:transparent;text-align:center;font-weight:600;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
.at-qty__input::-webkit-outer-spin-button,.at-qty__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.at-qty__input:focus{outline:none}
.at-qty:focus-within{border-color:var(--at-accent);box-shadow:var(--at-ring)}
.at-buy__cta{flex:1 1 120px;min-width:0;position:relative;overflow:hidden} /* 390px: qty + dugme + srce u jednom redu */
.at-buy__cta-done{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--at-s-2);background:var(--at-success);color:#fff;transform:translateY(100%);transition:transform var(--at-d-slow) var(--at-ease-out)}
.at-buy__cta.is-added .at-buy__cta-done{transform:none}
.at-buy__cta.is-added{pointer-events:none}
.at-buy__cta[disabled]{opacity:.55}
.at-buy__wish{display:flex;align-items:center}
.at-buy__wish .yith-add-to-wishlist-button-block,.at-buy__wish .yith-wcwl-add-to-wishlist{margin:0}
.at-buy__wish a,.at-buy__wish button,.at-buy__wish .yith-wcwl-add-button > a{display:inline-flex;align-items:center;justify-content:center;gap:var(--at-s-2);min-width:52px;height:52px;padding:0 var(--at-s-3);border:1px solid var(--at-line-strong);border-radius:var(--at-radius-md);background:var(--at-surface);color:var(--at-ink);font-size:0;text-decoration:none;transition:border-color var(--at-d-base) var(--at-ease-out),color var(--at-d-base) var(--at-ease-out),transform var(--at-d-fast) var(--at-ease-spring)}
.at-buy__wish a:hover,.at-buy__wish button:hover{border-color:var(--at-ink)}
.at-buy__wish svg,.at-buy__wish i,.at-buy__wish img{width:20px;height:20px;font-size:20px;font-style:normal;color:currentColor}
.at-buy__wish .yith-wcwl-icon-svg{width:20px;height:20px}
.at-buy__wish .feedback,.at-buy__wish .yith-wcwl-wishlistexistsbrowse a,.at-buy__wish .yith-wcwl-wishlistaddedbrowse a{font-size:0}
.at-buy__wish .yith-wcwl-wishlistexistsbrowse a,.at-buy__wish .yith-wcwl-wishlistaddedbrowse a,.at-buy__wish .exists{color:var(--at-sale);border-color:var(--at-sale)}
.at-buy__hint{margin:0}
.at-buy__inquiry{font-size:var(--at-fs-small);justify-self:start}
.at-pdp__inquiry{display:grid;gap:var(--at-s-3)}
.at-pdp__inquiry .at-btn{justify-self:stretch}
@media (min-width:40em){.at-pdp__inquiry{grid-template-columns:1fr 1fr}.at-pdp__inquiry p{grid-column:1/-1}}

/* Poverenje */
.at-trust{display:grid;gap:var(--at-s-3);padding:var(--at-s-4) var(--at-s-5);border:1px solid var(--at-line);border-radius:var(--at-radius-md);background:var(--at-surface)}
.at-trust li{display:flex;gap:var(--at-s-3);align-items:flex-start;font-size:var(--at-fs-small);color:var(--at-ink-2);line-height:1.45}
.at-trust svg{flex:none;width:20px;height:20px;color:var(--at-accent);margin-top:1px}
.at-trust strong{color:var(--at-ink);margin-right:4px}

/* Let slike do korpe */
.at-fly{position:fixed;z-index:var(--at-z-toast);object-fit:cover;pointer-events:none;border-radius:var(--at-radius-md);box-shadow:var(--at-shadow-md)}

/* ===== Galerija ===== */
.at-gallery{display:grid;gap:var(--at-s-3);align-items:start}
@media (min-width:80em){
  .at-gallery:not(.at-gallery--single){grid-template-columns:72px minmax(0,1fr)}
  .at-gallery__thumbs{flex-direction:column;max-height:calc(100vh - var(--at-header-h) - 96px);overflow-y:auto;scrollbar-width:none}
}
.at-gallery__thumbs{display:flex;gap:var(--at-s-2);order:2;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px}
@media (min-width:80em){.at-gallery__thumbs{order:0}}
.at-gallery__thumbs::-webkit-scrollbar{display:none}
.at-gallery__thumb{position:relative;flex:none;width:72px;aspect-ratio:1;border-radius:var(--at-radius-sm);overflow:hidden;background:var(--at-surface-2);scroll-snap-align:start;opacity:.6;transition:opacity var(--at-d-base) var(--at-ease-out)}
/* obrub aktivne sličice je UNUTAR dugmeta (outline je sekao scroll kontejner) */
.at-gallery__thumb::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow var(--at-d-base) var(--at-ease-out);pointer-events:none}
.at-gallery__thumb:focus-visible{outline-offset:-2px}
.at-gallery__thumb img{width:100%;height:100%;object-fit:cover}
.at-gallery__thumb:hover{opacity:1}
.at-gallery__thumb.is-active{opacity:1}
.at-gallery__thumb.is-active::after{box-shadow:inset 0 0 0 1px var(--at-ink),inset 0 0 0 2px color-mix(in srgb,var(--at-surface) 70%,transparent)}
@media (max-width:47.99em){.at-gallery__thumbs{display:none}}
.at-gallery__stage{position:relative;border-radius:var(--at-radius-lg);overflow:hidden;background:var(--at-surface-2)}
.at-gallery__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.at-gallery__track::-webkit-scrollbar{display:none}
.at-gallery__track:focus-visible{outline-offset:-3px}
.at-gallery__slide{flex:0 0 100%;aspect-ratio:var(--at-ratio,.8);scroll-snap-align:start;overflow:hidden;position:relative;background:var(--at-surface-2)}
.at-gallery__link{display:block;width:100%;height:100%;cursor:zoom-in}
.at-gallery__img{width:100%;height:100%;object-fit:cover;transition:transform 120ms var(--at-ease-out),opacity 180ms var(--at-ease-out);will-change:transform}
.at-gallery__slide.is-zoom .at-gallery__img{transform:scale(2)}
.at-gallery__img.is-swapping{opacity:0}
.at-gallery__badges{z-index:2}
.at-gallery__hint{position:absolute;right:var(--at-s-4);top:var(--at-s-4);width:36px;height:36px;border-radius:50%;background:color-mix(in srgb,var(--at-surface) 85%,transparent);display:grid;place-content:center;color:var(--at-ink);opacity:0;transition:opacity var(--at-d-base) var(--at-ease-out);pointer-events:none}
.at-gallery__hint svg{width:18px;height:18px}
.at-gallery__stage:hover .at-gallery__hint{opacity:1}
.at-gallery__count{position:absolute;right:var(--at-s-4);bottom:var(--at-s-4);height:28px;padding:0 10px;border-radius:var(--at-radius-pill);background:color-mix(in srgb,var(--at-ink) 72%,transparent);color:var(--at-bg);font-size:var(--at-fs-micro);font-weight:600;font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:1px;letter-spacing:.04em}
.at-gallery__arrow{position:absolute;top:50%;transform:translateY(-50%);background:color-mix(in srgb,var(--at-surface) 88%,transparent);box-shadow:var(--at-shadow-xs);opacity:0;transition:opacity var(--at-d-base) var(--at-ease-out),background-color var(--at-d-base)}
.at-gallery__arrow--prev{left:var(--at-s-4)}
.at-gallery__arrow--next{right:var(--at-s-4)}
.at-gallery__stage:hover .at-gallery__arrow,.at-gallery__arrow:focus-visible{opacity:1}
.at-gallery__arrow:hover{background:var(--at-surface)}
.at-gallery__dots{position:absolute;left:0;right:0;bottom:var(--at-s-4);display:none;justify-content:center;gap:6px}
.at-gallery__dots i{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--at-ink) 30%,transparent);transition:transform var(--at-d-base) var(--at-ease-spring),background-color var(--at-d-base)}
.at-gallery__dots i.is-active{background:var(--at-ink);transform:scale(1.3)}
@media (max-width:47.99em){
  .at-gallery__dots{display:flex}
  .at-gallery__arrow,.at-gallery__hint{display:none}
  .at-gallery__stage{border-radius:var(--at-radius-md);margin-inline:calc(-1 * var(--at-gutter));border-radius:0}
  .at-gallery__count{right:var(--at-gutter)}
}
/* Prevlačenje mišem (carousel.js drag): bez snap-a dok se vuče */
.at-carousel__track.is-drag,.at-gallery__track.is-drag{scroll-snap-type:none;cursor:grabbing;user-select:none}
.at-gallery__track.is-drag .at-gallery__link{cursor:grabbing}
.at-gallery__track.is-drag .is-zoom .at-gallery__img{transform:none}
@media (hover:hover) and (pointer:fine){.is-scrollable .at-carousel__track{cursor:grab}}

/* Raspored PDP-a (brend.pdp): a = klasičan (slajder + sličice), b = niz (slike jedna ispod druge), c = mozaik (2 kolone). Mobilni uvek slajder. */
@media (min-width:64em){
  .at-pdp--b .at-gallery,.at-pdp--c .at-gallery{grid-template-columns:minmax(0,1fr)}
  .at-pdp--b .at-gallery__thumbs,.at-pdp--c .at-gallery__thumbs,
  .at-pdp--b .at-gallery__count,.at-pdp--c .at-gallery__count,
  .at-pdp--b .at-gallery__arrow,.at-pdp--c .at-gallery__arrow,
  .at-pdp--b .at-gallery__hint,.at-pdp--c .at-gallery__hint{display:none}
  .at-pdp--b .at-gallery__stage,.at-pdp--c .at-gallery__stage{overflow:visible;background:none;border-radius:0}
  .at-pdp--b .at-gallery__track,.at-pdp--c .at-gallery__track{display:grid;gap:var(--at-s-3);overflow:visible}
  .at-pdp--b .at-gallery__slide,.at-pdp--c .at-gallery__slide{border-radius:var(--at-radius-lg)}
  .at-pdp--c .at-gallery__track{grid-template-columns:1fr 1fr}
  .at-pdp--c .at-gallery__slide{aspect-ratio:.8}
  .at-pdp--c .at-gallery__slide:first-child,.at-pdp--c .at-gallery__slide:nth-child(even):last-child{grid-column:1 / -1;aspect-ratio:var(--at-ratio,.8)}
}

/* Liquid glass (lightbox, prekidač rasporeda) */
.pswp,.at-layout-switch{--at-glass:color-mix(in srgb,#fff 16%,transparent);--at-glass-edge:color-mix(in srgb,#fff 34%,transparent);--at-glass-shadow:inset 0 1px 0 color-mix(in srgb,#fff 45%,transparent),inset 0 -1px 0 color-mix(in srgb,#000 8%,transparent),0 10px 30px color-mix(in srgb,#000 22%,transparent)}
.pswp{--pswp-bg:color-mix(in srgb,var(--at-panel) 70%,#000);--pswp-icon-color:#fff;--pswp-icon-color-secondary:transparent;z-index:100000} /* iznad WP admin trake (99999) */
.pswp__bg{-webkit-backdrop-filter:blur(28px) saturate(1.5);backdrop-filter:blur(28px) saturate(1.5)}
.pswp__top-bar{padding:16px 16px 0;height:76px;gap:8px;align-items:flex-start}
.pswp__button,.pswp__button:hover,.pswp__button:focus,.pswp__button:active,.pswp__counter{background:var(--at-glass);border:1px solid var(--at-glass-edge);box-shadow:var(--at-glass-shadow);-webkit-backdrop-filter:blur(18px) saturate(1.8);backdrop-filter:blur(18px) saturate(1.8)}
.pswp__button{width:48px;height:48px;border-radius:50%;opacity:1;transition:transform 160ms var(--at-ease-out),background-color 160ms}
.pswp__button:hover{background:color-mix(in srgb,#fff 26%,transparent);transform:scale(1.06)}
.pswp__button:active{transform:scale(.96)}
.pswp__button .pswp__icn{top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px}
.pswp__button--close{margin-right:0}
.pswp__button--arrow{width:56px;height:56px;margin-top:-28px}
.pswp__button--arrow--prev{left:20px}
.pswp__button--arrow--next{right:20px}
.pswp__button--arrow .pswp__icn{width:40px;height:40px;margin:-20px 0 0 -20px;left:50%;right:auto}
.pswp__counter{order:-1;margin:0 auto 0 0;height:40px;padding:0 16px;border-radius:var(--at-radius-pill);font-family:var(--at-font-body);font-size:var(--at-fs-small);font-weight:600;line-height:38px;color:#fff;text-shadow:none;letter-spacing:.04em;font-variant-numeric:tabular-nums;opacity:1}
.pswp__preloader{position:absolute;left:50%;top:16px;margin:0;background:none;border:0;box-shadow:none}
.pswp__img{cursor:grab}
.pswp--zoomed-in .pswp__img{cursor:move}
@media (max-width:47.99em){.pswp__button--arrow{visibility:hidden}}

/* Prekidač rasporeda PDP-a - samo za nalog ITLion */
.at-layout-switch{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:var(--at-z-modal);display:flex;align-items:center;gap:4px;padding:5px;border-radius:var(--at-radius-pill);background:color-mix(in srgb,var(--at-surface) 42%,transparent);border:1px solid color-mix(in srgb,#fff 55%,transparent);box-shadow:var(--at-glass-shadow);-webkit-backdrop-filter:blur(20px) saturate(1.8);backdrop-filter:blur(20px) saturate(1.8);font-size:var(--at-fs-small);color:var(--at-ink)}
.at-layout-switch__label{padding:0 10px 0 12px;font-size:var(--at-fs-micro);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--at-muted)}
.at-layout-switch button{height:36px;padding:0 16px;border-radius:var(--at-radius-pill);font-weight:600;color:var(--at-ink-2);transition:background-color var(--at-d-base) var(--at-ease-out),color var(--at-d-base),box-shadow var(--at-d-base)}
.at-layout-switch button:hover{color:var(--at-ink)}
.at-layout-switch button[aria-pressed="true"]{background:color-mix(in srgb,var(--at-surface) 85%,transparent);color:var(--at-ink);box-shadow:inset 0 1px 0 #fff,0 2px 8px color-mix(in srgb,#000 14%,transparent)}
.at-layout-switch[aria-busy="true"]{opacity:.7;pointer-events:none}
@media (max-width:47.99em){.at-layout-switch{display:none}}

/* ===== Tabovi (5.15) ===== */
.at-tabs{border-top:1px solid var(--at-line);margin-top:var(--at-s-8)}
.at-tabs__list{position:relative;display:flex;gap:var(--at-s-6);border-bottom:1px solid var(--at-line);overflow-x:auto;scrollbar-width:none;margin-bottom:var(--at-s-7)}
.at-tabs__list::-webkit-scrollbar{display:none}
.at-tabs__tab{flex:none;padding:var(--at-s-4) 0 var(--at-s-4);font-family:var(--at-font-display);font-weight:var(--at-display-weight);font-size:var(--at-fs-h4);letter-spacing:-.01em;color:var(--at-muted);white-space:nowrap;transition:color var(--at-d-base) var(--at-ease-out)}
.at-tabs__tab:hover,.at-tabs__tab[aria-selected="true"]{color:var(--at-ink)}
.at-tabs__ind{position:absolute;left:0;bottom:-1px;height:2px;width:var(--w,0);background:var(--at-ink);transform:translateX(var(--x,0));transition:transform var(--at-d-slow) var(--at-ease-out),width var(--at-d-slow) var(--at-ease-out)}
.at-tabs__acc{display:none}
.at-tabs__body{max-width:none}
.at-tabs__prose{max-width:var(--at-prose-max)}
.at-tabs__two{row-gap:var(--at-s-6)}
.at-tabs__two h3{margin-bottom:var(--at-s-4)}
.at-tabs__panel:focus-visible{outline-offset:8px}
.at-spec{display:grid;grid-template-columns:1fr;gap:0;max-width:760px;border-top:1px solid var(--at-line)}
@media (min-width:48em){.at-spec{grid-template-columns:1fr 1fr;column-gap:var(--at-s-7)}}
.at-spec__row{display:grid;grid-template-columns:minmax(120px,38%) 1fr;gap:var(--at-s-4);padding:var(--at-s-3) 0;border-bottom:1px solid var(--at-line);font-size:var(--at-fs-small)}
.at-spec dt{color:var(--at-muted);font-weight:500}
.at-spec dd{margin:0;color:var(--at-ink)}
@media (max-width:47.99em){
  .at-tabs__list{display:none}
  .at-tabs__item{border-bottom:1px solid var(--at-line)}
  .at-tabs__item:first-child{border-top:1px solid var(--at-line)}
  .at-tabs__acc{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--at-s-4);padding:var(--at-s-5) 0;text-align:left;font-family:var(--at-font-display);font-weight:var(--at-display-weight);font-size:var(--at-fs-h4);color:var(--at-ink)}
  .at-tabs__acc-icon{width:22px;height:22px;color:var(--at-muted);transition:transform var(--at-d-slow) var(--at-ease-out)}
  .at-tabs__acc[aria-expanded="true"] .at-tabs__acc-icon{transform:rotate(45deg)}
  .at-tabs__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--at-d-slow) var(--at-ease-out)}
  .at-tabs__panel[hidden]{display:grid}
  .at-tabs__body{overflow:hidden;min-height:0}
  .at-tabs__item.is-active .at-tabs__panel{grid-template-rows:1fr}
  .at-tabs__item.is-active .at-tabs__body{padding-bottom:var(--at-s-5)}
}

/* ===== Recenzije ===== */
.at-reviews__summary{display:grid;gap:var(--at-s-5);align-content:start}
.at-reviews__avg{display:grid;gap:var(--at-s-2);justify-items:start}
.at-reviews__num{font-family:var(--at-font-display);font-weight:600;font-size:var(--at-fs-h1);line-height:1;letter-spacing:-.03em}
.at-reviews__bars{display:grid;gap:6px;list-style:none;max-width:280px}
.at-reviews__bars li{display:grid;grid-template-columns:14px 1fr 28px;gap:var(--at-s-2);align-items:center;font-size:var(--at-fs-small);color:var(--at-muted)}
.at-reviews__bars i{display:block;height:6px;border-radius:3px;background:var(--at-line);position:relative;overflow:hidden}
.at-reviews__bars i::after{content:"";position:absolute;inset:0;width:var(--w,0);background:var(--at-ink);border-radius:3px}
.at-reviews__none{color:var(--at-ink-2);max-width:26ch;font-size:var(--at-fs-lead);font-family:var(--at-font-display);font-weight:500;line-height:1.3}
.at-reviews__list{display:grid;gap:var(--at-s-5);list-style:none;margin-bottom:var(--at-s-7)}
.at-review{display:grid;grid-template-columns:44px 1fr;gap:var(--at-s-4);padding-bottom:var(--at-s-5);border-bottom:1px solid var(--at-line)}
.at-review__body{display:grid;gap:var(--at-s-2)}
.at-review__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--at-s-2) var(--at-s-3)}
.at-review__text{color:var(--at-ink-2)}
.at-reviews__form-wrap{max-width:640px}
.at-reviews__form-title{font-size:var(--at-fs-h3);margin-bottom:var(--at-s-5)}
.at-reviews__form .comment-notes,.at-reviews__form .logged-in-as{font-size:var(--at-fs-small);color:var(--at-muted)}
.at-reviews__form .form-submit{margin:0}
.at-rating-input{border:0;padding:0;margin:0;display:grid;gap:var(--at-s-2)}
.at-rating-input legend{padding:0;margin-bottom:var(--at-s-2)}
.at-rating-input__stars{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}
.at-rating-input input{position:absolute;opacity:0;width:1px;height:1px}
.at-rating-input label{cursor:pointer;color:var(--at-line-strong);transition:color var(--at-d-fast) var(--at-ease-out),transform var(--at-d-fast) var(--at-ease-spring)}
.at-rating-input label svg{width:28px;height:28px;fill:currentColor;stroke:currentColor}
.at-rating-input label:hover,.at-rating-input label:hover ~ label,.at-rating-input input:checked ~ label{color:var(--at-ink)}
.at-rating-input label:hover{transform:scale(1.1)}
.at-rating-input input:focus-visible + label{outline:2px solid var(--at-focus);outline-offset:2px;border-radius:4px}

/* ===== Karusel ===== */
.at-carousel-section{border-top:1px solid var(--at-line)}
.at-carousel__nav{display:none;gap:var(--at-s-2)}
.is-scrollable .at-carousel__nav{display:flex}
.at-carousel__nav .at-icon-btn{border:1px solid var(--at-line-strong)}
.at-carousel__nav .at-icon-btn[disabled]{opacity:.35;pointer-events:none}
.at-carousel{margin-inline:calc(-1 * var(--at-gutter))}
.at-carousel__track{display:flex;gap:var(--at-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--at-gutter);padding:4px var(--at-gutter) var(--at-s-4);scrollbar-width:none}
.at-carousel__track::-webkit-scrollbar{display:none}
.at-carousel__item{flex:0 0 calc(50% - var(--at-gap) / 2 - 6px);scroll-snap-align:start;min-width:0}
@media (min-width:48em){.at-carousel__item{flex-basis:calc(33.333% - var(--at-gap) * 2 / 3)}}
@media (min-width:64em){.at-carousel__item{flex-basis:calc(25% - var(--at-gap) * 3 / 4)}}
.at-carousel.is-static .at-carousel__track{flex-wrap:wrap}

/* ===== Priča / pogodnosti ===== */
.at-pdp-story h2{font-size:var(--at-fs-h2);max-width:14ch}
.at-pdp-story__list{display:grid;gap:var(--at-s-6)}
@media (min-width:48em){.at-pdp-story__list{grid-template-columns:repeat(3,1fr);gap:var(--at-gap)}}
.at-pdp-story__list li{display:grid;gap:var(--at-s-3);padding-top:var(--at-s-4);border-top:1px solid var(--at-line-strong)}
.at-pdp-story__num{font-family:var(--at-font-display);font-weight:500;font-size:var(--at-fs-small);letter-spacing:.06em;color:var(--at-muted)}
.at-pdp-story__list p{font-size:var(--at-fs-small);color:var(--at-ink-2)}

/* ===== Nedavno pregledano ===== */
.at-recent{border-top:1px solid var(--at-line)}
@media (min-width:48em){.at-recent .at-section__head--row{grid-template-columns:1fr auto auto;column-gap:var(--at-s-3)}}
.at-recent .at-carousel__item{flex-basis:calc(40% - var(--at-gap) / 2)}
@media (min-width:48em){.at-recent .at-carousel__item{flex-basis:calc(25% - var(--at-gap) * 3 / 4)}}
@media (min-width:64em){.at-recent .at-carousel__item{flex-basis:calc(16.666% - var(--at-gap) * 5 / 6)}}
.at-product--compact{flex-direction:row;align-items:center;gap:var(--at-s-3);padding:var(--at-s-2);border:1px solid var(--at-line);border-radius:var(--at-radius-md);background:var(--at-surface);color:var(--at-ink)}
.at-product--compact .at-product__media{flex:none;width:64px;aspect-ratio:1;border-radius:var(--at-radius-sm)}
.at-product--compact .at-product__body{padding:0;gap:2px;min-width:0}
.at-product--compact .at-product__title{font-size:var(--at-fs-small);font-weight:500;font-family:var(--at-font-body);letter-spacing:0}
.at-product--compact .at-price{font-size:var(--at-fs-small)}

/* ===== Sticky traka (5.15) ===== */
.at-sticky-buy{position:fixed;left:0;right:0;z-index:var(--at-z-sticky-buy);background:color-mix(in srgb,var(--at-surface) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:translateY(-110%);visibility:hidden;transition:transform var(--at-d-slow) var(--at-ease-out),visibility 0s linear var(--at-d-slow);top:0;border-bottom:1px solid var(--at-line)}
.at-sticky-buy.is-visible{transform:none;visibility:visible;transition:transform var(--at-d-slow) var(--at-ease-out),visibility 0s}
.at-sticky-buy__in{display:flex;align-items:center;gap:var(--at-s-4);height:64px}
.at-sticky-buy__img{width:44px;height:44px;border-radius:var(--at-radius-sm);object-fit:cover;background:var(--at-surface-2);flex:none}
.at-sticky-buy__text{display:grid;min-width:0;flex:1}
.at-sticky-buy__name{font-family:var(--at-font-display);font-weight:600;font-size:var(--at-fs-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at-sticky-buy__price .at-price{font-size:var(--at-fs-h4);gap:var(--at-s-2)}
.at-sticky-buy__price .at-price__vat,.at-sticky-buy__price .at-price__save,.at-sticky-buy__price .at-badge{display:none}
@media (max-width:63.99em){
  .at-sticky-buy{top:auto;bottom:0;border-bottom:0;border-top:1px solid var(--at-line);transform:translateY(110%);padding-bottom:env(safe-area-inset-bottom)}
  .at-sticky-buy__in{height:64px}
  .at-sticky-buy__img,.at-sticky-buy__text{display:none}
  .at-sticky-buy__price{flex:1}
  .at-sticky-buy .at-btn{flex:1 1 55%}
}

@media (prefers-reduced-motion: reduce){
  .at-gallery__slide.is-zoom .at-gallery__img{transform:none}
  .at-fly{display:none}
}