:root{--ink:#3b1b26;--muted:#6e535c;--green:#edbed0;--light:#f5e8ec;--border:#e9dce0;--cream:#fffcf7;--coral:#d96645}html{scroll-padding-top:112px}body{font-size:16px}button,a,input,select{touch-action:manipulation}main,section,article,.catalog-layout>*,.product-body,.categories>*{min-width:0}h1,h2,h3,p,summary{overflow-wrap:break-word}header{height:94px;background:#fffcf7f5;backdrop-filter:blur(14px);box-shadow:0 3px 20px #3b1b2606}.nav{gap:24px}.logo{display:inline-flex;align-items:center;gap:11px;letter-spacing:-1px;min-width:0}.logo .brand-mark{display:grid;place-items:center;width:49px;height:49px;background:var(--green);color:#fff;border-radius:16px;margin:0;flex-shrink:0;box-shadow:0 5px 0 #e7cad4}.brand-mark svg{width:41px;height:41px}.logo .brand-name{margin:0;color:var(--ink);font-size:28px;line-height:1.06;letter-spacing:-1.2px}.logo .brand-dot{font-size:36px;color:var(--coral);margin:0;line-height:0}.brand-name small{display:block;font-size:8px;letter-spacing:2px;margin-top:8px;font-weight:600;color:var(--muted)}nav{font-size:14px;gap:24px}.navcompare{min-height:44px;background:#f3e4e9;border-color:#e2c5cf;font-weight:600}.navcompare:hover{background:#ebd1da}.menu-toggle,.mobile-menu,.filter-toggle{display:none}.hero{padding-top:60px;background:radial-gradient(ellipse at 20% 75%,#fbe0bb88,transparent 46%),radial-gradient(ellipse at 80% 65%,#dbb0be88,transparent 53%),#f8eff2}.hero>.eyebrow{display:inline-block;background:#fff9;border:1px solid #e4ced5;padding:8px 16px;border-radius:30px;color:#6d3145;letter-spacing:1.8px}.eyebrow .dot{background:var(--coral)}h1{font-size:clamp(44px,5.2vw,72px);letter-spacing:-2.6px}h1 em{color:var(--green)}.hero p{font-size:17px;color:#6c5059;line-height:1.7;max-width:540px}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.hero .btn{margin:0}.btn{font-size:14px;min-height:50px;border-radius:12px;padding:13px 23px;box-shadow:0 5px 12px #edbed015}.btn:hover{background:#e6abc2}.btn.secondary{background:#fff9;border-color:#d3b7c0;box-shadow:none}.btn.secondary:hover{background:#f3e4e9}.scene{margin-top:30px}.note{border-radius:16px;padding:14px 18px;box-shadow:0 10px 25px #3b1b260b;border:1px solid #e6d5db;background:#fffdf7;left:-25px}.note strong{color:var(--green)}.note.right{background:#fff0d9;border-color:#f4d1a0}.note.right strong{color:#93532f}.trust{background:#f1ccda;color:#fff;gap:50px;padding:19px 20px;border:0;font-size:13px;flex-wrap:wrap}.trust span:first-letter{color:#fbd097}.section{padding-top:65px;padding-bottom:65px}.category{border-radius:18px;min-height:104px;box-shadow:0 5px 15px #3b1b2604;background:#f5eaee;border-color:#e9d7dd;padding:20px 16px;gap:12px}.category:nth-child(2){background:#fff0dd;border-color:#f2dec0}.category:nth-child(3){background:#eeebfa;border-color:#ded8ef}.category:nth-child(4){background:#e3f3f7;border-color:#cfe4ea}.category:hover,.category.active{outline:2px solid var(--green);outline-offset:2px;border-color:transparent;background:#eed9e0;transform:translateY(-2px)}.cat-icon{background:#fff9;width:43px;height:43px;flex-shrink:0;color:#edbed0}.category:nth-child(2) .cat-icon{color:#b66b2f}.category:nth-child(3) .cat-icon{color:#7d60ad}.category small{font-size:12px}.category strong{font-size:15px}.catalog{padding-top:0}.catalog-heading h2{font-size:38px}.catalog-heading p{font-size:14px}.catalog-heading select{font-size:14px;min-height:46px;max-width:100%}aside{border-radius:18px;background:#f8f2f4;padding:18px}aside h3{font-size:15px}input[type=search]{font-size:16px;min-height:48px;background:white}fieldset legend{font-size:13px}fieldset label{font-size:13px;min-height:36px;margin:5px 0;line-height:1.4}input[type=checkbox]{width:19px;height:19px;flex-shrink:0}.reset{min-height:44px;font-size:13px}.product{border-radius:19px;box-shadow:0 6px 16px #3b1b2605;transition:box-shadow .2s,transform .2s}.product:hover{box-shadow:0 12px 25px #3b1b2610;transform:translateY(-3px)}.product-visual{background:#efdfe4}.product:nth-child(2n) .product-visual{background:#fbe8cf}.product:nth-child(3n) .product-visual{background:#e7e2f2}.tag{background:#ffffffde;font-size:10px;max-width:calc(100% - 24px);border-radius:6px}.product-body{padding:18px}.product h3{font-size:21px;font-weight:600}.type{font-size:10px;color:#774e5c}.features span{font-size:11px;color:#66424e;background:#f6eff1;border:0;padding:5px 8px;border-radius:6px}.cardbottom{gap:8px;flex-wrap:wrap}.cardbottom span{font-size:12px}.details{font-size:13px;font-weight:600;min-height:44px;color:var(--green)}.compare-label{font-size:12px;min-height:48px;cursor:pointer}.help{background:linear-gradient(120deg,#edbed0,#f3d3df);color:white;border-radius:25px;padding:45px}.help .eyebrow{color:#e2bfcb}.help p{color:#f0dce3;font-size:15px}.help .btn{background:#ffdc9c;border-color:#ffdc9c;color:#45212d}.help-art{background:#deb8c5;min-width:0}.help-card{color:#4e2331;width:min(235px,90%);padding:22px}.guidegrid{gap:18px}.guide{margin-top:6px;padding:24px;border:1px solid var(--border);border-radius:18px;background:#fff}.guide:nth-child(2){background:#fff4e5}.guide:nth-child(3){background:#efedf8}.guide p{font-size:14px}.guide .number{color:#77535f}summary{font-size:16px;min-height:44px;align-items:center}summary:after{flex-shrink:0}details p{font-size:15px}.faq details{padding:14px 18px;background:white;border:1px solid var(--border);border-radius:13px;margin-bottom:10px}.faq details[open]{background:#f7eef1;border-color:#c9a2af}.footerlinks{flex-wrap:wrap;gap:12px 24px}.footerlinks a{min-height:44px;display:inline-flex;align-items:center}.footerrow p{font-size:13px}.disclaimer{font-size:12px}body:has(#comparebar:not([hidden])){padding-bottom:100px}#comparebar{background:#f1ccda;color:white;border:0;border-radius:18px;max-width:calc(100vw - 32px)}#comparebar .reset{color:#eee1e5}#comparebar .btn{background:#ffdc9c;border-color:#ffdc9c;color:#472530}dialog{padding:32px;overscroll-behavior:contain}dialog table{table-layout:fixed}td,th{overflow-wrap:anywhere}dialog .close{min-width:44px;min-height:44px;right:7px;top:7px}dialog p{font-size:15px}.quiz-choice{min-height:60px;font-size:16px}#toast{max-width:calc(100vw - 32px);width:max-content;top:105px}
@media(max-width:1000px){.nav{padding:0 24px}nav{gap:14px;font-size:12px}.logo .brand-name{font-size:25px}.categories{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-layout{grid-template-columns:200px minmax(0,1fr)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.note{left:5px}.note.right{right:5px}.category strong{font-size:15px}}
@media(max-width:760px){header{height:82px}.nav{padding:0 20px;gap:12px}.nav>nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:46px;height:46px;border:1px solid #e0ccd3;border-radius:13px;background:#f4e9ed;flex-shrink:0}.menu-toggle span{width:19px;height:2px;background:var(--ink);border-radius:3px}.mobile-menu:not([hidden]){display:flex;position:absolute;top:81px;left:0;right:0;max-height:calc(100dvh - 82px);overflow:auto;background:#fffcf7;box-shadow:0 16px 22px #3b1b2614;padding:14px 20px 20px;flex-direction:column;gap:3px;align-items:stretch;font-size:16px}.mobile-menu a{display:flex;justify-content:space-between;padding:12px 10px;border-bottom:1px solid var(--border);min-height:48px}.mobile-menu button{padding:14px;border:0;background:#f2e2e7;border-radius:10px;color:var(--ink);text-align:left;font-weight:600}.wrap{padding-left:24px;padding-right:24px}.hero{padding:38px 24px 0}.hero>.eyebrow{font-size:9px;letter-spacing:1.35px;max-width:100%;padding:8px 12px}h1{font-size:clamp(35px,8.6vw,58px);letter-spacing:-1.5px;line-height:1.17;margin:20px 0}h1 em{display:inline-block}.hero p{font-size:16px;max-width:440px;margin:18px auto 24px}.hero p br{display:none}.hero-actions{gap:10px}.hero .btn{font-size:14px;min-height:50px;padding:12px 17px}.scene{height:255px;max-width:470px;margin-top:20px}.scene svg{height:250px}.note{top:17px;left:0;font-size:10px;padding:10px 12px;transform:rotate(-3deg)}.note strong{font-size:12px}.note.right{right:0;top:184px;font-size:10px}.trust{font-size:12px;gap:10px 24px;padding:18px 24px;text-align:center}.trust span{line-height:1.5}.section{padding-top:44px;padding-bottom:44px}h2{font-size:31px;line-height:1.22;letter-spacing:-.8px}.sectionhead p{font-size:15px;line-height:1.6}.eyebrow{font-size:10px;letter-spacing:1.7px;line-height:1.7}.categories{gap:12px}.category{padding:17px 13px;gap:10px;flex-direction:column;align-items:flex-start;min-height:140px}.category strong{font-size:15px}.category small{font-size:12px;line-height:1.45;display:block;margin-top:4px}.catalog{padding-top:0}.catalog-heading{display:flex;flex-wrap:wrap;align-items:start;gap:12px;margin-bottom:18px}.catalog-heading>div{width:100%}.catalog-heading h2{font-size:33px}.catalog-heading select{margin:0;font-size:14px;max-width:100%;width:100%;padding:12px;background:#fff}.filter-toggle{display:flex;align-items:center;gap:12px;background:#f2e4e9;border:1px solid #dec4cd;border-radius:12px;width:100%;min-height:51px;padding:12px 16px;margin-bottom:16px;color:var(--ink);font-weight:600;text-align:left}.filter-toggle #filtercount{font-size:12px;font-weight:400}.filter-chevron{margin-left:auto}.filter-toggle[aria-expanded=true] .filter-chevron{transform:rotate(180deg)}.catalog-layout{display:block}#catalogfilters{display:none;margin-bottom:20px;padding:18px}#catalogfilters.is-open{display:block}fieldset{display:block;width:100%;padding:15px 0;clear:both}fieldset legend{font-size:14px}fieldset label{font-size:15px;min-height:44px;margin:0}input[type=checkbox]{width:21px;height:21px}input[type=search]{font-size:16px;margin-bottom:14px}.grid{gap:16px}.product-visual{height:180px}.product-visual svg{height:165px}.product-body{padding:16px}.product h3{font-size:21px}.features span{font-size:11px}.cardbottom{display:flex}.cardbottom span{margin:0}.compare-label{font-size:13px;gap:10px}.help{padding:28px 24px;grid-template-columns:1fr;gap:24px}.help .btn{width:100%;gap:10px;padding:12px;font-size:14px}.help-art{min-height:205px}.help h2{font-size:31px}.guidegrid{grid-template-columns:1fr;gap:12px;margin-top:20px}.guide{padding:22px;margin-top:0}.guide h3{font-size:18px}.guide p{font-size:15px}.faq details{padding:12px 16px}summary{font-size:15px;line-height:1.5}.footerrow{flex-direction:column;align-items:flex-start;gap:16px}.footerlinks{gap:2px 20px;font-size:13px}#comparebar{display:grid;grid-template-columns:1fr auto;gap:4px 14px;bottom:max(12px,env(safe-area-inset-bottom));padding:12px 16px;width:calc(100% - 32px)}#comparebar[hidden]{display:none}#comparebar .btn{grid-column:1/-1;min-height:44px}body:has(#comparebar:not([hidden])){padding-bottom:142px}dialog{padding:30px 18px 22px;max-width:calc(100vw - 28px);max-height:85dvh;border-radius:18px}dialog h2{font-size:28px}td,th{font-size:12px;padding:12px 7px}#toast{top:92px;font-size:14px}.logo .brand-name{font-size:27px}.logo .brand-mark{width:45px;height:45px;border-radius:14px}.logo .brand-dot{font-size:34px}.brand-name small{font-size:7px;letter-spacing:1.7px}}
@media(max-width:480px){.grid{grid-template-columns:minmax(0,1fr)}.product-visual{height:215px}.product-visual svg{height:200px}.product-body{padding:20px}.product h3{font-size:24px}.features{gap:7px;margin-bottom:12px}.features span{font-size:12px;padding:5px 9px}.cardbottom{margin-bottom:6px}.compare-label{font-size:14px}.hero-actions{flex-direction:column;max-width:340px;margin:auto}.hero .btn{width:100%}.scene{height:240px}.scene svg{height:230px}.note{font-size:9px;padding:9px 10px}.note strong{font-size:11px}.note.right{top:176px}.trust{flex-direction:column;gap:8px}.tag{font-size:11px}.logo{gap:9px}.logo .brand-name{font-size:25px}}
@media(max-width:359px){.nav{padding:0 16px}.logo .brand-name{font-size:22px}.logo .brand-mark{width:39px;height:39px}.brand-mark svg{width:34px;height:34px}.brand-name small{font-size:6px;letter-spacing:1.5px}.wrap{padding-left:20px;padding-right:20px}.hero{padding-left:20px;padding-right:20px}.category{padding:14px 10px}.category strong{font-size:14px}.category small{font-size:11px}.scene{height:225px}.note.right{top:165px}h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.section.wrap{padding-left:24px;padding-right:24px}@media(max-width:359px){.section.wrap{padding-left:20px;padding-right:20px}}
/* Keep product details and controls within narrow phone screens. */
#modalcontent{min-width:0}#modalcontent svg{max-width:100%;width:100%}.quiz-choice,.btn{white-space:normal;overflow-wrap:break-word}#modalcontent .eyebrow{padding-right:24px}input[type=search],select{min-width:0}

.product-visual:has(.product-photo){background:#fff;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-photo{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;border-radius:0}.product-visual .product-photo{height:100%}.cart-art .product-photo{height:90px;background:white}.product-gallery{margin:20px 0}.product-gallery>img{display:block;width:100%;height:320px;object-fit:contain;background:#fff;border-radius:16px}.gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding:12px 2px}.gallery-thumbs button{flex:0 0 64px;padding:3px;border:2px solid transparent;border-radius:9px;background:#fff;cursor:pointer}.gallery-thumbs button[aria-pressed=true]{border-color:var(--green)}.gallery-thumbs img{display:block;width:54px;height:54px;object-fit:contain}.product-specs{padding-left:22px;line-height:1.7}.product-specs li{margin-bottom:9px}@media(max-width:540px){.product-gallery>img{height:250px}}

/* Bela pozadina praznog prostora oko fotografija svih proizvoda. */
.product .product-visual { background: #fff !important; }

/* Center the camera itself, accounting for the white margin in its cover photo. */
.product-visual > .product-photo[src*="/ip-kamera-telefon-1."] {
  width: auto;
  height: 82%;
  max-width: 82%;
  object-fit: contain;
  object-position: center;
  transform: translate(-14%, 2.5%);
  flex: 0 1 auto;
}

/* Gentle mother-and-baby hero background; preserve all foreground layout. */
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0 0 auto;height:650px;background:linear-gradient(to bottom,rgba(255,244,248,.76) 0%,rgba(255,244,248,.76) 72%,#f8eff2 100%),url("/assets/mama-i-beba-pozadina.webp") center 35%/cover no-repeat}
@media(max-width:760px){.hero::before{height:570px;background-position:center,70% top}}

/* Center and slightly reduce only the last camera cover in catalog cards. */
.product-visual > .product-photo[src="/assets/wifi-kamera-tri-antene-1.webp"]{width:auto;height:84%;max-width:84%;object-fit:contain;object-position:center;transform:translate(-3%,-1%);flex:0 1 auto}

/* Keep the automatic-tracking camera cover smaller and centered. */
.product-visual > .product-photo[src="/assets/wifi-kamera-auto-pracenje-1.webp"]{width:auto;height:82%;max-width:82%;object-fit:contain;object-position:center;transform:none;flex:0 1 auto}