:root{--surface:#fff;--surface-subtle:#f4f9fd;--surface-deep:#0b2438;--line-subtle:#1e9be029;--focus-ring:#1e9be073;--radius-card:18px;--radius-control:999px;--content-width:1240px;--space-section:clamp(72px, 8vw, 132px)}.ds-section{padding-block:var(--space-section)}.ds-section-header{gap:14px;max-width:720px;margin-bottom:clamp(32px,5vw,56px);display:grid}.ds-section-header--center{text-align:center;margin-inline:auto}.ds-section-header__eyebrow{color:var(--brand-dark);letter-spacing:.16em;font-size:.75rem;font-weight:700}.ds-section-header__title{color:var(--text-color);letter-spacing:-.035em;font-size:clamp(2rem,3vw,3.25rem);line-height:1.15}.ds-section-header__description{color:var(--text-secondary);font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.8}.ds-action{border-radius:var(--radius-control);justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 24px;font-size:.9375rem;font-weight:700;transition:background-color .18s,border-color .18s,box-shadow .18s,color .18s,transform .18s;display:inline-flex}.ds-action:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.ds-action:active{transform:translateY(1px)}.ds-action--primary{background:var(--brand-gradient);color:#fff;box-shadow:0 8px 20px #1e9be047}.ds-action--primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1e9be066}.ds-action--secondary{background:var(--surface);border:1px solid var(--line-subtle);color:var(--brand-dark)}.ds-action--secondary:hover{background:var(--brand-light);border-color:var(--brand)}.ds-action--text{color:var(--brand-dark);min-height:auto;padding-inline:0}.ds-action--text:hover{color:var(--brand)}.ds-content-card{background:var(--surface);border:1px solid var(--line-subtle);border-radius:var(--radius-card);box-shadow:var(--card-shadow);overflow:hidden}.ds-content-card:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--focus-ring), var(--card-shadow)}.ds-media-frame{background:var(--surface-subtle);position:relative;overflow:hidden}.ds-media-frame--cover img{object-fit:cover}.ds-media-frame--contain img{object-fit:contain}.ds-empty-state{background:var(--surface-subtle);border:1px dashed var(--line-subtle);border-radius:var(--radius-card);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:40px 24px;display:flex}.ds-empty-state h2{color:var(--text-color);font-size:1.25rem}.ds-empty-state p{color:var(--text-secondary);max-width:440px;margin-top:10px;line-height:1.7}.ds-empty-state__action{margin-top:22px}@media (max-width:767px){:root{--space-section:64px}.ds-section-header{margin-bottom:32px}.ds-section-header__title{letter-spacing:-.02em}}@media (prefers-reduced-motion:reduce){.ds-action{transition:none}}
:root{--brand:#1e9be0;--brand-dark:#0e7ab8;--brand-deep:#0a5a8a;--brand-light:#e6f4fc;--brand-gradient:linear-gradient(96deg, #1e9be0 0%, #38c6f8 100%);--text-color:#17293b;--text-secondary:#5a6e80;--text-muted:#8da0b0;--bg-color:#fff;--bg-section:#f4f9fd;--bg-deep:#0b2438;--header-bg:#ffffffe0;--glass-border:#1e9be01f;--card-radius:18px;--card-shadow:0 6px 24px #0e5a8512;--card-shadow-hover:0 16px 40px #0e5a8524;--admin-bg:#f4f7fe;--admin-sidebar:#fff;--admin-primary:#1e9be0}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);max-width:100vw;color:var(--text-color);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.glass{background:var(--header-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border)}.btn-primary{background:var(--brand-gradient);color:#fff;letter-spacing:1px;border-radius:32px;padding:14px 36px;font-size:16px;font-weight:600;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 20px #1e9be047}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1e9be066}.btn-ghost-light{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #ffffff73;border-radius:32px;padding:13px 34px;font-size:16px;font-weight:500;transition:all .3s}.btn-ghost-light:hover{background:#ffffff38}.section-tag{color:var(--brand);letter-spacing:4px;align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:700;display:inline-flex}.section-tag:before{content:"";background:var(--brand-gradient);border-radius:2px;width:26px;height:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s forwards fadeIn}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.site-footer{color:#475a6e;background:linear-gradient(108deg,#dbe6fb 0%,#d8e4fb 48%,#ceddf8 100%);height:551px;padding:42px 0 44px;position:relative;overflow:hidden}.site-footer:before{display:none}.site-footer>.container{width:calc(100% - 72px);max-width:1517px;height:465px;margin:0 auto;padding:0;position:relative}.footer-grid{grid-template-columns:146px 655px;column-gap:230px;height:333px;margin-bottom:0;display:grid;position:relative}.footer-brand{align-items:center;gap:7px;margin-bottom:18px;display:flex}.footer-about{text-align:center}.footer-about .footer-brand{justify-content:center}.footer-brand img{object-fit:contain;width:38px;height:38px}.footer-brand-name{color:#1f3142;font-size:12px;font-weight:700;line-height:1.35}.footer-about p{color:#475a6e;margin:0;font-size:12px;line-height:1.7}.footer-social-links{justify-content:center;gap:12px;margin-top:16px;display:flex}.footer-social-link{color:#fff;background:#354454;border-radius:3px;justify-content:center;align-items:center;width:17px;height:17px;font-family:Arial,sans-serif;font-size:9px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.footer-social-link:hover{background:#1f3142}.footer-navigation{grid-template-columns:repeat(4,1fr);height:333px;display:grid}.footer-links h4,.footer-contact h4{color:#243548;margin-bottom:20px;padding:0;font-size:16px;font-weight:600;position:relative}.footer-inquiry{box-sizing:border-box;background:#ffffff80;border:0;border-radius:25px;grid-template-rows:45px 45px 88px 30px;grid-template-columns:repeat(2,290px);align-self:start;gap:11px 12px;width:642px;height:286px;padding:25px 25px 17px;display:grid;position:absolute;top:128px;right:clamp(-124px,616px - 38.5vw,24px)}.footer-inquiry:after{content:"";pointer-events:none;background:linear-gradient(#fff 0%,#fff0 100%);border-radius:28px;width:30px;height:89px;position:absolute;top:98.5px;right:0;box-shadow:0 4px 10px #0000004d}.footer-inquiry input,.footer-inquiry textarea{box-sizing:border-box;color:#445567;background:#fff;border:0;border-radius:10px;min-width:0;height:45px;padding:0 16px;font-family:inherit;font-size:14px}.footer-inquiry input::placeholder,.footer-inquiry textarea::placeholder{color:#9da8b4;opacity:1}.footer-inquiry textarea{resize:none;grid-column:1/-1;height:88px;padding-top:14px}.footer-inquiry button{color:#758594;cursor:pointer;background:#fff;border:0;border-radius:14px;grid-column:1/-1;justify-self:center;width:76px;height:30px;margin-top:3px;padding:0;font-size:13px}.footer-inquiry button:disabled{cursor:wait;opacity:.72}.footer-inquiry-status{color:#3479f5;pointer-events:none;text-align:center;margin:0;font-size:12px;line-height:16px;position:absolute;bottom:-22px;left:25px;right:25px}.footer-links h4:after,.footer-contact h4:after{display:none}.footer-links ul{list-style:none}.footer-links ul li{margin-bottom:0}.footer-links ul li a{color:#475a6e;font-size:13px;line-height:1.75;transition:color .3s}.footer-links ul li a:hover{color:var(--brand)}.footer-contact .contact-item{align-items:flex-start;gap:12px;margin-bottom:14px;font-size:14px;display:flex}.footer-contact .contact-item .fi-icon{flex-shrink:0;margin-top:1px;font-size:18px}.footer-qr{align-items:center;gap:14px;margin-top:18px;display:flex}.footer-qr img{background:#fff;border-radius:10px;width:96px;height:96px;padding:6px}.footer-qr-info p{color:#c7d6e2;font-size:13px}.footer-qr-info .qr-label{color:#fff;margin-bottom:4px;font-size:14px;font-weight:600}.footer-bottom{color:#738296;text-align:center;border-top:0;height:32px;margin:0;padding:0;font-size:12px;line-height:32px;display:block;position:absolute;top:433px;left:0;right:0}.social-links{gap:14px;display:flex}.social-icon{cursor:pointer;background:#ffffff0f;border-radius:8px;padding:8px 15px;transition:all .3s}.social-icon:hover{background:var(--brand);color:#fff}@media (max-width:1500px){.site-footer{height:auto;padding:48px 32px 28px}.site-footer>.container{width:calc(100% - 160px);max-width:1320px;height:auto}.footer-grid{grid-template-columns:1fr 1fr;column-gap:48px;height:auto}.footer-navigation{grid-template-columns:repeat(2,1fr);row-gap:28px;height:auto}.footer-inquiry{grid-column:1/-1;justify-self:center;position:relative;top:auto;right:auto}.footer-bottom{height:auto;margin-top:48px;line-height:1.6;position:static}}@media (max-width:640px){.site-footer{padding:40px 20px 24px}.site-footer>.container{width:100%}.footer-grid{flex-direction:column;gap:32px;display:flex}.footer-navigation{grid-template-columns:repeat(2,1fr);width:100%}.footer-inquiry{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,642px)}.footer-inquiry:after{display:none}.footer-bottom{text-align:center}}.product-page>main{padding-top:76px}.product-directory-page>.product-directory-catalogue{margin-top:76px}@media (max-width:760px){.product-page>main{padding-top:68px}}@media (max-width:720px){.product-directory-page>.product-directory-catalogue{margin-top:76px}}
