/* Nahrať do /user/documents/upload/herbadrug-ui/css/brands/nubian.css */
body.hd-brand-page--nubian{--nu-ink:#342823;--nu-orange:#d94e16;--nu-blue:#077fa6;--nu-muted:#665c56;--nu-line:#e5e0da;--nu-sand:#f8f4ee}
body.hd-brand-page--nubian .hd-brand-top,body.hd-brand-page--nubian .hd-brand-bottom{font-family:"Aller","Avenir Next","Segoe UI",Arial,sans-serif;color:var(--nu-ink)}
body.hd-brand-page--nubian .hd-brand-top *,body.hd-brand-page--nubian .hd-brand-bottom *{box-sizing:border-box}
body.hd-brand-page--nubian .hd-brand-top a:focus-visible{outline:3px solid var(--nu-blue);outline-offset:4px}
.hd-nubian-container{width:min(100% - 48px,1380px);margin-inline:auto}
.hd-nubian-eyebrow{margin:0 0 18px!important;color:var(--nu-orange)!important;font-size:12px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:.15em;text-transform:uppercase}
.hd-nubian-hero{position:relative;min-height:clamp(530px,47vw,700px);overflow:hidden;isolation:isolate;background:#f3e7d4}
.hd-nubian-hero__media{position:absolute;inset:0;z-index:0}
.hd-nubian-hero__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hd-nubian-hero__content{position:relative;z-index:1;display:flex;width:min(51%,700px);min-height:inherit;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(30px,5vw,82px);background:linear-gradient(90deg,rgba(250,246,238,.98) 0%,rgba(250,246,238,.95) 63%,rgba(250,246,238,0) 100%)}
.hd-nubian-hero h2{max-width:10ch;margin:0!important;color:var(--nu-ink)!important;font-size:clamp(44px,5.3vw,78px)!important;font-weight:700!important;line-height:1.01!important;letter-spacing:-.055em}
.hd-nubian-hero__content>p:not(.hd-nubian-eyebrow){max-width:39ch;margin:23px 0 0!important;color:#514b46!important;font-size:clamp(16px,1.25vw,18px)!important;line-height:1.62!important}
.hd-nubian-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;margin-top:30px;padding:13px 20px;background:var(--nu-orange);color:#fff!important;font-size:14px;font-weight:700;text-decoration:none!important;transition:background .2s}
.hd-nubian-button:hover{background:#b83f0d;color:#fff!important;text-decoration:none!important}
.hd-nubian-categories{padding:clamp(60px,7vw,104px) 0 clamp(66px,8vw,114px);scroll-margin-top:90px;background:#fff}
.hd-nubian-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:34px}
.hd-nubian-heading h2{max-width:13ch;margin:0!important;color:var(--nu-ink)!important;font-size:clamp(36px,4.4vw,62px)!important;line-height:1.08!important;letter-spacing:-.05em}
.hd-nubian-heading>p{max-width:38ch;margin:0 0 5px!important;color:var(--nu-muted)!important;font-size:16px!important;line-height:1.6!important}
.hd-nubian-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0!important;padding:0!important;list-style:none!important}
.hd-nubian-grid>li{min-width:0;margin:0!important;list-style:none!important}
.hd-nubian-card{display:flex;height:100%;flex-direction:column;border:1px solid var(--nu-line);background:var(--nu-sand);color:var(--nu-ink)!important;text-decoration:none!important;transition:transform .2s,border-color .2s}
.hd-nubian-card:hover{transform:translateY(-3px);border-color:var(--nu-orange);text-decoration:none!important;color:var(--nu-ink)!important}
.hd-nubian-card__image{display:block;overflow:hidden;aspect-ratio:1.08;background:#e9eee9}
.hd-nubian-card__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%;transition:transform .35s}
.hd-nubian-card:hover img{transform:scale(1.035)}
.hd-nubian-card__body{display:flex;min-height:168px;flex:1;flex-direction:column;align-items:flex-start;padding:19px 20px 21px}
.hd-nubian-card__number{margin-bottom:10px;color:var(--nu-orange);font-size:11px;font-weight:700;letter-spacing:.12em}
.hd-nubian-card__body strong{color:var(--nu-ink);font-size:clamp(20px,1.9vw,28px);font-weight:700;line-height:1.16;letter-spacing:-.035em}
.hd-nubian-card__link{margin-top:auto;padding-top:20px;color:#096c8c;font-size:13px;font-weight:700}
.hd-nubian-product-intro{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:28px 0 16px!important;border-top:1px solid var(--nu-line);text-align:left!important}
.hd-nubian-product-intro .hd-nubian-container{display:block!important;width:min(100% - 48px,1380px)!important;max-width:1380px!important;margin-inline:auto!important;text-align:left!important}
.hd-nubian-product-intro h2{display:block!important;width:auto!important;max-width:none!important;margin:0!important;color:var(--nu-ink)!important;font-size:clamp(28px,3vw,40px)!important;line-height:1.2!important;letter-spacing:-.04em;white-space:nowrap;text-align:left!important}
.hd-nubian-outro{padding:clamp(70px,9vw,125px) 0;background:#f2eee8}
.hd-nubian-outro .hd-nubian-container{max-width:850px;text-align:center}
.hd-nubian-outro h2{margin:0!important;color:var(--nu-ink)!important;font-size:clamp(37px,5vw,65px)!important;line-height:1.08!important;letter-spacing:-.05em}
.hd-nubian-outro .hd-nubian-container>p:last-child{max-width:65ch;margin:24px auto 0!important;color:var(--nu-muted)!important;font-size:16px!important;line-height:1.72!important}
@media(max-width:1100px){.hd-nubian-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hd-nubian-hero__content{width:58%}}
@media(max-width:680px){.hd-nubian-container{width:min(100% - 32px,1380px)}.hd-nubian-hero{display:flex;min-height:0;flex-direction:column}.hd-nubian-hero__media{position:relative;order:0;aspect-ratio:1.38}.hd-nubian-hero__media img{object-position:75% center}.hd-nubian-hero__content{order:1;width:100%;min-height:0;padding:31px 22px 40px;background:#faf6ee}.hd-nubian-hero h2{font-size:clamp(39px,10vw,55px)!important}.hd-nubian-hero__content>p:not(.hd-nubian-eyebrow){margin-top:17px!important}.hd-nubian-button{margin-top:23px}.hd-nubian-categories{padding:60px 0 70px}.hd-nubian-heading{align-items:start;flex-direction:column;gap:15px}.hd-nubian-grid{grid-template-columns:1fr;gap:13px}.hd-nubian-card__image{aspect-ratio:1.43}.hd-nubian-card__body{min-height:136px;padding:18px}.hd-nubian-product-intro{padding:25px 0 12px!important}.hd-nubian-product-intro .hd-nubian-container{width:min(100% - 32px,1380px)!important}.hd-nubian-outro{padding:76px 16px}}
@media(prefers-reduced-motion:reduce){.hd-nubian-card,.hd-nubian-card img,.hd-nubian-button{transition:none}.hd-nubian-card:hover,.hd-nubian-card:hover img{transform:none}}