:root{--ink:#231f20;--muted:#696259;--paper:#faf8f3;--sage:#f0ebdd;--accent:#8d7732;--line:#e1dac6}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid #a07640;outline-offset:6px}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(40px,5.6vw,78px);line-height:1.05}h2{font-size:clamp(30px,3vw,44px);line-height:1.17}h3{font-weight:400}.draft{text-align:center;background:#e9dfcb;color:#5b4930;font-size:12px;padding:8px 20px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:45px;z-index:10;background:white;padding:15px}.topline{display:flex;justify-content:space-between;padding:12px 6vw;border-bottom:1px solid var(--line);font-size:12px}header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:25px 6vw}.brand{display:flex;gap:12px;align-items:center;font-size:28px;letter-spacing:-1px;font-weight:500}.brand small{display:block;font-size:8px;letter-spacing:2.4px;margin-top:5px}.brandmark{font-family:Georgia,serif;font-size:45px;line-height:1;border:1px solid #c7b784;border-radius:50%;width:53px;height:53px;text-align:center}.brandmark span,.dot{color:var(--accent)}nav{display:flex;align-items:center;gap:28px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:19px 25px;background:var(--ink);color:white;border-radius:3px;font-size:14px;line-height:1.2}.button:hover{background:#50452a;text-decoration:none}.button.small{padding:15px 20px}.button.light{background:var(--paper);color:var(--ink)}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:590px;margin:10px 3vw 0;background:#f3efE4}.hero-copy{padding:65px 4vw 35px 3vw}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.6;font-weight:bold;margin-bottom:25px}.eyebrow span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px}.hero h1{margin-bottom:28px}.hero em{font-weight:400;color:#8d7732}.lead{font-size:17px;line-height:1.8;color:var(--muted);max-width:490px}.actions{display:flex;align-items:center;gap:24px;margin-top:32px}.textlink{font-size:13px;line-height:1.5}.hero-note{display:flex;align-items:center;gap:30px;border-top:1px solid #ded3b5;margin-top:45px;padding-top:20px;font-size:11px}.hero-note span{letter-spacing:1px}.hero-note p{margin:0;line-height:1.6;color:var(--muted)}.hero-image{position:relative;overflow:hidden;min-height:500px;background:#e7dfc9}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;position:absolute}.image-caption{position:absolute;bottom:24px;left:24px;right:24px;background:rgba(250,249,245,.94);padding:20px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px}.image-caption span{font-size:8px;letter-spacing:1px}.section{padding:75px 6vw}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-head h2{margin-bottom:0}.section-head .eyebrow{margin-bottom:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.service{padding:30px 24px;position:relative;min-height:250px;border-right:1px solid var(--line);transition:background .2s}.service:last-child{border-right:0}.service:hover{background:#f1ead8;text-decoration:none}.number{color:#8d7732;font-size:12px}.service h3{font-size:22px;line-height:1.2;margin:32px 0 14px;max-width:200px}.service p{font-size:13px;color:var(--muted);line-height:1.7;padding-right:10px}.arrow{position:absolute;right:22px;bottom:24px}.about{background:#f2eddf;display:grid;grid-template-columns:1fr 1fr;gap:80px}.about h2{font-size:52px}.about .lead{margin-top:25px}.reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.reading-grid>a{border-top:1px solid var(--line);padding:25px 0}.reading-grid small{font-size:10px;letter-spacing:1px;color:var(--muted)}.reading-grid h3{font-family:Georgia,serif;font-size:28px;max-width:450px;line-height:1.3;margin-top:20px}.reading-grid span{font-size:12px}.legacy{padding-top:0;font-size:13px}.legacy summary{cursor:pointer;color:var(--muted)}.legacy .prose{margin-top:25px}.contact-band{background:var(--ink);color:#fff;padding:60px 6vw;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-band h2{margin-bottom:15px}.contact-band p{color:#e5d9b6;font-size:14px}.contact-phone{display:block;text-align:center;font-size:12px;margin-top:18px}.contact-band .eyebrow{font-size:10px}.page-title{padding:35px 6vw 45px;background:var(--sage)}.page-title h1{max-width:1050px;font-size:clamp(35px,4.2vw,59px);margin-bottom:0}.breadcrumbs{font-size:12px;margin-bottom:40px;color:var(--muted)}.breadcrumbs span{padding:0 12px}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:7vw;align-items:start}.prose{line-height:1.85;font-size:16px;overflow-wrap:anywhere}.prose h2,.prose h3{font-family:Georgia,serif;font-size:30px;line-height:1.3;margin-top:35px}.prose a{color:#786428;text-decoration:underline;text-underline-offset:3px}.prose img{margin:15px 20px 20px 0;max-height:440px;width:auto}.prose table{border-collapse:collapse;width:100%;font-size:14px}.prose td,.prose th{padding:8px;border-bottom:1px solid var(--line)}.prose article{border-bottom:1px solid var(--line);margin-bottom:35px;padding-bottom:20px}.prose li{margin-bottom:8px}.prose:empty:after{content:'Za več informacij stopite v stik z nami.'}aside{background:#f3efE4;padding:30px 25px;border-radius:3px}aside h2{font-size:30px}aside p{font-size:13px;line-height:1.7;color:var(--muted)}aside>a{display:block;font-size:13px;margin-bottom:15px}aside .button{display:flex;margin-top:25px}aside .phone{font-size:20px;margin:25px 0 12px}aside hr{border:0;border-top:1px solid #ded3b5;margin:25px 0}footer{padding:55px 6vw 25px;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;font-size:12px}footer p{line-height:1.9;margin-top:24px;color:var(--muted)}footer h3{font-weight:bold;font-size:12px;margin-bottom:20px}footer div>a:not(.brand){display:block;margin-bottom:12px;color:var(--muted)}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;color:var(--muted)}@media(min-width:1600px){body{max-width:1700px;margin:auto}}@media(max-width:1000px){nav{gap:16px}nav>a:not(.button){display:none}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:40px 4vw}.hero h1{font-size:52px}.actions{flex-direction:column;align-items:flex-start}.cards{grid-template-columns:1fr 1fr}.service:nth-child(2){border-right:0}.service:nth-child(-n+2){border-bottom:1px solid var(--line)}.page-layout{gap:35px;grid-template-columns:minmax(0,1fr) 240px}}@media(max-width:640px){.draft{font-size:10px}.topline{font-size:10px}header{padding:20px 6vw;gap:10px}.brand{font-size:23px;gap:8px}.brandmark{width:42px;height:42px;font-size:35px}.brand small{font-size:6px;letter-spacing:1.8px}.button.small{padding:13px;font-size:12px}.hero{display:flex;flex-direction:column;margin:0 4vw}.hero-copy{padding:35px 6vw}.hero h1{font-size:48px}.hero .lead{font-size:15px}.hero-image{min-height:320px}.hero-note{margin-top:30px}.image-caption{left:16px;right:16px;bottom:16px}.section{padding:45px 7vw}.section-head{display:block}.section-head>.textlink{display:block;margin-top:20px}.cards{grid-template-columns:1fr 1fr}.service{padding:22px 18px;min-height:240px}.service h3{font-size:20px}.service p{font-size:12px}.about{grid-template-columns:1fr;gap:0}.about h2{font-size:41px}.reading-grid{grid-template-columns:1fr;gap:0}.contact-band{flex-direction:column;align-items:flex-start;padding:45px 7vw;gap:20px}.page-title{padding:25px 7vw 35px}.page-layout{grid-template-columns:1fr}.prose{font-size:15px}.prose h2{font-size:26px}aside{padding:30px}.legacy{padding-top:0}footer{grid-template-columns:1fr 1fr;gap:30px}footer>div:first-child{grid-column:1/-1}.footer-bottom{font-size:10px;gap:20px}.breadcrumbs{margin-bottom:25px}}

/* Official Dermacenter identity: vector artwork, clear space included in SVG. */
header,footer{background:#fff}.brand{flex-shrink:0}.brand-logo{display:block;width:264px;height:auto;max-width:100%}header{padding-top:0;padding-bottom:0}.button{background:#8d7732;color:#fff}.button:not(.light){background:#c7b784;color:#231f20;font-weight:600}.button:not(.light):hover{background:#dfd3ad}.contact-band{background:#231f20}.brand:hover{text-decoration:none}.hero-image{background:#e7dfc9}@media(max-width:640px){header{padding:0 4vw;gap:4px}.brand-logo{width:205px}footer .brand-logo{width:250px}.button.small{padding:12px 10px;gap:10px}.hero-copy{padding-top:28px}}