/* NOT — profesionalna trgovina. Boje izvornog identiteta, verzija 2. */
:root{--ink:#242521;--wine:#292b24;--wine-dark:#10110e;--paper:#fff;--line:#e5e5df;--muted:#73746c;--brand:#ad974f;--sans:'Segoe UI',Arial,sans-serif}
body{background:#fff;color:var(--ink)}
.wrap{width:min(1320px,calc(100% - 80px))}
h1,h2{font-family:var(--sans);font-weight:600;letter-spacing:-.045em}
h2{font-size:2rem;line-height:1.2}
.preview-note{background:#f5f4ed;color:#79745f;font-size:.75rem;padding:5px 20px}
.topline{background:#f7f7f3;color:#76766a;text-align:left;padding:8px max(40px,calc((100% - 1320px)/2));font-size:.7rem;letter-spacing:.12em;border-bottom:1px solid var(--line)}
.topline span{letter-spacing:0;margin-left:28px;font-size:.75rem}
.header{height:92px;gap:45px}.header .logo{font-size:65px;min-width:104px}
.header nav{margin-right:auto;gap:30px;font-weight:500;font-size:.9rem}.header nav .active{border-color:var(--brand)}
.cart-trigger{border:1px solid var(--line);padding:10px 16px;gap:12px}.cart-label{font-weight:500}#cart-count{background:#eeeee7;color:#34352c}
.hero{grid-template-columns:1.1fr .9fr;min-height:340px;background:#272a23;overflow:hidden}
.hero-copy{padding:34px 44px;justify-content:center;align-items:flex-start}.hero .eyebrow{color:#c6b26b;font-size:.72rem;letter-spacing:.18em;margin-bottom:17px}
.hero h1{font-size:clamp(2.5rem,3.5vw,3.25rem);line-height:1.08;color:#fff;margin:0 0 17px;max-width:none;font-weight:600}
.hero-copy>p:not(.eyebrow){font-size:.9rem;line-height:1.65;color:#d0d2c8;margin-bottom:23px}
.button{min-height:46px;padding:11px 20px;font-size:.875rem;border-radius:2px;gap:25px}.button:hover{transform:none}
.hero .button{background:#c6b16d;color:#25261f;border-color:#c6b16d;font-weight:600}.hero .button:hover{background:#d5c382}
.hero-visual{min-height:340px;background:#e3e3de}.hero-visual>img{object-position:50% 56%}
.image-caption{top:20px;left:24px;font-size:.65rem;letter-spacing:.14em}
.hero-product{left:20px;right:20px;bottom:18px;padding:11px 16px;background:rgba(255,255,255,.93);font-size:.7rem}
.hero-product strong{font-family:var(--sans);font-size:1rem;font-weight:600;margin-top:0}.circle-arrow{width:34px;height:34px;border-color:#dddccf;font-size:1.2rem}
.values{padding:17px 0;justify-content:flex-start;gap:40px;font-size:.8rem;border-bottom:1px solid var(--line);color:#65675d}.values b{color:#9a863c;font-weight:600;margin-right:10px}
.catalog{padding:38px 0 48px}.section-heading{margin-bottom:22px;align-items:center}.section-heading .eyebrow{font-size:.68rem;letter-spacing:.17em;color:#8b7d4b;margin-bottom:7px}.section-heading h2{font-size:1.95rem;font-weight:600}.eyebrow{color:#827240}#result-count{font-size:.8rem;color:#78796d}
.catalog-tools{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:24px;gap:16px}.categories{gap:4px}.categories button{border-radius:2px;border:0;background:#f4f4f0;font-weight:500;padding:10px 16px;font-size:.85rem}.categories button[aria-pressed=true]{background:#292c24;color:#fff}
.search-sort{gap:10px}.search{border:1px solid var(--line);padding:0 12px;background:#fff;margin:0}.search input{width:155px;font-size:.85rem}.search-sort select{border-color:var(--line);font-size:.8rem;min-height:44px;padding:10px}
.product-grid{gap:25px 20px}.product-card{border:1px solid var(--line);padding:10px 10px 16px;background:#fff;transition:border-color .2s}.product-card:hover{border-color:#b9ad84}
.product-photo{background:#eeefea;aspect-ratio:1.07}.product-photo img{object-fit:cover}.product-photo .view-label{font-weight:500}
.category-label{font-size:.65rem;letter-spacing:.055em;margin:14px 5px 6px;color:#77786c}.product-card h3{font-size:1rem;font-weight:600;margin:0 5px 13px;line-height:1.4;min-height:2.8em}
.card-bottom{margin:0 5px;align-items:start;gap:8px}.price{font-size:1.1rem;color:#282b22;font-weight:650}.reference{font-size:.8rem;line-height:1.5;color:#7b7d72;margin-top:4px}
.quick-add{border-radius:2px;width:38px;height:38px;background:#f3f3ec;border-color:#e3e4d9;font-size:1.4rem}.quick-add:hover{background:#292c24}.price-note{font-size:.8rem;line-height:1.65;margin-top:22px;max-width:100%}
.custom{padding:44px 0;grid-template-columns:1fr 2fr;gap:50px}.custom h2{font-size:2rem;color:#292b24}.custom .eyebrow{font-size:.7rem;margin-bottom:13px}.custom-steps{gap:25px}.custom-steps h3{font-size:.95rem}.custom-steps p{font-size:.85rem}.custom-steps span{font-size:.8rem;color:#93803c}
.professional{background:#eeeadd;color:#292b24;padding:40px 48px;grid-template-columns:.7fr 2fr .7fr;gap:45px;border-top:3px solid var(--brand)}
.professional .eyebrow{font-size:.7rem;color:#7c6a2e;margin-bottom:14px}.professional h2{font-size:2rem;color:#292b24}.professional p:not(.eyebrow){color:#616453;font-size:.9rem}.big-asterisk{font-family:NotPlaylist,cursive;color:#302f23;font-size:6rem;line-height:1.1;align-self:center;margin:0}.professional .button{background:#292c24;color:white;border-color:#292c24}.pro-note{color:#89806a;font-size:.65rem;border-color:#bfb598}
.faq{padding:54px 0;gap:55px;grid-template-columns:1fr 1.65fr}.faq h2{font-size:2rem}.faq .eyebrow{font-size:.7rem;margin-bottom:12px}.faq details{padding:16px 0}.faq summary{font-size:.9rem}
footer{background:#252820;color:#e1e4d8}.footer-main{padding:42px 0;grid-template-columns:2fr 1fr 1fr}.footer-main .logo{color:#fff;font-size:64px}.footer-main p,.footer-main a:not(.logo){color:#b8bdae;font-size:.85rem}.footer-main h3{color:#f3f4ec;font-size:.9rem}.footer-bottom{border-color:#464a3e;color:#b8bdae;font-size:.75rem}.footer-bottom .text-button{color:#b8bdae}.footer-bottom>span:last-child{color:#bbaa71}
dialog h2{font-family:var(--sans);font-size:1.8rem;font-weight:600;letter-spacing:-.035em}.product-detail h2{font-size:1.9rem}.product-detail .eyebrow{font-size:.75rem}.cart-dialog,.order-dialog,.info-dialog{border-top:4px solid var(--brand)}
@media(min-width:1600px){.hero-copy{padding:34px 44px}.hero{min-height:340px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.topline{padding-inline:24px}.header{gap:25px}.header nav{gap:22px}.hero-copy{padding:30px}.hero h1{font-size:2.7rem}.hero,.hero-visual{min-height:325px}.values{gap:25px}.catalog-tools{align-items:start}.search-sort{justify-content:flex-start;flex:initial}.professional{grid-template-columns:.6fr 2fr;gap:30px}.pro-note{display:none}.custom{grid-template-columns:1fr;gap:20px}}
@media(max-width:850px){.header{height:82px}.header .logo{font-size:60px;min-width:90px}.header nav{gap:15px;font-size:.8rem}.cart-trigger{padding:9px 12px}.hero{grid-template-columns:1.1fr .9fr}.hero-copy{padding:26px}.hero h1{font-size:2.35rem}.hero-copy>p:not(.eyebrow){font-size:.85rem}.hero .eyebrow{font-size:.65rem}.hero,.hero-visual{min-height:325px}.values{font-size:.75rem;gap:20px}.values b{display:inline;margin-right:7px}.catalog{padding-top:30px}.search-sort{width:auto}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card-bottom{margin:0}.product-card h3{font-size:.9rem}.category-label{margin-inline:0}.product-card{padding:8px 8px 14px}.reference{font-size:.75rem}.faq{gap:30px}}
@media(max-width:650px){.wrap{width:calc(100% - 28px)}.topline{font-size:.65rem;padding-inline:14px}.topline span{display:none}.header{height:76px}.header nav{top:70px;left:-14px;right:-14px;font-size:.95rem;margin:0}.header .logo{font-size:57px;min-width:85px}.cart-trigger{padding:8px 10px}.menu-toggle{font-size:1.25rem;min-height:42px}.hero{grid-template-columns:1fr}.hero-copy{padding:27px 24px}.hero h1{font-size:2.5rem;line-height:1.08;margin-bottom:15px}.hero-copy>p:not(.eyebrow){font-size:.875rem;margin-bottom:20px}.hero-copy>p br{display:none}.hero .button{padding:11px 18px;font-size:.85rem}.hero .eyebrow{font-size:.65rem;margin-bottom:13px}.hero-visual{min-height:180px;height:180px}.hero-visual>img{object-position:50% 52%}.image-caption{display:none}.hero-product{left:auto;right:12px;bottom:12px;max-width:210px;padding:9px 12px;gap:20px}.hero-product strong{font-size:.875rem}.circle-arrow{width:29px;height:29px}.values{gap:12px;font-size:.7rem;line-height:1.5;padding:14px 0}.values b{display:block;font-size:.65rem}.catalog{padding-top:28px}.section-heading{gap:10px;align-items:end;margin-bottom:20px}.section-heading h2{font-size:1.6rem;line-height:1.15}.section-heading .eyebrow{font-size:.65rem}#result-count{font-size:.7rem;white-space:nowrap}.catalog-tools{gap:13px;margin-bottom:17px}.categories{width:100%;gap:5px}.categories button{font-size:.75rem;padding:8px 10px;min-height:40px;flex:1}.search-sort{width:100%;gap:8px}.search{padding-inline:9px}.search input{width:100%;font-size:.8rem}.search-sort select{font-size:.75rem;max-width:48%;padding:10px 5px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.product-card{padding:6px 6px 12px}.product-photo{aspect-ratio:1}.category-label{font-size:.6rem;margin-top:11px;letter-spacing:.02em}.product-card h3{font-size:.875rem;margin:0 0 10px;min-height:2.8em}.card-bottom{display:block;position:relative}.card-bottom>div{padding:0}.price{font-size:1rem;padding-right:30px}.quick-add{position:absolute;right:0;top:-3px;width:30px;height:30px;font-size:1.2rem}.reference{font-size:.75rem;margin-top:8px}.price-note{font-size:.75rem}.custom{padding:30px 0;gap:18px}.custom h2{font-size:1.8rem}.custom-steps{gap:18px}.professional{padding:26px;grid-template-columns:1fr;gap:8px}.big-asterisk{font-size:3.5rem}.professional h2{font-size:1.8rem}.professional .button{font-size:.8rem;gap:14px}.faq{padding:36px 0;grid-template-columns:1fr;gap:12px}.faq h2{font-size:1.8rem}.footer-main{padding-block:30px;grid-template-columns:1fr 1fr;gap:25px}.footer-main .logo{font-size:60px}.footer-main>div:first-child{grid-column:1/-1}.footer-main .logo+p{font-size:.8rem}.footer-bottom{gap:15px}}

/* Stilizirane fotografije primjene toppera. Fotografije artikala ostaju izvorne. */
.hero{grid-template-columns:.95fr 1.05fr}
.hero-visual>img{object-position:50% 15%}
.hero-visual .image-caption{color:#fff;background:#2228208c;padding:5px 9px;top:12px;left:12px;font-size:.6rem;letter-spacing:.08em}
.hero-product{left:auto;width:240px;max-width:calc(100% - 32px)}
.professional{grid-template-columns:1fr 1.15fr;padding:0;gap:0;border-top:0;align-items:stretch}
.professional-image{margin:0;position:relative;min-height:330px}
.professional-image img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 28%}
.professional-image figcaption{position:absolute;bottom:12px;left:16px;font-size:.65rem;letter-spacing:.04em;background:#2528209c;color:#fff;padding:4px 8px}
.professional>div{padding:38px 42px;align-self:center}
@media(max-width:850px){.hero{grid-template-columns:1fr 1fr}.professional>div{padding:28px}.professional-image{min-height:340px}}
@media(max-width:650px){.hero{grid-template-columns:1fr}.hero-visual{height:240px;min-height:240px}.hero-visual .image-caption{display:block;font-size:.6rem}.hero-product{width:205px}.professional{grid-template-columns:1fr;gap:0}.professional-image{height:255px;min-height:255px}.professional>div{padding:28px}.professional-image img{object-position:50% 20%}}