/* Prototype-matched storefront system. Kept separate so commerce/PDP polish stays isolated. */
:root{--qn-deep:#06433d;--qn-green:#0f766e;--qn-green-hover:#0b5f59;--qn-amber:#f59e0b;--qn-ink:#111827;--qn-body:#4b5563;--qn-soft:#f8fcfa;--qn-tint:#d1fae5;--qn-line:rgba(15,118,110,.16);--qn-card-radius:0;--qn-control-radius:10px}

.home .qn-utility{height:38px;min-height:38px;padding:0 3.5vw;background:#06443d;font-size:11px;font-weight:500;letter-spacing:.075em}
.home .qn-header{height:88px;padding:0 3.5vw;grid-template-columns:180px 1fr 180px;border-bottom-color:rgba(255,255,255,.18);background:rgba(8,91,82,.96)}
.home .qn-brand{display:flex;align-items:center}
.home .qn-brand .custom-logo-link,.home .qn-brand>a{width:64px;height:64px;padding:6px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden}
.home .qn-brand img{width:100%;height:100%;max-height:none;object-fit:contain}
.home .qn-navigation a{padding:34px 0;color:#fff;font-size:14px!important}
.home .qn-navigation a:after{bottom:21px;background:#f59e0b}
.home .qn-header-actions>a,.home .qn-header-actions>button{color:#fff;font-size:20px}
.home .qn-cart-count{background:#f59e0b;color:#111827}

.qn-block-page{--wp--style--global--content-size:1360px;--wp--style--global--wide-size:1440px;background:#fff;color:#4b5563}
.qn-block-page .wp-block-button__link{border-radius:10px}
.qn-block-page .qn-block-section{padding:clamp(82px,8vw,116px) max(5.25vw,24px)}
.qn-block-page h1,.qn-block-page h2,.qn-block-page h3{color:#111827;letter-spacing:-.045em}
.qn-block-page h2{font-size:clamp(40px,4.7vw,68px);line-height:1.02}
.qn-block-page p{font-size:16px;line-height:1.7}

.qn-prototype-hero{position:relative;min-height:690px!important;overflow:hidden;background:#06433d url('../images/hero-qamar-advanced-v1.webp') center right/cover no-repeat;color:#fff}
.qn-prototype-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,63,58,.99) 0%,rgba(5,63,58,.95) 39%,rgba(5,63,58,.64) 63%,rgba(5,63,58,.15) 100%);z-index:1}
.qn-prototype-hero>.wp-block-cover__background{display:none}
.qn-prototype-hero>.wp-block-cover__inner-container{position:relative;z-index:2;box-sizing:border-box;width:100%;height:100%;min-height:690px;padding:74px 7vw 38px;display:flex;align-items:stretch}
.qn-prototype-hero__inner{width:min(650px,52vw);max-width:650px!important;margin:0!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.qn-prototype-hero .qn-block-eyebrow{margin-bottom:21px;color:#d1fae5;font-size:12px;letter-spacing:.16em}
.qn-prototype-hero h1{max-width:650px;margin:0 0 28px;color:#fff;font-size:clamp(58px,5.7vw,84px);font-weight:800;line-height:.94;letter-spacing:-.065em}
.qn-prototype-hero h1 mark{display:inline;color:#f59e0b!important}
.qn-prototype-hero__lede{max-width:610px;margin:0 0 32px!important;color:#e5efed;font-size:18px!important;line-height:1.75!important}
.qn-prototype-hero .wp-block-buttons{gap:12px}
.qn-prototype-hero .wp-block-button__link{min-height:52px;padding:0 24px;border-radius:11px;font-size:14px}
.qn-prototype-hero .is-style-outline .wp-block-button__link{border-color:rgba(255,255,255,.65);color:#fff}
.qn-prototype-hero__proof{margin:44px 0 0!important;gap:34px!important}
.qn-prototype-hero__proof p{margin:0;color:#fff;font-size:13px}
.qn-prototype-hero__proof b{width:28px;height:28px;margin-right:8px;border:1px solid rgba(255,255,255,.4);border-radius:50%;display:inline-grid;place-items:center;color:#f59e0b;font-size:10px}
.qn-prototype-hero__controls{margin:30px 0 0!important;color:#d8e7e4;font-size:11px!important;letter-spacing:.12em}
.qn-prototype-hero__controls b{padding-bottom:5px;border-bottom:2px solid #f59e0b;color:#fff}
.qn-prototype-hero__tag{position:absolute;right:2.3vw;bottom:35px;width:250px;padding:20px 22px;border-radius:17px;background:rgba(255,255,255,.96);box-shadow:0 14px 30px rgba(0,0,0,.15);z-index:3}
.qn-prototype-hero__tag p{margin:0 0 5px;color:#0f766e;font-size:10px!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.qn-prototype-hero__tag h3{margin:0;color:#111827;font-size:16px;letter-spacing:-.03em}
.qn-prototype-hero__concept{position:absolute;right:2.3vw;top:28px;margin:0!important;padding:10px 14px;background:#fff;color:#0f766e!important;font-size:10px!important;letter-spacing:.12em;text-transform:uppercase;z-index:3}

.qn-prototype-proof{padding:0 max(5vw,24px);background:#ecfdf5}
.qn-prototype-proof>.wp-block-columns{width:min(1360px,100%);margin:0 auto}
.qn-prototype-proof .wp-block-column{min-height:116px;padding:24px 28px;border-right:1px solid rgba(15,118,110,.18);display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:center}
.qn-prototype-proof .wp-block-column:first-child{border-left:1px solid rgba(15,118,110,.18)}
.qn-prototype-proof .qn-proof-icon{margin:0;color:#f59e0b;font-size:20px}
.qn-prototype-proof h3{font-size:15px}

.qn-prototype-needs{background:#f8fcfa}
.qn-prototype-needs__layout{gap:clamp(55px,8vw,120px)}
.qn-prototype-needs__layout>.wp-block-column:first-child{flex-basis:38%}
.qn-prototype-needs__cards{display:flex;flex-direction:column;gap:12px}
.qn-prototype-needs__row{gap:12px!important;margin:0!important}
.qn-prototype-needs .qn-need-card{min-height:110px;padding:20px 22px;border-radius:0;display:grid;grid-template-columns:48px 1fr;align-items:center;gap:16px;box-shadow:none}
.qn-prototype-needs .qn-need-icon{margin:0!important;border-radius:50%}
.qn-prototype-needs .qn-need-card h3{font-size:15px}

.qn-prototype-products{background:#fff}
.qn-prototype-products ul.products{gap:18px!important}
.qn-prototype-products ul.products li.product{padding:0 0 18px!important;border-radius:0!important;background:#fff!important}
.qn-prototype-products ul.products li.product a img{height:350px;aspect-ratio:auto;margin:0 0 22px!important;border-radius:0!important;object-fit:cover}
.qn-prototype-products ul.products li.product .woocommerce-loop-product__title{padding:0 18px!important;text-align:left!important;font-size:17px!important}
.qn-prototype-products ul.products li.product .price{padding:0 18px;text-align:left!important;color:#0f766e!important}
.qn-prototype-products ul.products li.product .button{width:calc(100% - 36px);margin:0 18px!important}

.qn-prototype-quality{padding-top:0!important;padding-bottom:0!important;background:#e7e1d5}
.qn-prototype-quality>*{width:100%!important;max-width:none!important}
.qn-prototype-quality>.wp-block-columns{gap:0;margin:0}
.qn-prototype-quality__copy{padding:clamp(70px,8vw,120px) 7vw}
.qn-prototype-quality__copy>p:not(.qn-block-eyebrow){max-width:630px;font-size:17px}
.qn-prototype-quality__list{margin:34px 0!important;border-top:1px solid rgba(17,24,39,.18)}
.qn-prototype-quality__list p{margin:0;padding:18px 0;border-bottom:1px solid rgba(17,24,39,.18);color:#111827;font-weight:700}
.qn-prototype-quality__list b{margin-right:18px;color:#0f766e;font-size:11px}
.qn-prototype-quality__media{position:relative;min-height:670px;overflow:hidden}
.qn-prototype-quality__media figure,.qn-prototype-quality__media img{width:100%;height:100%;margin:0;object-fit:cover}
.qn-prototype-report{position:absolute;right:28px;bottom:28px;left:28px;padding:24px 26px;background:rgba(255,255,255,.95)}
.qn-prototype-report p{margin:0 0 7px;font-size:12px}
.qn-prototype-report h3{margin:0 0 7px;font-size:22px}
.qn-prototype-report a{color:#0f766e;font-weight:700}

.qn-prototype-usage{background:#fff}
.qn-prototype-usage>.wp-block-columns{gap:clamp(54px,8vw,120px)}
.qn-prototype-usage__media{position:relative;min-height:650px;overflow:hidden}
.qn-prototype-usage__media figure,.qn-prototype-usage__media img{width:100%;height:100%;margin:0;object-fit:cover}
.qn-prototype-image-chip{position:absolute;right:18px;top:18px;margin:0!important;padding:9px 12px;background:#fff;color:#0f766e!important;font-size:10px!important;text-transform:uppercase;letter-spacing:.1em}
.qn-prototype-usage__copy>p:not(.qn-block-eyebrow){max-width:600px}
.qn-prototype-steps{margin:30px 0!important;border-top:1px solid var(--qn-line)}
.qn-prototype-steps p{margin:0;padding:19px 0;border-bottom:1px solid var(--qn-line);display:grid;grid-template-columns:45px 1fr}
.qn-prototype-steps b{grid-row:1/3;color:#f59e0b;font-size:11px}
.qn-prototype-steps strong{color:#111827}
.qn-prototype-steps span{grid-column:2;color:#6b7280;font-size:13px}

.qn-prototype-formats{background:#f8fcfa}
.qn-prototype-formats__heading{margin-bottom:42px;gap:8vw}
.qn-prototype-format-grid{gap:0!important;border:1px solid var(--qn-line)}
.qn-prototype-format-card{min-height:410px;padding:38px 34px;border-right:1px solid var(--qn-line);background:#fff;display:flex;flex-direction:column}
.qn-prototype-format-card:last-child{border-right:0}
.qn-prototype-format-card.is-featured{background:#0b5f59;color:#fff}
.qn-prototype-format-card.is-featured h3,.qn-prototype-format-card.is-featured p,.qn-prototype-format-card.is-featured li{color:#fff}
.qn-prototype-format-card.is-featured .qn-block-eyebrow{color:#fbbf24}
.qn-prototype-format-card h3{font-size:30px}
.qn-prototype-format-card ul{padding-left:19px}
.qn-prototype-format-card>p:last-child{margin-top:auto}
.qn-prototype-format-card a{padding-bottom:5px;border-bottom:1px solid currentColor;color:#0f766e;font-weight:700}
.qn-prototype-format-card.is-featured a{color:#fff}

.qn-prototype-journal{background:#fff}
.qn-prototype-journal .qn-block-journal-grid img{height:260px;aspect-ratio:auto;border-radius:0}
.qn-prototype-journal .qn-block-journal-grid a{font-size:20px}

.qn-prototype-faq{background:#f8fcfa}
.qn-prototype-faq>h2{max-width:760px;margin-bottom:40px}
.qn-prototype-faq details{max-width:950px;margin:0 auto;padding:22px 0;border-bottom:1px solid rgba(15,118,110,.24)}
.qn-prototype-faq summary{cursor:pointer;color:#111827;font:700 18px/1.4 var(--qn-heading)}
.qn-prototype-faq details p{max-width:760px;margin:16px 0 0}

.qn-prototype-cta{padding-top:92px!important;padding-bottom:92px!important;background:#0f766e;color:#fff;text-align:center}
.qn-prototype-cta>*{width:min(900px,100%)!important;max-width:900px!important}
.qn-prototype-cta .qn-block-eyebrow{color:#d1fae5}
.qn-prototype-cta h2{color:#fff}
.qn-prototype-cta>p:not(.qn-block-eyebrow){color:#e4f2ef}
.qn-prototype-cta .wp-block-buttons{margin-top:28px}
.qn-prototype-cta .is-style-outline .wp-block-button__link{border-color:rgba(255,255,255,.55);color:#fff}
.home .qn-footer-cta{display:none}

.qn-footer{border-top:0;background:#10261d;color:#d9e5df}
.qn-footer p,.qn-footer address,.qn-footer a,.qn-footer span{color:#c9d6d0}
.qn-footer h3,.qn-footer strong{color:#fff}
.qn-footer .custom-logo-link,.qn-footer-brand>a{width:78px;height:78px;padding:7px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden}
.qn-footer-brand img{width:100%;height:100%;margin:0;object-fit:contain}
.qn-footer-trust,.qn-footer-bottom{border-color:rgba(255,255,255,.14)}

@media(max-width:1100px){
	.home .qn-header{grid-template-columns:130px 1fr 130px}
	.home .qn-navigation ul{gap:14px}
	.qn-prototype-hero__tag{display:none}
	.qn-prototype-needs__layout{gap:45px}
	.qn-prototype-products ul.products li.product a img{height:280px}
}
@media(max-width:781px){
	.home .qn-header{height:74px;grid-template-columns:44px 1fr 110px}
	.home .qn-brand .custom-logo-link,.home .qn-brand>a{width:54px;height:54px}
	.home .qn-navigation{background:#07564f}
	.qn-prototype-hero{min-height:690px!important;background-position:62% center}
	.qn-prototype-hero:before{background:linear-gradient(90deg,rgba(5,63,58,.97),rgba(5,63,58,.83))}
	.qn-prototype-hero>.wp-block-cover__inner-container{min-height:690px;padding:64px 22px 34px}
	.qn-prototype-hero__inner{width:100%;max-width:620px!important}
	.qn-prototype-hero h1{font-size:clamp(46px,13vw,62px)}
	.qn-prototype-hero__concept{right:18px;top:18px}
	.qn-prototype-hero__proof{gap:10px!important;flex-direction:column}
	.qn-prototype-proof{padding:0}
	.qn-prototype-proof>.wp-block-columns{grid-template-columns:1fr 1fr}
	.qn-prototype-proof .wp-block-column{min-height:105px;border-bottom:1px solid var(--qn-line)}
	.qn-prototype-needs__layout{display:block}
	.qn-prototype-needs__cards{margin-top:40px!important}
	.qn-prototype-products ul.products li.product a img{height:auto}
	.qn-prototype-quality>.wp-block-columns,.qn-prototype-usage>.wp-block-columns{display:flex;flex-direction:column}
	.qn-prototype-quality__copy{padding:70px 22px}
	.qn-prototype-quality__media,.qn-prototype-usage__media{min-height:440px}
	.qn-prototype-format-grid{display:block}
	.qn-prototype-format-card{min-height:0;border-right:0;border-bottom:1px solid var(--qn-line)}
	.qn-prototype-format-card:last-child{border-bottom:0}
	.qn-prototype-journal .qn-block-journal-grid img{height:auto}
}
@media(max-width:480px){
	.qn-prototype-hero__concept{display:none}
	.qn-prototype-hero__lede{font-size:16px!important}
	.qn-prototype-hero .wp-block-buttons{width:100%}
	.qn-prototype-hero .wp-block-button{width:100%}
	.qn-prototype-hero .wp-block-button__link{width:100%}
	.qn-prototype-proof>.wp-block-columns{grid-template-columns:1fr}
	.qn-prototype-needs__row{display:block}
	.qn-prototype-needs .qn-need-card{margin-bottom:12px}
}