/* Hero banners (style and background tone are picked per slide in Nazakat > Hero banners), info pages, footer extras and the bra chart grid. */

.nz-hero{position:relative}
.nz-hero__slide{position:relative;overflow:hidden}
.nz-hero__media{position:relative}
.nz-hero__media picture{display:block;width:100%;height:100%}

/* ---- Every banner is the same height as the first one ---- */
.nz-hero__inner{height:620px}
.nz-hero__media{flex:1 1 0;min-height:0;height:auto}
.nz-hero__slide--banner{height:620px}
.nz-hero__slide--banner a,.nz-hero__slide--banner picture{display:block;height:100%}
.nz-hero__slide--banner img{width:100%;height:100%;object-fit:cover}

/* ---- Phones and tablets: text first, shaped photo below ---- */

/* 1 and 2. Arch: tall photo, fully rounded top, sitting on the bottom edge. */
.nz-hero__slide--arch-right .nz-hero__media,
.nz-hero__slide--arch-left .nz-hero__media{margin:0 6px;border-radius:999px 999px 0 0}

/* 3. Circle: round photo on top, centred text. */
.nz-hero__slide--circle .nz-hero__inner{align-items:center;justify-content:center;text-align:center;padding-bottom:32px}
.nz-hero__slide--circle .nz-hero__copy{align-items:center}
.nz-hero__slide--circle .nz-hero__btns{justify-content:center}
.nz-hero__slide--circle .nz-hero__media{order:-1;flex:none;width:min(270px,70vw);height:auto;aspect-ratio:1;border-radius:50%;box-shadow:0 0 0 8px #fff,0 0 0 9px var(--nz-accent,#B8456B)}

/* 4. Leaf: two opposite corners rounded. */
.nz-hero__slide--leaf .nz-hero__inner{padding-bottom:28px}
.nz-hero__slide--leaf .nz-hero__media{border-radius:150px 24px 150px 24px}

/* 5. Centre: centred text over a wide photo card. */
.nz-hero__slide--center .nz-hero__inner{align-items:stretch;text-align:center}
.nz-hero__slide--center .nz-hero__copy{align-items:center}
.nz-hero__slide--center .nz-hero__btns{justify-content:center}
.nz-hero__slide--center .nz-hero__media{border-radius:28px 28px 0 0}

/* 6. Full: photo fills the banner, text sits on a soft fade. */
.nz-hero__slide--full .nz-hero__inner{justify-content:flex-end;padding-top:0;padding-bottom:56px}
.nz-hero__slide--full .nz-hero__media{position:absolute;inset:0;flex:none;height:auto;margin:0;border-radius:0;z-index:0}
.nz-hero__slide--full::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(255,249,249,.96) 0%,rgba(255,249,249,.82) 38%,rgba(255,249,249,0) 68%)}
.nz-hero__slide--full .nz-hero__copy{position:relative;z-index:2}

/* ---- Background tones ---- */
.nz-hero__slide--tone-blush{background:var(--nz-tint,#FBE4E8)}
.nz-hero__slide--tone-cream{background:#FFF5EC}
.nz-hero__slide--tone-glow{background:linear-gradient(135deg,#FFF3F5 0%,#F9D5DE 55%,#F2B8C8 100%)}
.nz-hero__slide--tone-rose{background:var(--nz-accent,#B8456B)}
.nz-hero__slide--tone-plum{background:linear-gradient(135deg,#4B2A3B 0%,#2E1C25 100%)}
.nz-hero__slide--tone-sunset{background:linear-gradient(135deg,#7E2947 0%,#B8456B 55%,#DE8399 100%)}
.nz-hero__slide.is-dark .nz-hero__title{color:#fff}
.nz-hero__slide.is-dark .nz-hero__text{color:rgba(255,255,255,.88)}
.nz-hero__slide.is-dark .nz-eyebrow{color:#FFD9E2}
.nz-hero__slide.is-dark .nz-btn--fill{background:#fff;color:var(--nz-accent-ink,#8C2F50)}
.nz-hero__slide.is-dark .nz-btn--fill:hover{background:#FFE9EE}
.nz-hero__slide.is-dark .nz-btn--white{background:transparent;color:#fff;border-color:rgba(255,255,255,.75)}
.nz-hero__slide--full.is-dark::after{background:linear-gradient(0deg,rgba(46,28,37,.94) 0%,rgba(46,28,37,.78) 38%,rgba(46,28,37,0) 70%)}

/* ---- Arrows and dots (added by assets/hero.js) ---- */
.nz-hero__arrow{position:absolute;z-index:4;bottom:10px;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.88);color:#3A2630;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(58,38,48,.18)}
.nz-hero__arrow--prev{left:12px}
.nz-hero__arrow--next{right:12px}
.nz-hero__arrow:hover{background:#fff}
.nz-hero__dots{position:absolute;z-index:4;left:50%;bottom:14px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.78)}
.nz-hero__dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(58,38,48,.28);transition:width .25s,background .25s}
.nz-hero__dot.is-active{width:22px;background:var(--nz-accent,#B8456B)}

/* ---- Light movement: photo eases in, text rises, the heading catches the light once ---- */
@media (prefers-reduced-motion:no-preference){
	.nz-hero.is-ready .nz-hero__slide.is-active .nz-hero__media img{animation:nz-hero-zoom 5.5s ease-out both}
	.nz-hero.is-ready .nz-hero__slide.is-active .nz-hero__copy>*{animation:nz-hero-rise .7s ease-out both}
	.nz-hero.is-ready .nz-hero__slide.is-active .nz-hero__copy>*:nth-child(2){animation-delay:.08s}
	.nz-hero.is-ready .nz-hero__slide.is-active .nz-hero__copy>*:nth-child(3){animation-delay:.16s}
	.nz-hero.is-ready .nz-hero__slide.is-active .nz-hero__copy>*:nth-child(4){animation-delay:.24s}
	@supports ((-webkit-background-clip:text) or (background-clip:text)){
		.nz-hero.is-ready .nz-hero__slide.is-active .nz-hero__title{background:linear-gradient(100deg,#3A2630 0%,#3A2630 42%,#E58CA5 50%,#3A2630 58%,#3A2630 100%) 100% 0/300% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:nz-hero-rise .7s ease-out both,nz-hero-shine 2.2s .6s ease-in-out both}
		.nz-hero.is-ready .nz-hero__slide.is-active.is-dark .nz-hero__title{background-image:linear-gradient(100deg,#fff 0%,#fff 42%,#FFC2D1 50%,#fff 58%,#fff 100%)}
	}
}
@keyframes nz-hero-zoom{from{transform:scale(1.09)}to{transform:scale(1)}}
@keyframes nz-hero-rise{from{opacity:.35;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes nz-hero-shine{from{background-position:100% 0}to{background-position:0 0}}

/* ---- Desktop ---- */
@media (min-width:1024px){
	.nz-hero__inner{height:540px;min-height:0}
	.nz-hero__slide--banner{height:540px}
	.nz-hero__media{flex:1.15 1 0;height:517px}

	.nz-hero__slide--arch-right .nz-hero__media,
	.nz-hero__slide--arch-left .nz-hero__media{height:517px;margin:0;border-radius:330px 330px 0 0}
	.nz-hero__slide--arch-left .nz-hero__inner{flex-direction:row-reverse}

	.nz-hero__slide--circle .nz-hero__inner{text-align:left;justify-content:flex-start;padding-bottom:0}
	.nz-hero__slide--circle .nz-hero__copy{align-items:flex-start}
	.nz-hero__slide--circle .nz-hero__btns{justify-content:flex-start}
	.nz-hero__slide--circle .nz-hero__media{order:0;flex:0 0 440px;width:440px;height:auto;align-self:center;margin-right:24px;box-shadow:0 0 0 12px #fff,0 0 0 13px var(--nz-accent,#B8456B)}

	.nz-hero__slide--leaf .nz-hero__inner{flex-direction:row-reverse;padding-bottom:0}
	.nz-hero__slide--leaf .nz-hero__media{flex:0 0 44%;height:470px;align-self:center;border-radius:230px 28px 230px 28px}

	.nz-hero__slide--center .nz-hero__inner{flex-direction:column;align-items:stretch;gap:24px;padding-top:36px}
	.nz-hero__slide--center .nz-hero__copy{flex:none;gap:12px}
	.nz-hero__slide--center .nz-hero__title{font-size:48px}
	.nz-hero__slide--center .nz-hero__text{max-width:560px}
	.nz-hero__slide--center .nz-hero__media{flex:1 1 0;min-height:0;height:auto;align-self:stretch;border-radius:36px 36px 0 0}

	.nz-hero__slide--full .nz-hero__inner{justify-content:flex-start;padding-bottom:0}
	.nz-hero__slide--full .nz-hero__media{flex:none;height:auto}
	.nz-hero__slide--full .nz-hero__copy{flex:0 1 540px}
	.nz-hero__slide--full::after{background:linear-gradient(90deg,rgba(255,249,249,.96) 0%,rgba(255,249,249,.82) 34%,rgba(255,249,249,0) 62%)}
	.nz-hero__slide--full.is-dark::after{background:linear-gradient(90deg,rgba(46,28,37,.94) 0%,rgba(46,28,37,.78) 34%,rgba(46,28,37,0) 64%)}

	.nz-hero__arrow{top:50%;bottom:auto;width:38px;height:38px;margin-top:-19px}
	.nz-hero__arrow--prev{left:14px}
	.nz-hero__arrow--next{right:14px}
}

/* ---- Calculator: back to the product, result buttons ---- */
.nz-calc__back{display:flex;align-items:center;gap:12px;margin:12px 0 18px;padding:10px 14px 10px 10px;border:1px solid var(--nz-line-strong,#E9CFD6);border-radius:16px;background:#fff;max-width:520px}
.nz-calc__back:hover{border-color:var(--nz-accent,#B8456B)}
.nz-calc__back-img{flex:0 0 52px;width:52px;height:64px;border-radius:10px;overflow:hidden;background:var(--nz-tint,#FBE4E8)}
.nz-calc__back-img img{width:100%;height:100%;object-fit:cover}
.nz-calc__back em{display:block;font-style:normal;font-size:12px;font-weight:600;color:var(--nz-accent-ink,#8C2F50)}
.nz-calc__back strong{display:block;font-weight:600;font-size:15px;line-height:1.3}
.nz-calc__go,.nz-calc__result .nz-btn.nz-calc__go{display:flex;margin-top:14px;padding:10px 20px;line-height:1.3;background:var(--nz-accent,#B8456B);border-color:var(--nz-accent,#B8456B);color:#fff}
.nz-calc__more{display:block;margin-top:12px;font-size:14px;font-weight:600;text-decoration:underline;color:var(--nz-accent-ink,#8C2F50)}
.nz-chart-img{display:block;width:100%;height:auto;border-radius:12px}
.nz-guide-link{margin:0 0 12px}

/* ---- Info pages: contact, FAQs, size guide, policies ---- */
.nz-info .nz-crumbs{margin-bottom:10px}
.nz-info .nz-sub{max-width:620px}
.nz-info__cards{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:22px 0 8px;max-width:980px}
.nz-info__card{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border:1px solid var(--nz-line,#F0DCE1);border-radius:18px;background:#fff;transition:border-color .15s,transform .15s}
.nz-info__card:hover{border-color:var(--nz-accent,#B8456B);transform:translateY(-2px)}
.nz-info__card strong{font-family:var(--nz-display);font-weight:500;font-size:20px}
.nz-info__card span{font-weight:600;color:var(--nz-accent-ink,#8C2F50);overflow-wrap:anywhere}
.nz-info__card em{font-style:normal;font-size:13px;color:var(--nz-muted,#5E4650)}
.nz-info__h2{margin:30px 0 12px;font-size:24px}
.nz-info__links{display:flex;flex-wrap:wrap;gap:10px}
.nz-info__links a{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border:1px solid var(--nz-line-strong,#E9CFD6);border-radius:999px;background:#fff;font-weight:600;font-size:14px}
.nz-info__links a:hover{border-color:var(--nz-accent,#B8456B);color:var(--nz-accent,#B8456B)}
.nz-info__faq{max-width:820px;margin-top:10px}
.nz-content h2{font-size:22px;margin:28px 0 10px}
.nz-content h3{font-size:18px;margin:20px 0 8px}
.nz-content ul{list-style:disc;padding-left:20px;margin:0 0 1em}
.nz-content ol{padding-left:20px;margin:0 0 1em}
.nz-content li{margin-bottom:6px}
.nz-content a{color:var(--nz-accent-ink,#8C2F50);text-decoration:underline}
@media (min-width:700px){
	.nz-info__cards{grid-template-columns:repeat(3,minmax(0,1fr))}
	.nz-info__h2{font-size:30px}
}

/* ---- Category page: short text about the category, under the products ---- */
.nz-archive__about{max-width:760px;margin:28px auto 0;padding-top:20px;border-top:1px solid var(--nz-line,#F0DCE1);text-align:center;font-size:14px;color:var(--nz-muted,#5E4650)}
.nz-archive__about p:last-child{margin-bottom:0}

/* ---- Footer extras ---- */
.nz-footer__secure{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--nz-ink,#3A2630)}
.nz-footer__secure svg{flex:none;color:var(--nz-accent,#B8456B)}
.nz-social{flex-wrap:wrap}
.nz-social a:hover{border-color:var(--nz-accent,#B8456B);color:var(--nz-accent,#B8456B)}

/* ---- Bra chart grid with the cm / inches switch ---- */
.nz-calc__grid>*{min-width:0}
.nz-units{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.nz-units__label{font-size:13px;color:#5E4650;margin-right:2px}
.nz-units input{position:absolute;opacity:0;width:1px;height:1px}
.nz-units label{display:inline-flex;align-items:center;height:34px;padding:0 16px;border:1px solid #E9CFD6;border-radius:999px;background:#fff;font-size:13px;font-weight:600;cursor:pointer}
.nz-units input:checked + label{background:var(--nz-accent,#B8456B);border-color:var(--nz-accent,#B8456B);color:#fff}
.nz-units input:focus-visible + label{outline:2px solid #3A2630;outline-offset:2px}
.nz-chart-wrap{flex:0 0 100%;max-width:100%;overflow-x:auto;margin-top:4px}
.nz-units__cm:checked ~ .nz-chart-wrap--in,.nz-units__in:checked ~ .nz-chart-wrap--cm{display:none}
.nz-chart--grid{min-width:520px;font-size:13px}
.nz-chart--grid th,.nz-chart--grid td{padding:9px 8px;white-space:nowrap}
.nz-chart--grid tbody td:nth-child(2){color:#5E4650}
.nz-chart--grid tbody th{position:sticky;left:0;background:#fff}
.nz-chart--grid thead th:first-child{position:sticky;left:0}