/* static/css/graf.css */
.graf-page{padding-bottom:64px;color:var(--color-text-primary,#101828)}.graf-page *{box-sizing:border-box}.graf-page h1,.graf-page h2,.graf-page h3,.graf-page p,.graf-page figure{margin:0}.graf-crumb{display:flex;flex-wrap:wrap;gap:12px;padding:22px 0;color:var(--color-text-secondary);font-size:13px}.graf-crumb a{color:inherit}.graf-hero{display:grid;grid-template-columns:1.06fr 1fr;border-radius:24px;overflow:hidden;background:#185fa5}.graf-hero-copy{padding:44px 38px;color:white;position:relative;z-index:1}.graf-eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.graf-offer{display:flex;align-items:center;gap:20px;margin:15px 0 22px}.graf-offer>span{font-size:23px}.graf-offer strong{font-size:100px;line-height:.95;letter-spacing:-.075em;font-weight:800}.graf-offer small{font-size:.55em;letter-spacing:-.08em}.graf-offer .graf-special{font-size:40px}.graf-hero h1{font-size:clamp(27px,3.1vw,43px);line-height:1.08;letter-spacing:-.035em;color:white;font-weight:800}.graf-hero-lead{font-size:16px;line-height:1.65;margin-top:22px!important;color:#e2edfb}.graf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px}.graf-btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:14px 20px;background:var(--gradient-accent,linear-gradient(110deg,#0668ff,#0051d5));color:white;border:0;border-radius:var(--radius-md,12px);font:700 14px/1.3 var(--font-main,sans-serif);text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.graf-btn:hover{transform:translateY(-2px);box-shadow:0 7px 20px #185fa522}.graf-btn:focus-visible,.graf-page a:focus-visible,.graf-page input:focus-visible,.graf-page summary:focus-visible{outline:3px solid #ba7517;outline-offset:4px}.graf-btn-light{background:white;color:#185fa5}.graf-hero-link{color:white;font-size:14px;font-weight:600;text-underline-offset:4px}.graf-hero-note{font-size:11px;line-height:1.5;color:#d7e6fa;margin-top:21px!important;max-width:340px}.graf-hero-product{background:#e9eff6;position:relative;isolation:isolate;min-width:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.graf-watermark{position:absolute;top:28px;left:22px;color:#185fa510;font-weight:900;font-size:clamp(80px,12vw,170px);letter-spacing:-.09em;line-height:1}.graf-hero-product>img{width:100%;height:auto;mix-blend-mode:multiply;transform:rotate(-30deg);position:relative;z-index:2;animation:graf-arrive 1s ease-out both}.graf-dimension{position:absolute;left:9%;right:9%;top:53%;height:80px;border-block:1px solid #185fa52b;transform:rotate(-30deg);z-index:1}.graf-product-label{position:absolute;bottom:65px;left:30px;display:flex;flex-direction:column;gap:8px;color:#185fa5}.graf-product-label>span{font-size:14px;font-weight:600}.graf-product-label>strong{font-size:21px;letter-spacing:-.02em}.graf-hero-product figcaption{position:absolute;bottom:24px;left:30px;right:20px;font-size:11px;color:#66768c}.graf-overview{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--color-border,#dfe2e9);border-radius:18px;background:white;margin-top:20px}.graf-overview>a{display:flex;align-items:center;gap:16px;padding:24px;color:inherit;text-decoration:none;min-width:0}.graf-overview>a+a{border-left:1px solid var(--color-border,#dfe2e9)}.graf-overview>a>span:last-child{margin-left:auto;color:#185fa5}.graf-overview b{font-size:14px;display:block}.graf-overview small{font-size:12px;display:block;color:var(--color-text-secondary);margin-top:5px}.graf-overview-num{font-size:36px;font-weight:800;letter-spacing:-.06em;color:#185fa5}.graf-pdf-icon{font-size:13px;border:1px solid #b9cbe0;border-radius:7px;padding:14px 6px;color:#185fa5}.graf-selection,.graf-use,.graf-request,.graf-faq,.graf-articles{margin-top:64px;scroll-margin-top:130px}.graf-section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:25px}.graf-section-head .graf-eyebrow,.graf-use .graf-eyebrow,.graf-request .graf-eyebrow{color:#185fa5;margin-bottom:12px}.graf-page h2{font-size:clamp(25px,3vw,34px);line-height:1.15;letter-spacing:-.035em;font-weight:800}.graf-section-head>p{font-size:14px;line-height:1.7;color:var(--color-text-secondary);max-width:340px}.graf-cart-notice{display:flex;justify-content:space-between;gap:20px;padding:15px 20px;margin-bottom:18px;background:#eaf1fa;border-radius:12px;font-size:13px;line-height:1.5}.graf-cart-notice a{font-weight:700;white-space:nowrap;color:#185fa5}.graf-series-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.graf-series{background:white;border:1px solid var(--color-border,#dfe2e9);border-radius:20px;padding:24px;align-self:start;scroll-margin-top:130px}.graf-series-header{display:flex;justify-content:space-between;gap:12px}.graf-series-header .graf-eyebrow{font-size:10px;letter-spacing:.07em;color:#64748b}.graf-series h3{font-size:25px;letter-spacing:-.03em;font-weight:800;margin-top:7px}.graf-series-header p:last-child{font-size:12px;color:var(--color-text-secondary);margin-top:7px;line-height:1.5}.graf-count{font-size:11px;white-space:nowrap;border-radius:20px;background:#f0f4f8;padding:7px 9px;align-self:start;color:#185fa5}.graf-series-image{height:97px;display:flex;align-items:center;justify-content:center;margin:14px 0}.graf-series-image img{width:100%;height:100%;object-fit:contain}.graf-series-description{font-size:12px;line-height:1.6;color:var(--color-text-secondary);min-height:39px}.graf-table{width:100%;border-collapse:collapse;margin-top:12px;table-layout:fixed}.graf-table th,.graf-table td{text-align:left;padding:9px 4px;border-bottom:1px solid #edf0f4;font-size:13px;vertical-align:middle}.graf-table thead th{font-size:11px;color:#77859a;font-weight:500;padding-bottom:10px}.graf-table thead th:first-child{width:36%}.graf-table thead th:last-child{width:23%;text-align:right}.graf-table td:last-child{text-align:right}.graf-table tbody th{font-weight:600}.graf-table a{color:var(--color-text-primary);text-decoration:none}.graf-table a:hover{color:#185fa5;text-decoration:underline}.graf-table a span{color:#8596ad}.graf-table del{display:block;color:#8591a5;font-size:10px;line-height:1.25}.graf-table strong{font-size:14px;white-space:nowrap}.graf-table input{width:70px;max-width:100%;padding:10px 5px;text-align:center;border:1px solid #cbd5e1;border-radius:8px;font:500 14px var(--font-main,sans-serif);background:#f9fafc;color:#152c40}.graf-series-footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding-top:16px}.graf-series-footer small{font-size:11px;color:#185fa5}.graf-series-footer .graf-btn{font-size:12px;padding:13px 17px}.graf-group-status{flex-basis:100%;font-size:12px;line-height:1.5;color:#185fa5}.graf-group-status:empty{display:none}.graf-note{font-size:12px;line-height:1.7;color:var(--color-text-secondary);margin-top:18px!important}.graf-note a,.graf-text-link,.graf-email{color:#185fa5}.graf-use{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--color-border);padding-top:45px}.graf-use>div>p:not(.graf-eyebrow){font-size:15px;line-height:1.8;color:var(--color-text-secondary);margin-top:20px}.graf-text-link{display:inline-block;font-weight:600;font-size:14px;margin-top:20px}.graf-use-steps{display:flex;flex-direction:column;gap:22px}.graf-use-steps>div{display:flex;gap:18px}.graf-use-steps b{font-size:14px;color:#185fa5;padding-top:2px}.graf-use-steps p{font-size:13px;line-height:1.7;color:var(--color-text-secondary)}.graf-use-steps strong{display:block;font-size:16px;color:var(--color-text-primary);margin-bottom:5px}.graf-request{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:40px;background:#eaf0f7;border-radius:24px}.graf-request-info>p:not(.graf-eyebrow){font-size:14px;line-height:1.75;margin-top:20px;color:var(--color-text-secondary)}.graf-form-wrap{background:white;border:1px solid var(--color-border);border-radius:18px;padding:26px;min-width:0}.graf-request-cart{margin-top:25px;padding:20px;background:#ffffffa8;border-radius:12px}.graf-request-cart h3{font-size:15px;margin-bottom:12px}.graf-request-cart p,.graf-request-cart a{font-size:12px;line-height:1.7}.graf-request-cart a{color:#185fa5}.graf-request-cart ul{font-size:12px;line-height:1.6;padding-left:18px;max-height:210px;overflow:auto;margin:12px 0}.graf-request-cart li{margin-bottom:8px}.graf-email{display:inline-block;font-size:20px;font-weight:700;margin-top:18px}.graf-faq h2{margin-bottom:24px}.graf-faq details{padding:18px 0;border-bottom:1px solid var(--color-border)}.graf-faq summary{font-size:16px;font-weight:600;cursor:pointer}.graf-faq details p{font-size:14px;line-height:1.8;color:var(--color-text-secondary);padding:12px 0 0;max-width:900px}.graf-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.graf-page [hidden]{display:none!important}
@keyframes graf-arrive{from{opacity:0;transform:translate(20px,25px) rotate(-25deg)}to{opacity:1;transform:rotate(-30deg)}}
@media(prefers-reduced-motion:reduce){.graf-hero-product>img{animation:none}.graf-btn{transition:none}}
@media(max-width:1199px){.header-inner .logo-text,.header-catalog-btn,.header-search,.header-right .city-selector,.header-lk,.header-phone,.header-cta-btn{display:none}.mobile-catalog-btn,.mobile-search-btn,.mobile-menu-btn{display:flex}.graf-hero-copy{padding:34px 28px}.graf-hero-link{font-size:12px}.graf-overview>a{padding:20px 14px;gap:10px}.graf-request{gap:28px;padding:28px}.graf-series{padding:20px}.graf-desktop-break{display:none}}
@media(max-width:767px){.graf-crumb{font-size:11px;padding:18px 0}.graf-hero{grid-template-columns:1fr;border-radius:18px}.graf-hero-copy{padding:28px 24px}.graf-offer{margin:14px 0 18px}.graf-offer strong{font-size:88px}.graf-hero h1{font-size:34px}.graf-hero-lead{font-size:14px;margin-top:17px!important}.graf-actions{gap:15px;margin-top:22px}.graf-hero-product{height:240px}.graf-hero-product>img{width:82%;transform:rotate(-22deg);animation:none}.graf-watermark{font-size:115px;top:8px}.graf-product-label{left:20px;bottom:30px;gap:4px}.graf-product-label>strong{font-size:14px}.graf-product-label>span{font-size:11px}.graf-hero-product figcaption{left:auto;right:15px;bottom:12px;font-size:9px}.graf-overview{grid-template-columns:1fr 1fr}.graf-overview>a{padding:15px 12px;gap:9px}.graf-overview>a:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--color-border)}.graf-overview-num{font-size:29px}.graf-overview b{font-size:12px}.graf-overview small{font-size:10px}.graf-overview>a>span:last-child{display:none}.graf-pdf-icon{padding:7px 6px}.graf-selection,.graf-use,.graf-request,.graf-faq{margin-top:40px;scroll-margin-top:85px}.graf-section-head{display:block;margin-bottom:20px}.graf-section-head>p{margin-top:13px;font-size:13px}.graf-series-grid{grid-template-columns:1fr;gap:18px}.graf-series{padding:20px 16px;scroll-margin-top:85px}.graf-series-image{height:83px}.graf-series h3{font-size:24px}.graf-cart-notice{display:block;padding:13px 15px}.graf-cart-notice a{display:block;margin-top:6px}.graf-table th,.graf-table td{font-size:12px}.graf-table strong{font-size:13px}.graf-table input{width:62px}.graf-use{grid-template-columns:1fr;gap:26px;padding-top:28px}.graf-use>div>p:not(.graf-eyebrow){font-size:14px}.graf-request{grid-template-columns:1fr;padding:24px 16px;gap:25px}.graf-form-wrap{padding:20px 15px}.graf-request-cart{padding:16px}.graf-page h2{font-size:28px}.graf-faq summary{font-size:14px}.graf-faq details p{font-size:13px}.graf-page{padding-bottom:40px}}
@media(max-width:480px){.header-inner{gap:6px;padding-inline:12px}.header-right{gap:0}.header-inner .logo-img{height:36px}.mobile-catalog-btn{padding-inline:.65rem}.graf-hero h1{font-size:29px}.graf-hero-copy{padding:25px 20px}.graf-btn{font-size:13px}.graf-series-footer{gap:9px}.graf-series-footer .graf-btn{font-size:11px;padding:13px 12px}.graf-count{font-size:10px}.graf-series-header .graf-eyebrow{max-width:180px;line-height:1.5}}

/* The HSA-F source is square with transparent margins: crop its empty canvas only. */
[data-graf-group="hsa-f"] .graf-series-image img{object-fit:cover}

/* Keep the form entry visible below the fixed header; the cart precedes consent. */
#graf-form{scroll-margin-top:100px}
.graf-lead-form .graf-request-cart{margin:0 0 20px;padding:16px;background:#f2f6fa}
@media(max-width:767px){#graf-form{scroll-margin-top:85px}}