:root{--bg:#f7f3ec;--paper:#fffdfa;--ink:#24170f;--muted:#6d5a4b;--brown:#5a371f;--brown2:#8b633e;--cream:#fffaf3;--line:#e4d9cc;--shadow:0 18px 50px rgba(57,36,20,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 34px));margin:auto}.app-header{position:sticky;top:0;z-index:100;background:rgba(247,243,236,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.app-head-in{height:104px;display:grid;grid-template-columns:70px 1fr 70px;align-items:center;gap:10px;position:relative}.logo-wrap{justify-self:center}.logo-wrap img{height:76px;width:auto;object-fit:contain;mix-blend-mode:multiply}.hamb,.phone-top{width:58px;height:58px;border:0;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--brown);font-size:38px;font-weight:900;cursor:pointer}.phone-top{background:var(--brown);color:#fff;font-size:30px;box-shadow:0 12px 32px rgba(90,55,31,.23)}.nav{display:none}.menu-open .nav{position:absolute;left:14px;right:14px;top:98px;display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:14px;box-shadow:var(--shadow)}.nav a{font-weight:950;color:var(--brown);padding:16px;border-radius:18px}.nav a.active,.nav a:hover{background:#f1e8dc}.hero-new{padding:20px 0 24px}.hero-panel{min-height:500px;border-radius:30px;overflow:hidden;background:linear-gradient(90deg,rgba(30,18,10,.82),rgba(30,18,10,.56),rgba(30,18,10,.18)),url('assets/img/behaton-modeli.jpg') center/cover no-repeat;box-shadow:var(--shadow);display:flex;align-items:center}.hero-content{padding:54px 48px;max-width:650px;color:#fff}.hero-content h1{font-family:Georgia,serif;font-size:clamp(42px,6vw,78px);line-height:.96;letter-spacing:-.05em;margin:0 0 20px}.hero-line{display:block;width:58px;height:4px;background:#fff;border-radius:99px;margin:0 0 22px}.hero-content p{font-size:24px;line-height:1.32;margin:0 0 30px;color:#fff}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:14px;padding:18px 26px;font-weight:950;text-transform:uppercase;letter-spacing:.03em;background:linear-gradient(135deg,var(--brown),var(--brown2));color:#fff;box-shadow:0 14px 34px rgba(90,55,31,.28);cursor:pointer}.btn.light{background:#fff;color:var(--brown);border:1px solid var(--line);box-shadow:0 8px 20px rgba(0,0,0,.08)}section{padding:58px 0}.title-line{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:28px}.title-line span{width:66px;height:1px;background:#b7aa9b;position:relative}.title-line span:after{content:"";position:absolute;right:-4px;top:-3px;width:7px;height:7px;background:#b7aa9b;transform:rotate(45deg)}.title-line h2{text-transform:uppercase;font-size:28px;letter-spacing:.04em;color:var(--brown);margin:0}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.cat-card{height:295px;border:1px solid var(--line);border-radius:26px;overflow:hidden;position:relative;box-shadow:var(--shadow);cursor:pointer;background:#000;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding:22px;transition:.25s}.cat-card:hover{transform:translateY(-4px)}.cat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;filter:contrast(1.04)}.cat-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.62))}.cat-icon{position:relative;z-index:1;width:92px;height:92px;border-radius:50%;background:rgba(255,250,243,.96);display:grid;place-items:center;color:var(--brown);font-size:42px;margin-bottom:18px;box-shadow:0 12px 28px rgba(0,0,0,.15)}.cat-card h3{position:relative;z-index:1;margin:0;color:#fff;font-size:28px;text-align:center;text-shadow:0 6px 20px rgba(0,0,0,.5)}.cat-card button{position:relative;z-index:1;margin-top:16px;width:54px;height:54px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--brown),var(--brown2));color:#fff;font-size:28px;cursor:pointer}.best-section{background:#f3ece2}.best-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.best-row article{display:grid;grid-template-columns:125px 1fr;gap:16px;align-items:center;background:rgba(255,255,255,.75);border:1px solid var(--line);border-radius:18px;padding:14px;cursor:pointer}.best-row img{width:125px;height:125px;object-fit:cover;border-radius:14px;background:#fff}.best-row strong{font-size:20px}.best-row p{font-size:17px;color:var(--ink);margin:5px 0 14px}.best-row button{border:1px solid var(--brown2);background:#fffaf3;border-radius:9px;padding:10px 18px;font-weight:950;text-transform:uppercase;color:var(--brown)}.trust{padding:34px 0;background:var(--cream)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trust-grid div{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;border-right:1px solid var(--line);padding:8px 18px}.trust-grid div:last-child{border-right:0}.trust b{font-size:34px;color:var(--brown);grid-row:1/3}.trust strong{text-transform:uppercase;font-weight:950}.trust p{margin:0;color:var(--muted)}.simple-cta{background:linear-gradient(135deg,rgba(46,28,16,.9),rgba(90,55,31,.82)),url('assets/img/kapa-ograda.jpg') center/cover no-repeat;color:#fff;text-align:center;border-radius:30px 30px 0 0}.simple-cta h2{font-family:Georgia,serif;font-size:clamp(34px,5vw,58px);margin:0 0 12px}.simple-cta p{color:#f2e9dd;font-size:20px}.footer{background:#20140d;color:#fff;padding:54px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:36px}.brand{display:flex;align-items:center;gap:13px;font-weight:950}.brand img{width:58px;height:58px;object-fit:contain;border-radius:14px;background:#fff;padding:4px}.brand span{display:flex;flex-direction:column;font-size:21px;line-height:1}.brand small{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#d8c7b8;margin-top:5px}.footer p,.copy{color:#d8c7b8;font-size:15px}.footer a{display:block;margin:10px 0;color:#fff}.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:18px}.floating{position:fixed;right:18px;bottom:18px;width:88px;height:88px;border-radius:50%;z-index:80;padding:0;flex-direction:column;font-size:28px}.floating small{font-size:12px;letter-spacing:.06em}.page-title{padding:62px 0;text-align:center;background:linear-gradient(135deg,#fff,#f3eadf)}.page-title h1,h1{font-size:clamp(42px,6vw,72px);letter-spacing:-.06em;line-height:.96;margin:20px 0}.eyebrow{display:inline-flex;padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--brown);font-weight:950;letter-spacing:.12em;text-transform:uppercase;font-size:12px}h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.05em;line-height:1;margin:0 0 16px}h3{font-size:23px;margin:0 0 9px}p{font-size:18px;line-height:1.68;color:var(--muted)}.quick{padding:30px 0;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.quick a{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:15px;text-align:center;font-weight:950;color:var(--brown)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:.25s}.product:hover{transform:translateY(-4px)}.product img{width:100%;height:260px;object-fit:cover}.product-body{padding:22px}.product-body p{font-size:15px;margin:0}.tag{display:inline-flex;margin-bottom:13px;padding:7px 10px;border-radius:999px;background:#eadfce;font-size:12px;font-weight:950;color:var(--brown)}.soft{background:linear-gradient(135deg,#f0e6da,#fff)}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}.features{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature,.card,form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;box-shadow:0 16px 42px rgba(54,35,20,.08)}.wide-img{height:430px;width:100%;object-fit:cover;border-radius:30px;box-shadow:var(--shadow)}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery img{width:100%;height:230px;object-fit:cover;border-radius:22px;border:1px solid var(--line);box-shadow:0 12px 34px rgba(54,35,20,.08)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}input,textarea,select{width:100%;padding:16px 17px;border-radius:16px;border:1px solid var(--line);font:inherit;margin-bottom:12px;background:#fff}textarea{min-height:150px}.notice{padding:14px 16px;border-radius:16px;margin-bottom:14px;font-weight:900}.success{background:#e9fff2;color:#0f7037}.error{background:#fff0f0;color:#9b1c1c}.modal{position:fixed;inset:0;background:rgba(32,20,13,.72);z-index:200;display:none;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modal-box{width:min(980px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:32px;box-shadow:0 30px 100px rgba(0,0,0,.35);position:relative}.modal-close{position:sticky;top:14px;margin-left:auto;margin-right:14px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#2c1b11;color:#fff;font-size:28px;z-index:2;cursor:pointer}.modal-content{padding:0 28px 28px}.modal-main{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.modal-main img{width:100%;height:420px;object-fit:cover;border-radius:24px}.dim-box{background:#f8f1e9;border:1px solid var(--line);border-radius:20px;padding:18px;margin:18px 0}.modal-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.modal-gallery img{height:170px;object-fit:cover;border-radius:18px}.catalog-note{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;font-weight:850;color:var(--muted)}
@media(min-width:981px){.app-head-in{grid-template-columns:auto 1fr auto auto}.hamb{display:none}.logo-wrap{justify-self:start}.nav{display:flex;gap:10px;justify-self:end}.phone-top{width:auto;height:auto;border-radius:999px;padding:15px 22px;font-size:16px;font-weight:950}.phone-top:after{content:' 062 962 2056';font-family:Inter,Arial,sans-serif}.hero-panel{min-height:560px}}
@media(max-width:980px){.app-head-in{height:92px}.logo-wrap img{height:66px}.hero-panel{min-height:440px}.hero-content{padding:42px 34px}.cat-grid{grid-template-columns:repeat(2,1fr)}.best-row{grid-template-columns:1fr 1fr}.trust-grid,.footer-grid,.split,.contact-grid,.modal-main{grid-template-columns:1fr}.trust-grid div{border-right:0;border-bottom:1px solid var(--line)}.product-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:calc(100% - 24px)}.app-head-in{height:84px;grid-template-columns:54px 1fr 54px}.hamb,.phone-top{width:50px;height:50px;font-size:30px}.phone-top{font-size:24px}.logo-wrap img{height:58px}.hero-new{padding-top:10px}.hero-panel{min-height:390px;border-radius:22px;background-position:center}.hero-content{padding:32px 26px}.hero-content p{font-size:18px}.hero-actions .btn{width:100%}.title-line h2{font-size:21px}.title-line span{width:34px}.cat-grid,.best-row,.product-grid,.gallery,.quick-grid{grid-template-columns:1fr}.cat-card{height:240px}.best-row article{grid-template-columns:110px 1fr}.best-row img{width:110px;height:110px}.floating{width:68px;height:68px}.floating small{display:none}.modal-content{padding:0 18px 20px}.modal-gallery{grid-template-columns:1fr}.modal-main img{height:auto}}


/* FINAL FIX: header kao na referenci i stabilan na svim stranama */
.app-header{position:sticky;top:0;z-index:300;background:rgba(247,243,236,.97);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.app-head-in{height:104px;display:grid;grid-template-columns:70px minmax(220px,1fr) 70px;align-items:center;gap:12px;position:relative}
.logo-wrap{justify-self:center;display:flex;align-items:center;justify-content:center;min-width:0}.logo-wrap img{height:76px;width:auto;max-width:min(360px,58vw);object-fit:contain;mix-blend-mode:multiply}.hamb,.phone-top{z-index:2;flex:0 0 auto}.phone-top{justify-self:end}
.hero-new{padding:22px 0 28px}.hero-panel{min-height:500px;border-radius:30px;background:linear-gradient(90deg,rgba(32,20,13,.82),rgba(32,20,13,.57),rgba(32,20,13,.18)),url('assets/img/behaton-modeli.jpg') center/cover no-repeat}.hero-content h1{font-family:Georgia,'Times New Roman',serif}.hero-content p{max-width:520px}.hero-actions .btn.light{text-transform:uppercase}
@media(min-width:981px){.app-head-in{grid-template-columns:auto 1fr auto auto}.logo-wrap{justify-self:start}.logo-wrap img{height:78px;max-width:330px}.nav{display:flex;gap:10px;justify-self:end;align-items:center}.phone-top{width:auto;height:auto;border-radius:999px;padding:15px 22px;font-size:16px;font-family:Inter,Arial,sans-serif;font-weight:950}.phone-top:after{content:' 062 962 2056';font-family:Inter,Arial,sans-serif}.hero-panel{min-height:560px}}
@media(max-width:980px){.app-head-in{height:92px;grid-template-columns:58px 1fr 58px}.logo-wrap img{height:66px;max-width:62vw}.menu-open .nav{top:92px;left:12px;right:12px;z-index:500}.hero-panel{min-height:450px}.hero-content{padding:42px 34px}}
@media(max-width:600px){.app-head-in{height:84px;grid-template-columns:52px 1fr 52px}.hamb,.phone-top{width:50px;height:50px}.logo-wrap img{height:56px;max-width:64vw}.menu-open .nav{top:84px}.hero-panel{min-height:400px;border-radius:22px}.hero-content h1{font-size:44px}.hero-content p{font-size:18px}.hero-actions .btn{width:100%}}

/* DESKTOP FINAL: header bez telefona + hero preko cele sirine kao referenca */
@media (min-width:981px){
  body{background:#f7f3ec;font-family:Arial, Helvetica, sans-serif;}

  /* Header na naslovnoj strani */
  .app-header{position:sticky;top:0;background:#f7f3ec;border-bottom:1px solid #e4d9cc;box-shadow:none;backdrop-filter:none;}
  .app-head-in{height:112px;display:grid;grid-template-columns:260px 1fr;align-items:center;gap:34px;}
  .hamb,.phone-top{display:none!important;}
  .logo-wrap{justify-self:start;display:flex;align-items:center;}
  .logo-wrap img{height:86px;max-width:360px;width:auto;object-fit:contain;mix-blend-mode:multiply;}
  .app-header .nav{display:flex!important;justify-self:end;align-items:center;gap:14px;position:static;background:transparent;border:0;box-shadow:none;padding:0;}
  .app-header .nav a{font-size:16px;font-weight:900;color:#5a371f;padding:16px 22px;border-radius:18px;line-height:1;}
  .app-header .nav a.active,.app-header .nav a:hover{background:#efe6db;color:#5a371f;}

  /* Header na unutrasnjim stranama */
  .top{display:none!important;}
  .header{position:sticky;top:0;z-index:300;background:#f7f3ec;border-bottom:1px solid #e4d9cc;box-shadow:none;}
  .header-in{height:112px;display:grid;grid-template-columns:260px 1fr;align-items:center;gap:34px;}
  .header .brand{justify-self:start;display:flex;align-items:center;gap:14px;}
  .header .brand img{width:auto;height:86px;max-width:360px;border-radius:0;background:transparent;padding:0;object-fit:contain;mix-blend-mode:multiply;}
  .header .brand span{font-size:0;line-height:1;}
  .header .brand small{display:none;}
  .header .hamb,.header .call{display:none!important;}
  .header .nav{display:flex!important;justify-self:end;align-items:center;gap:14px;position:static;background:transparent;border:0;box-shadow:none;padding:0;}
  .header .nav a{font-size:16px;font-weight:900;color:#5a371f;padding:16px 22px;border-radius:18px;line-height:1;}
  .header .nav a.active,.header .nav a:hover{background:#efe6db;color:#5a371f;}

  /* Hero kao full-width baner */
  .hero-new{padding:0 0 34px;background:#f7f3ec;}
  .hero-new .container{width:100%;max-width:none;margin:0;}
  .hero-panel{width:100%;min-height:650px;border-radius:0;box-shadow:none;background:linear-gradient(90deg,rgba(32,20,13,.78),rgba(32,20,13,.52),rgba(32,20,13,.10)),url('assets/img/behaton-modeli.jpg') center/cover no-repeat;display:flex;align-items:center;}
  .hero-content{padding:80px max(44px,calc((100vw - 1180px)/2));max-width:760px;color:#fff;}
  .hero-content h1{font-family:Georgia,'Times New Roman',serif;font-size:76px;line-height:.96;letter-spacing:-.045em;margin:0 0 22px;color:#fff;font-weight:900;}
  .hero-line{width:62px;height:4px;margin:0 0 24px;background:#fff;border-radius:99px;}
  .hero-content p{font-size:26px;line-height:1.32;max-width:560px;margin:0 0 34px;color:#fff;font-weight:500;}
  .hero-actions{gap:16px;}
  .hero-actions .btn{border-radius:15px;padding:19px 30px;font-size:15px;letter-spacing:.04em;box-shadow:0 16px 35px rgba(54,35,20,.25);}
  .hero-actions .btn.light{background:#fff;color:#5a371f;border:1px solid #e4d9cc;}
}

/* DESKTOP HERO POPRAVKA: ne dirati mobilnu verziju */
@media (min-width:981px){
  .hero-new{padding:0 0 34px;background:#f7f3ec;}
  .hero-new .container{width:100%;max-width:none;margin:0;}
  .hero-panel{
    width:100%;
    min-height:650px;
    border-radius:0;
    box-shadow:none;
    display:flex;
    align-items:center;
    background:linear-gradient(90deg,rgba(32,20,13,.78),rgba(32,20,13,.50),rgba(32,20,13,.12)),url('assets/img/behaton-modeli.jpg') center/cover no-repeat;
  }
  .hero-content{
    width:min(760px,calc(100% - 88px));
    max-width:none;
    margin-left:max(44px,calc((100vw - 1180px)/2));
    padding:80px 0;
    color:#fff;
  }
  .hero-content h1{
    font-family:Georgia,'Times New Roman',serif;
    font-size:76px;
    line-height:.96;
    letter-spacing:-.045em;
    max-width:720px;
    margin:0 0 22px;
    color:#fff;
    font-weight:900;
  }
  .hero-content p{
    max-width:560px;
    font-size:26px;
    line-height:1.32;
    margin:0 0 34px;
    color:#fff;
  }
}