:root{
  --navy:#18354a;--navy-2:#102838;--ink:#12212c;--muted:#62727e;--line:#dfe6ea;
  --soft:#f4f7f8;--aqua:#59b6c3;--coral:#da6664;--white:#fff;--shadow:0 18px 45px rgba(19,45,62,.12);
  --radius:18px;--shell:min(1180px,calc(100% - 40px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:var(--shell);margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(24,53,74,.08)}.nav-wrap{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;width:144px;flex:none}.brand img{width:100%;height:48px;object-fit:contain}.nav{display:flex;align-items:center;gap:26px;margin-left:auto;font-weight:600;color:#304654}.nav a{padding:27px 0 24px;border-bottom:3px solid transparent}.nav a:hover,.nav a.active{color:var(--navy);border-color:var(--aqua)}.nav-toggle{display:none;border:0;background:transparent;font-size:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:13px 20px;font-weight:750;border:1px solid transparent;transition:.2s}.btn-small{padding:10px 15px;border-radius:10px}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover,.btn-dark:hover{background:var(--navy-2)}.btn-dark{background:var(--navy);color:#fff}.btn-ghost{border-color:rgba(24,53,74,.25);background:#fff;color:var(--navy)}.btn-ghost:hover{border-color:var(--navy)}
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#f7fafb 0%,#eef6f7 55%,#f6eeee 100%);min-height:650px;display:flex;align-items:center}.hero-backdrop{position:absolute;inset:auto -120px -240px auto;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,rgba(89,182,195,.24),rgba(89,182,195,0) 68%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center;padding:82px 0}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800;color:var(--coral);margin-bottom:12px}.hero h1,.catalog-hero h1{font-size:clamp(2.7rem,5vw,5.2rem);line-height:.98;letter-spacing:-.045em;margin:0 0 22px;color:var(--navy)}.hero-lead{font-size:clamp(1.08rem,1.8vw,1.35rem);max-width:700px;color:#465e6d;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:24px;color:#59707f;font-size:.94rem}.hero-meta span:before{content:"•";color:var(--aqua);margin-right:8px}.hero-showcase{min-height:455px;position:relative;display:grid;place-items:center}.showcase-placeholder{width:82%;aspect-ratio:1/1;border-radius:32px;background:#fff;box-shadow:var(--shadow);display:grid;place-items:center;padding:60px}.showcase-placeholder img{max-height:210px;object-fit:contain}.showcase-placeholder span{font-weight:800;color:var(--navy);letter-spacing:.08em;text-transform:uppercase}.hero-product-stack{position:relative;width:100%;height:490px}.hero-product-stack a{position:absolute;width:58%;aspect-ratio:1/1.08;background:#fff;border:1px solid #e3eaed;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.hero-product-stack a:nth-child(1){left:0;top:64px;z-index:2}.hero-product-stack a:nth-child(2){right:0;top:0;z-index:1;transform:rotate(2deg)}.hero-product-stack a:nth-child(3){right:2%;bottom:0;z-index:3;width:48%;transform:rotate(-2deg)}.hero-product-stack img{width:100%;height:100%;object-fit:contain;background:#fff}
.trust-strip{background:var(--navy);color:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.trust-grid>div{padding:24px 26px;border-right:1px solid rgba(255,255,255,.12)}.trust-grid>div:last-child{border-right:0}.trust-grid strong{display:block;margin-bottom:4px}.trust-grid span{font-size:.9rem;color:#c9d5dc}.section{padding:92px 0}.section-muted{background:var(--soft)}.section-heading{max-width:760px;margin-bottom:38px}.section-heading h2,.company h2,.contact-section h2{font-size:clamp(2rem,3vw,3.2rem);line-height:1.06;letter-spacing:-.035em;margin:0 0 14px;color:var(--navy)}.section-heading p{color:var(--muted);font-size:1.08rem}.split-heading{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:30px}.split-heading>div{max-width:720px}.text-link{font-weight:800;color:var(--navy);white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-width:0;transition:.18s}.product-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px rgba(18,33,44,.1)}.product-image{aspect-ratio:1/1;background:#f8fafb;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;transition:.25s}.product-card:hover .product-image img{transform:scale(1.025)}.product-body{padding:17px;display:flex;flex-direction:column;gap:8px;flex:1}.product-category{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800}.product-card h3{font-size:1.03rem;line-height:1.25;margin:0;color:var(--ink)}.product-card .product-action{margin-top:auto;padding-top:8px;font-size:.9rem;font-weight:800;color:var(--navy)}.loading-card,.empty-state{grid-column:1/-1;border:1px dashed #cbd6dc;border-radius:14px;padding:30px;text-align:center;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{background:#fff;padding:30px;border-radius:var(--radius);border:1px solid #e1e8eb}.service-number{font-size:.8rem;font-weight:900;color:var(--coral)}.service-card h3{font-size:1.25rem;margin:22px 0 10px;color:var(--navy)}.service-card p{color:var(--muted);margin:0}.company-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.company-copy{font-size:1.12rem;color:#475e6b}.company-copy p:first-child{margin-top:0}.company-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.company-badges span{border:1px solid var(--line);border-radius:999px;padding:9px 13px;background:#fff;color:var(--navy);font-size:.9rem;font-weight:700}.contact-section{background:var(--navy);color:#fff;padding:88px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.contact-section h2{color:#fff}.contact-section p{color:#c8d6dc;font-size:1.08rem}.eyebrow-light{color:#87d3dc}.contact-card{background:#fff;color:var(--ink);border-radius:20px;padding:10px 24px}.contact-card>a,.contact-card>div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.contact-card>*:last-child{border-bottom:0}.contact-card span{color:var(--muted)}.contact-card strong{text-align:right}.footer{padding:35px 0;background:#0e2534;color:#b9c7cf}.footer-grid{display:grid;grid-template-columns:160px 1fr auto;align-items:center;gap:28px}.footer img{height:52px;object-fit:contain}.footer p{margin:0;font-size:.9rem}
.catalog-hero{background:var(--soft);padding:68px 0 50px;border-bottom:1px solid var(--line)}.catalog-hero h1{font-size:clamp(2.5rem,4vw,4.2rem);margin-bottom:12px}.catalog-hero p{color:var(--muted);max-width:760px;font-size:1.08rem}.catalog-section{padding-top:42px}.catalog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.search-box{display:flex;flex-direction:column;gap:7px;min-width:310px}.search-box span{font-size:.8rem;font-weight:800;text-transform:uppercase;color:var(--muted)}.search-box input{height:47px;border:1px solid #cbd6dc;border-radius:11px;padding:0 14px;outline:none}.search-box input:focus{border-color:var(--aqua);box-shadow:0 0 0 3px rgba(89,182,195,.14)}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.category-tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;cursor:pointer;color:#435966}.category-tabs button.active{background:var(--navy);border-color:var(--navy);color:#fff}.catalog-count{font-size:.9rem;color:var(--muted);margin-bottom:17px}.catalog-grid{grid-template-columns:repeat(4,1fr)}
.product-detail-section{padding:42px 0 90px}.back-link{display:inline-block;margin-bottom:26px;color:var(--muted);font-weight:700}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:56px}.product-gallery-main{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;aspect-ratio:1/1}.product-gallery-main img{width:100%;height:100%;object-fit:contain}.product-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto}.product-thumbs button{border:1px solid var(--line);border-radius:10px;padding:4px;background:#fff;width:75px;height:75px;cursor:pointer;flex:none}.product-thumbs button.active{border-color:var(--navy)}.product-thumbs img{width:100%;height:100%;object-fit:contain}.product-info{padding-top:12px}.product-info h1{font-size:clamp(2.1rem,3.6vw,3.8rem);line-height:1.02;letter-spacing:-.04em;color:var(--navy);margin:8px 0 18px}.product-description{white-space:pre-line;color:#4f6572;font-size:1.04rem}.attribute-block{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.attribute-block strong{display:block;margin-bottom:9px;color:var(--navy)}.attribute-values{display:flex;flex-wrap:wrap;gap:8px}.attribute-values span{border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:var(--soft);font-size:.9rem}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.detail-note{margin-top:15px;font-size:.88rem;color:var(--muted)}.error-page{min-height:100vh;display:grid;place-items:center;align-content:center;gap:14px;text-align:center;padding:30px}.error-page img{width:220px}.error-page h1{font-size:2.3rem;margin:10px 0 0;color:var(--navy)}
@media (max-width:980px){.nav{position:absolute;left:0;right:0;top:78px;background:#fff;border-bottom:1px solid var(--line);padding:12px 20px;display:none;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:13px 0;border-bottom:1px solid #eef2f4}.nav-toggle{display:block;margin-left:auto}.nav-cta{display:none}.hero-grid{grid-template-columns:1fr;padding:64px 0}.hero-showcase{min-height:390px}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div:nth-child(2){border-right:0}.product-grid,.catalog-grid{grid-template-columns:repeat(3,1fr)}.service-grid{grid-template-columns:1fr 1fr}.company-grid,.contact-grid,.product-detail{grid-template-columns:1fr;gap:40px}.footer-grid{grid-template-columns:140px 1fr}.footer-grid p:last-child{grid-column:1/-1}.catalog-toolbar{align-items:stretch;flex-direction:column}.category-tabs{justify-content:flex-start}.search-box{min-width:0;width:100%}}
@media (max-width:680px){:root{--shell:min(100% - 28px,1180px)}.nav-wrap{height:68px}.brand{width:118px}.brand img{height:42px}.nav{top:68px}.hero{min-height:auto}.hero-grid{padding:48px 0 54px;gap:34px}.hero h1{font-size:2.65rem}.hero-showcase{min-height:300px}.hero-product-stack{height:330px}.hero-product-stack a{border-radius:19px}.trust-grid{grid-template-columns:1fr}.trust-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding:19px 0}.section{padding:62px 0}.split-heading{display:block}.text-link{display:inline-block;margin-top:9px}.product-grid,.catalog-grid{grid-template-columns:1fr 1fr;gap:12px}.product-body{padding:13px}.product-card h3{font-size:.94rem}.service-grid{grid-template-columns:1fr}.company-grid{gap:24px}.contact-grid{gap:28px}.contact-card{padding:8px 16px}.contact-card>a,.contact-card>div{display:block}.contact-card strong{display:block;text-align:left;margin-top:3px;overflow-wrap:anywhere}.footer-grid{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.footer img{width:135px}.catalog-hero{padding:48px 0 36px}.category-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:3px}.category-tabs button{white-space:nowrap}.product-detail-section{padding-top:28px}.product-detail{gap:24px}.product-info h1{font-size:2.25rem}}
@media (max-width:430px){.product-grid,.catalog-grid{grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-meta{display:block}.hero-meta span{display:block;margin-top:7px}}


/* buport-wa-icon-style */
.btn[data-wa-link], .btn-wa{display:inline-flex;align-items:center;gap:8px}
.btn[data-wa-link]::before, .btn-wa::before{content:"";width:18px;height:18px;display:inline-block;background:url('/assets/whatsapp-icon.png') center/contain no-repeat;flex:0 0 18px}