/* NEON SHOP 0.1.16 · svetliji, originalni drogerijski izgled; samo početna */
:root{--ns-ink:#263043;--ns-wine:#7b245b;--ns-rose:#c92d53;--ns-blush:#fff3f7;--ns-line:#f0e3e9;--ns-yellow:#ffda43}
html{scroll-behavior:smooth}
body{background:#fdfbf9!important;color:var(--ns-ink)!important;font-family:Inter,'Segoe UI',Arial,sans-serif!important}
.wrap{max-width:1260px!important}
.topbar{background:#fff4f7!important;color:#652747!important;border-bottom:1px solid #f9dce5!important;min-height:32px!important;font-size:12px!important}
.topbar .wrap{min-height:32px!important}
header{position:relative!important;background:#fff!important;z-index:70!important;box-shadow:0 8px 30px rgba(38,32,57,.045)!important;border-bottom:1px solid #f4e8ec!important}
header .head{display:grid!important;grid-template-columns:minmax(135px,190px) minmax(260px,1fr) auto!important;align-items:center!important;gap:26px!important;min-height:98px!important;padding-top:13px!important;padding-bottom:13px!important}
header .logo{width:auto!important;max-width:185px!important;max-height:67px!important;object-fit:contain!important;filter:none!important}
header form.search{width:100%!important;max-width:none!important;min-width:0!important;background:#faf7f9!important;border:1px solid #e5d5df!important;border-radius:18px!important;box-shadow:0 7px 24px rgba(112,55,93,.055)!important;display:flex!important;align-items:center!important;gap:6px!important;padding:5px!important;transition:border-color .18s,box-shadow .18s!important}
header form.search:focus-within{width:100%!important;transform:none!important;border-color:#b64b7a!important;box-shadow:0 9px 24px #8f416926!important;filter:none!important}
header form.search input{width:100%!important;flex:1!important;min-width:0!important;background:transparent!important;border:0!important;outline:none!important;padding:13px 13px!important;font-size:15px!important;box-shadow:none!important}
header form.search:focus-within input{font-size:15px!important;outline:0!important}
header form.search button{background:var(--ns-wine)!important;color:#fff!important;border:0!important;border-radius:13px!important;padding:12px 20px!important;font-weight:800!important;white-space:nowrap!important;cursor:pointer!important}
header form.search button:hover{background:#a12a66!important}
header .actions{display:flex!important;align-items:center!important;gap:12px!important}
header .action{background:#fff!important;border:1px solid #f1e3e8!important;padding:10px 13px!important;border-radius:14px!important;box-shadow:none!important;white-space:nowrap!important;text-decoration:none!important}
header .action small{color:#9d6685!important}
header .action b{font-size:12px!important;color:#3f2440!important;max-width:150px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
header nav.wrap.nav{background:white!important;min-height:48px!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:6px!important;padding-bottom:11px!important;padding-top:4px!important}
header nav.wrap.nav a{font-size:13px!important;font-weight:800!important;padding:9px 14px!important;border-radius:11px!important;color:#53334b!important;text-decoration:none!important;transition:background .18s,color .18s!important}
header nav.wrap.nav a:hover,header nav.wrap.nav a:focus-visible{background:#fcecf2!important;color:#a92761!important}
.neon-suggestions{z-index:10030!important;border-radius:16px!important;border:1px solid #f0dfe8!important;box-shadow:0 18px 44px #44182a26!important}
main.wrap{padding-top:16px!important}
.n8-intro{background:#fff!important;border:1px solid #f3e7ee!important;border-radius:14px!important;padding:10px 16px!important;margin:0 0 14px!important;color:#7c4463!important}
.n8-intro>span{color:#8e667b!important}
/* Nova nezavisna dobrodošlica — ne zamenjuje postojeće akcijske sekcije */
.neon-fresh-lead{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.72fr);gap:16px;margin-bottom:16px}
.neon-fresh-main{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(108deg,#ffecf3 0%,#fff8fb 56%,#f3eafc 100%);border:1px solid #f7dce9;border-radius:24px;padding:clamp(22px,3.8vw,46px);min-height:244px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.neon-fresh-main:after{content:"";position:absolute;z-index:-1;right:-100px;top:-130px;width:360px;height:360px;background:radial-gradient(circle,#fbd3e5b9,transparent 68%);border-radius:50%}
.neon-fresh-main .nf-eyebrow{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.13em;color:#b22562}
.neon-fresh-main h1{font-size:clamp(29px,3.6vw,49px)!important;letter-spacing:-.045em;line-height:1.07!important;color:#67214f!important;margin:10px 0 12px!important;font-weight:900!important;max-width:620px}
.neon-fresh-main p{font-size:clamp(14px,1.2vw,17px)!important;line-height:1.58!important;color:#785a6d!important;max-width:480px!important;margin:0 0 17px!important}
.neon-fresh-main .nf-cta{display:inline-flex;align-items:center;gap:10px;background:#7a2255;color:#fff!important;border-radius:13px;text-decoration:none;padding:12px 18px;font-size:14px;font-weight:900;box-shadow:0 9px 24px #8e275938}
.neon-fresh-main .nf-cta:hover{background:#a72866}
.nf-meta{margin-top:14px;display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:11px;color:#845b74;font-weight:700}
.nf-meta .nf-source{color:#997b91;text-decoration:none;font-weight:500}
.neon-fresh-side{background:linear-gradient(145deg,#fff6da 0%,#fffefa 64%,#ffeec7 100%);border:1px solid #f9e9ba;border-radius:24px;min-height:244px;padding:clamp(20px,3vw,29px);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.neon-fresh-side small{color:#8d6422;letter-spacing:.12em;font-weight:900;font-size:11px}
.neon-fresh-side strong{font-size:clamp(24px,2.5vw,36px);line-height:1.08;letter-spacing:-.035em;color:#6c3652;max-width:240px;margin:10px 0}
.neon-fresh-side p{font-size:13px;line-height:1.5;color:#826b58;max-width:220px;margin:0 0 12px}
.neon-fresh-side a{font-size:13px;font-weight:900;color:#8a3264;text-decoration:none;position:relative;z-index:2}
.neon-fresh-side img{position:absolute;right:4px;bottom:5px;height:105px;width:105px;object-fit:contain;opacity:.85;pointer-events:none}
/* Sitnije i preglednije akcijske reklamne površine */
.n7-hero-shell{gap:14px!important}
.neon-hero-v2{margin-top:0!important;padding:17px!important;background:#fff!important;border:1px solid #f0e5eb!important;border-radius:21px!important;box-shadow:0 7px 23px #34283a0d!important}
.neon-hero-head{margin-bottom:13px!important}
.neon-hero-head h1{font-size:clamp(22px,2.7vw,32px)!important;color:#62254e!important;letter-spacing:-.03em!important}
.neon-hero-head p{font-size:13px!important;color:#836879!important}
.neon-kicker,.n8-eyebrow{color:#af2b66!important}
.neon-main-cta{background:#782b5e!important;border-radius:11px!important;padding:11px 15px!important;font-size:13px!important}
.neon-hero-v2 .neon-slide{height:clamp(235px,28vw,305px)!important;border-radius:16px!important}
.neon-hero-v2 .neon-brand-slide{padding:clamp(14px,2.5vw,30px)!important;gap:12px!important}
.neon-hero-v2 .neon-brand-slide>img.neon-banner-bird{width:25%!important;max-width:145px!important;height:63%!important;max-height:182px!important;object-fit:contain!important}
.neon-hero-v2 .neon-banner-copy strong{font-size:clamp(24px,3.2vw,48px)!important;letter-spacing:-.045em!important}
.neon-banner-sub{font-size:clamp(12px,1.5vw,18px)!important}
.neon-banner-button{padding:10px 15px!important;border-radius:11px!important;font-size:13px!important}
.n7-hero-aside{gap:14px!important}
.n7-feature-tile{border-radius:20px!important;overflow:hidden!important;min-height:145px!important;padding:16px!important}
.n7-feature-tile img{width:83px!important;max-width:83px!important;max-height:105px!important;object-fit:contain!important}
.n7-tile-copy h2{font-size:clamp(22px,2.5vw,30px)!important;letter-spacing:-.035em!important}
.n8-action-ribbon{gap:10px!important}
.n8-action-ribbon>a{background:#fff!important;border:1px solid #f1e4e9!important;box-shadow:0 5px 20px #4324400a!important;border-radius:16px!important;min-height:75px!important;overflow:hidden!important}
.n8-action-ribbon>a:hover{border-color:#dbb1cb!important;transform:translateY(-2px)}
.n8-ribbon-ico{color:#91326a!important}
.n7-promise-bar{background:#fff!important;border:1px solid #f1e4e9!important;border-radius:16px!important;box-shadow:none!important;margin-top:15px!important}
.categories{gap:12px!important}
.categories .cat{border:1px solid #f0e2e9!important;background:#fff!important;border-radius:19px!important;box-shadow:0 5px 20px #47283a09!important;transition:transform .18s,box-shadow .18s!important}
.categories .cat:hover{transform:translateY(-3px)!important;box-shadow:0 12px 26px #7e33511a!important}
.categories .cat .ico{color:#862b69!important;background:#fff1f8!important;border-radius:50%!important}
.section .title h2{color:#522743!important;letter-spacing:-.034em!important}
.section .title p{color:#887286!important;font-size:13px!important}
.section .title a{color:#962d67!important;font-weight:900!important}
.featured-section,.n7-catalog-section{background:transparent!important}
.neon-top-card,.neon-offer,.n7-catalog-grid>a{background:#fff!important;border:1px solid #efe5eb!important;border-radius:18px!important;box-shadow:0 5px 23px rgba(56,30,48,.055)!important;overflow:hidden!important}
.neon-top-card img,.neon-offer .neon-offer-img{background:#fff!important}
.neon-top-card:hover,.neon-offer:hover{box-shadow:0 14px 34px #6820461d!important;transform:translateY(-2px)!important}
.neon-action-card,.homepromo,.n8-editorial{border:1px solid #efe3eb!important;border-radius:21px!important;box-shadow:0 5px 24px #45233c0d!important}
.neon-action-photo{height:300px!important}
.neon-weekend-soon{min-height:300px!important}
.neon-weekend-soon img{width:22%!important;max-width:125px!important;max-height:120px!important}
.n8-editorial-side{flex-basis:85px!important;width:85px!important;max-width:85px!important;height:105px!important}
.n8-editorial-side img{width:80px!important;max-width:80px!important;height:100px!important;max-height:100px!important}
.store{border-radius:19px!important;border:1px solid #eee4e9!important;box-shadow:0 6px 23px #3a273b12!important}
.neon-brand-section{background:#fff!important;border-radius:19px!important;padding:19px!important;border:1px solid #eee2e9!important}
/* Sezonska animacija je zatvorena samo u dobrodošlici i nikada ne blokira klik. */
.neon-fresh-main .ns-layer{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none!important;opacity:.63}
.neon-fresh-main>*:not(.ns-layer){position:relative;z-index:2}
.ns-particle{position:absolute;pointer-events:none;display:block;top:-24px;user-select:none;will-change:transform}
.ns-layer[data-effect="autumn"] .ns-particle{font-size:clamp(14px,1.7vw,23px);opacity:.55;animation:ns-fall var(--ns-duration,12s) linear infinite;animation-delay:var(--ns-delay,0s);left:var(--ns-left,40%)}
.ns-layer[data-effect="snow"] .ns-particle{font-size:clamp(12px,1.4vw,19px);color:#68a4d2;text-shadow:0 1px 3px white;opacity:.6;animation:ns-snow var(--ns-duration,10s) linear infinite;animation-delay:var(--ns-delay,0s);left:var(--ns-left,40%)}
.ns-layer[data-effect="rain"] .ns-particle{width:1px;height:16px;border-radius:3px;background:linear-gradient(transparent,#7daec7);opacity:.46;animation:ns-rain var(--ns-duration,1.5s) linear infinite;animation-delay:var(--ns-delay,0s);left:var(--ns-left,40%)}
.ns-layer[data-effect="sunny"]:before{content:"";position:absolute;right:4%;top:-75px;width:min(30vw,210px);height:min(30vw,210px);border-radius:50%;background:radial-gradient(circle,#ffe6a6a1 0%,#fff2b965 29%,transparent 70%);animation:ns-glow 8s ease-in-out infinite alternate}
.ns-layer[data-effect="pleasant"] .ns-particle{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,#fffcfff0 0%,#e7d6f3aa 25%,transparent 70%);opacity:.55;left:var(--ns-left,40%);top:var(--ns-top,70%);animation:ns-float var(--ns-duration,10s) ease-in-out infinite alternate;animation-delay:var(--ns-delay,0s)}
@keyframes ns-fall{0%{transform:translate3d(0,-30px,0) rotate(0deg);opacity:0}12%{opacity:.63}86%{opacity:.57}100%{transform:translate3d(var(--ns-drift,50px),340px,0) rotate(300deg);opacity:0}}
@keyframes ns-snow{0%{transform:translate(0,-30px);opacity:0}10%{opacity:.62}90%{opacity:.58}100%{transform:translate(var(--ns-drift,35px),320px);opacity:0}}
@keyframes ns-rain{0%{transform:translate(0,-20px);opacity:0}12%{opacity:.5}100%{transform:translate(-45px,310px);opacity:0}}
@keyframes ns-glow{to{opacity:.6;transform:scale(1.12)}}
@keyframes ns-float{to{transform:translate(28px,-20px) scale(.75);opacity:.12}}
@media(max-width:900px){header .head{grid-template-columns:140px minmax(180px,1fr)!important;gap:12px!important}header .actions{grid-column:1/-1!important;justify-content:flex-end!important}header .logo{max-height:53px!important}.neon-fresh-lead{grid-template-columns:1.25fr 1fr}}
@media(max-width:690px){.topbar .right{display:none!important}header .head{display:flex!important;flex-wrap:wrap!important;gap:9px!important;min-height:0!important;padding:11px 15px!important}header .head>a{flex:1 1 115px!important}header .logo{max-width:145px!important;max-height:49px!important}header .actions{flex:1 1 130px!important;justify-content:flex-end!important;gap:6px!important}header .action{padding:8px!important;border-radius:10px!important}header .action small{font-size:9px!important}header .action b{font-size:10px!important;max-width:98px!important}header form.search{order:3!important;flex:1 0 100%!important;margin:4px 0 0!important}header form.search input{font-size:14px!important;padding:11px 9px!important}header form.search button{padding:10px 13px!important;font-size:12px!important}header nav.wrap.nav{gap:4px!important;padding:6px 12px 9px!important;justify-content:center!important}header nav.wrap.nav a{font-size:10px!important;padding:8px!important}.neon-fresh-lead{grid-template-columns:1fr;gap:10px}.neon-fresh-main{min-height:230px!important;padding:22px!important}.neon-fresh-side{min-height:125px!important;padding:18px!important}.neon-fresh-side strong{font-size:23px!important;max-width:75%!important}.neon-fresh-side img{height:82px;width:82px}.neon-hero-v2{padding:12px!important}.neon-hero-v2 .neon-slide{height:280px!important}.neon-hero-v2 .neon-brand-slide>img.neon-banner-bird{height:90px!important;max-width:95px!important;max-height:95px!important;width:36%!important}.neon-hero-v2 .neon-brand-slide{gap:5px!important}.neon-banner-copy{gap:5px!important}.neon-banner-copy strong{font-size:26px!important}.n7-feature-tile img{max-height:80px!important;max-width:65px!important}.neon-action-photo{height:260px!important}.neon-weekend-soon{min-height:190px!important}.ns-layer[data-effect="sunny"]:before{width:145px;height:145px}}
@media(prefers-reduced-motion:reduce){.ns-particle{animation:none!important;display:none!important}.ns-layer:before{animation:none!important}html{scroll-behavior:auto!important}}