.seo-detail{margin:0;background:#f7faff;color:#102c50;font-family:Manrope,Arial,sans-serif}
.seo-detail *{box-sizing:border-box}
.seo-detail a{color:inherit}
.seo-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.seo-header{background:#fff;border-bottom:1px solid #e1eaf3}
.seo-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:86px}
.seo-header .brand{display:inline-flex;align-items:center;min-width:160px;text-decoration:none}
.seo-header sunniva-logo{display:block;width:170px;max-width:100%}
.seo-header nav{display:flex;align-items:center;gap:clamp(12px,2vw,28px)}
.seo-header nav a{text-decoration:none;font-size:.88rem;font-weight:700;white-space:nowrap}
.seo-header nav a:hover,.seo-header nav a:focus-visible{color:#1976b8}
.seo-main{padding:38px 0 82px}
.seo-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#526b84;font-size:.81rem}
.seo-breadcrumb a{text-decoration:none}
.seo-breadcrumb a:hover{text-decoration:underline}
.seo-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);align-items:center;gap:clamp(28px,5vw,74px);margin-top:28px;padding:clamp(32px,5vw,66px);background:linear-gradient(130deg,#fff 15%,#eaf5ff);border:1px solid #dfeaf5;border-radius:26px;box-shadow:0 15px 40px rgba(14,52,88,.06)}
.seo-eyebrow{margin:0 0 12px;color:#df7625;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.seo-eyebrow a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.seo-hero h1{margin:0 0 16px;font-size:clamp(2.4rem,5vw,4.7rem);line-height:1.08;letter-spacing:-.045em}
.seo-hero p:not(.seo-eyebrow){max-width:62ch;margin:0;color:#435c75;font-size:clamp(.95rem,1.5vw,1.08rem);line-height:1.7}
.seo-button{display:inline-flex;align-items:center;gap:20px;margin-top:26px;padding:12px 20px;background:#0b315d;color:#fff!important;border-radius:10px;font-size:.9rem;font-weight:800;text-decoration:none;transition:background .2s,transform .2s}
.seo-button:hover,.seo-button:focus-visible{background:#165c97;transform:translateY(-2px)}
.seo-brand-logo{display:block;width:min(100%,360px);height:auto;max-height:180px;object-fit:contain;padding:22px;background:#fff;border:1px solid #e3ebf3;border-radius:18px;box-shadow:0 12px 26px rgba(19,53,88,.08);justify-self:center}
.seo-section{margin-top:52px}
.seo-section h2{margin:0 0 22px;font-size:clamp(1.5rem,3vw,2.3rem);letter-spacing:-.03em}
.seo-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;list-style:none;margin:0;padding:0}
.seo-product-card{background:#fff;border:1px solid #dce7f2;border-radius:16px;transition:transform .2s,box-shadow .2s}
.seo-product-card:hover,.seo-product-card:focus-within{transform:translateY(-3px);box-shadow:0 10px 28px rgba(15,53,90,.09)}
.seo-product-card a{display:flex;flex-direction:column;gap:8px;min-height:120px;padding:23px;text-decoration:none}
.seo-product-card strong{font-size:1rem;line-height:1.35}
.seo-product-card span{color:#5b7187;font-size:.82rem}
.seo-note{max-width:78ch;margin:48px 0 0;padding:16px 20px;border-left:3px solid #f28c38;background:#fff;color:#526b84;font-size:.83rem;line-height:1.65}
.seo-product-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:290px;padding:26px;background:#fff;border:1px solid #dce7f2;border-radius:18px;overflow:hidden}
.seo-product-visual>img{display:block;max-width:100%;max-height:330px;width:auto;height:auto;object-fit:contain}
.seo-product-visual>span{color:#617890;text-align:center;font-weight:700}
.seo-logo-tag{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:100px;min-height:52px;padding:7px;background:#fff;border:1px solid #e3eaf2;border-radius:9px;box-shadow:0 4px 14px rgba(10,38,68,.1)}
.seo-logo-tag img{display:block;max-width:100%;max-height:36px;object-fit:contain}
.seo-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0}
.seo-facts>div{padding:18px 20px;background:#fff;border:1px solid #dce7f2;border-radius:12px}
.seo-facts dt{margin-bottom:7px;color:#667c92;font-size:.74rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.seo-facts dd{margin:0;font-size:.97rem;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.seo-footer{padding:25px 0;background:#0b2855;color:#dce9f7}
.seo-footer .seo-wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:.78rem}
.seo-footer a{color:#fff;text-decoration:none;font-weight:800}
@media(max-width:720px){.seo-wrap{width:min(100% - 28px,520px)}.seo-header-inner{display:block;padding:14px 0}.seo-header .brand{margin-bottom:12px}.seo-header nav{flex-wrap:wrap;gap:8px 18px}.seo-header nav a{font-size:.82rem}.seo-main{padding:24px 0 54px}.seo-hero{grid-template-columns:1fr;padding:28px 22px;border-radius:18px}.seo-brand-logo{width:min(100%,250px);max-height:110px}.seo-product-visual{min-height:240px}.seo-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.seo-product-card a{min-height:100px;padding:15px}.seo-product-card strong{font-size:.88rem}.seo-section{margin-top:38px}.seo-footer .seo-wrap{display:block}.seo-footer span{display:block;margin:8px 0}}
@media(max-width:390px){.seo-product-grid{grid-template-columns:1fr}}