.hact__item[data-header-panel]{border-radius:.65rem;transition:background .2s}.hact__item[data-header-panel]:hover{background:#f0f3f8}.hact__item.is-signed-in>.ms{color:#df6c1d}.mbar-actions .is-signed-in{position:relative}.mbar-actions .is-signed-in:after{content:"";position:absolute;width:.4rem;height:.4rem;background:#dc6f22;right:.4rem;top:.3rem;border-radius:50%;border:2px solid white}
.header-preview{margin:0;position:fixed;inset:auto;width:400px;max-width:calc(100vw - 24px);padding:0;border:1px solid #dce3ed;border-radius:1.1rem;background:white;color:#16213a;box-shadow:0 20px 90px #07152d33;overflow:auto;overscroll-behavior:contain;animation:preview-enter .22s ease-out}.header-preview::backdrop{background:#08162c55;backdrop-filter:blur(3px)}.header-preview>header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem;border-bottom:1px solid #e0e6ed;gap:1rem;background:#f9fafc;position:sticky;top:0;z-index:1}.header-preview .eyebrow{font-size:.6rem}.header-preview h2{font:800 1.8rem/1.1 var(--font-d);text-transform:uppercase;margin-top:.35rem}.header-preview>header .icon-btn{flex:none}.header-preview__body{padding:1.2rem}.header-preview__identity{display:flex;gap:.8rem;align-items:center;padding-bottom:1.1rem;margin-bottom:.5rem;border-bottom:1px solid #e7ebf1}.header-preview__identity>span{height:3rem;width:3rem;border-radius:1rem;display:grid;place-items:center;background:#17283f;color:white;flex:none}.header-preview__identity strong{font-size:1.05rem;display:block}.header-preview__identity small{font-size:.78rem;color:#778598;display:block;margin-top:.25rem;overflow-wrap:anywhere}.header-preview__link{display:flex;gap:.8rem;align-items:center;padding:.8rem .4rem;border-radius:.6rem;transition:background .2s}.header-preview__link:hover{background:#f2f5f9}.header-preview__link>.ms:first-child{color:#dc6d1d;font-size:1.4rem}.header-preview__link>.ms:last-child{margin-left:auto;color:#8997aa;font-size:1.1rem}.header-preview__link strong,.header-preview__link small{display:block}.header-preview__link strong{font-size:.87rem}.header-preview__link small{font-size:.72rem;color:#778598;margin-top:.15rem}.header-preview__auth{display:grid;gap:.6rem;margin:1rem 0}.header-preview__logout{display:flex;align-items:center;gap:.6rem;width:100%;font-size:.84rem;font-weight:700;margin-top:.7rem;border-top:1px solid #e0e6ed;padding:1rem .4rem .2rem;color:#16213a}.header-preview__logout:hover{color:#0d1627}.header-preview__admin{display:block;font-size:.7rem;color:#778598;text-align:center;padding-top:.8rem;margin-top:.6rem;border-top:1px solid #e0e6ed}.header-preview__item{display:grid;grid-template-columns:4.3rem minmax(0,1fr) 2rem;gap:.7rem;align-items:center;padding:.8rem 0;border-bottom:1px solid #e9edf3}.header-preview__item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:.65rem}.header-preview__item strong{font-size:.82rem;line-height:1.3;display:block}.header-preview__item small{font-size:.71rem;display:block;color:#778598;margin:.25rem 0}.header-preview__item b{font-size:.87rem}.header-preview__item .icon-btn{width:2rem;height:2rem;border:0;background:#f3f5f8}.header-preview__item .icon-btn:hover{background:#e7ecf3}.header-preview__items{margin-bottom:1rem}.header-preview__totals{display:grid;gap:.5rem;margin:1rem 0}.header-preview__totals>div{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem}.header-preview__totals>div.header-preview__total{border-top:1px solid #e0e6ed;padding-top:.8rem;font-size:1rem}.header-preview__total strong{font-size:1.3rem}.header-preview__note{display:block;text-align:center;font-size:.72rem;color:#778598;margin:.8rem 0 .1rem}.header-preview__empty{text-align:center;padding:.5rem 0}.header-preview__empty>img{height:7rem;width:10rem;object-fit:cover;border-radius:1rem;margin:0 auto 1rem}.header-preview__empty h3{font:800 1.5rem/1.15 var(--font-d);text-transform:uppercase}.header-preview__empty p{font-size:.85rem;color:#778598;margin:.7rem 0 1.3rem;line-height:1.6}.header-preview__loading{padding:2rem;text-align:center;color:#778598}.header-preview .freeship{font-size:.75rem}.header-preview .btn--line{color:#16213a}.header-preview:focus{outline:none}
@keyframes preview-enter{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:900px){.header-preview{width:100%;max-width:none;left:0;right:0;top:auto;bottom:0;max-height:85dvh;margin:0;border-radius:1.2rem 1.2rem 0 0;padding-bottom:env(safe-area-inset-bottom);animation:preview-sheet .25s ease-out}.header-preview__body{padding:1.2rem 1.3rem}.header-preview::backdrop{backdrop-filter:blur(5px);background:#08162c88}}
@keyframes preview-sheet{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.header-preview{animation:none!important}.hact__item[data-header-panel],.header-preview__link{transition:none}}
#narudzbe,#podaci,#sigurnost{scroll-margin-top:12rem}
/* Account, cart and wishlist are quiet utility panels, without a visual veil. */
.header-preview::backdrop{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}