@font-face{font-family:Vazirmatn;font-style:normal;font-weight:400;font-display:swap;src:url(assets/vazirmatn-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:Vazirmatn;font-style:normal;font-weight:400;font-display:swap;src:url(assets/vazirmatn-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF;}
@font-face{font-family:Vazirmatn;font-style:normal;font-weight:500;font-display:swap;src:url(assets/vazirmatn-arabic-500-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:Vazirmatn;font-style:normal;font-weight:500;font-display:swap;src:url(assets/vazirmatn-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF;}
@font-face{font-family:Vazirmatn;font-style:normal;font-weight:700;font-display:swap;src:url(assets/vazirmatn-arabic-700-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+200C-200E,U+FB50-FDFF,U+FE70-FEFF;}
@font-face{font-family:Vazirmatn;font-style:normal;font-weight:700;font-display:swap;src:url(assets/vazirmatn-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF;}
:root{--ink:#11252c;--orange:#ff6b2c;--paper:#f6f8f8;--line:#dbe2e4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,Arial,sans-serif;font-size:16px;line-height:1.9}a{color:inherit;text-decoration:none}header{max-width:1440px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:14px;align-items:center;font-size:24px;font-weight:bold}.brand small{display:block;font:10px Arial;letter-spacing:1.5px;margin-top:4px}.mark{background:var(--orange);color:var(--ink);font:bold 35px Arial;padding:10px 17px;border-radius:6px}nav{display:flex;gap:28px;align-items:center;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;background:var(--orange);color:#14262b;padding:13px 24px;font:inherit;font-weight:bold;border:0;cursor:pointer;border-radius:3px}.small{padding:8px 17px}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:white;padding:0;max-width:none;min-height:620px}.hero-copy{padding:75px 10% 50px}.eyebrow{font-size:14px;color:#58717c}.hero .eyebrow,.inquiry .eyebrow{color:#ff9667}h1{font-size:clamp(40px,5vw,70px);line-height:1.5;letter-spacing:-2px;margin:25px 0}p{color:#54676e;max-width:570px}.hero p,.inquiry p{color:#b9c8ce}.hero .button{margin-top:24px}.hero-meta{display:flex;gap:35px;border-top:1px solid #ffffff30;margin-top:50px;padding-top:25px;font-size:14px;color:#b9c8ce}.hero-meta b{display:block;color:white;font-size:16px}.hero-photo{min-height:480px;background:linear-gradient(160deg,#49616b,#20333e);position:relative;background-position:center;background-size:cover}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:30px;background:linear-gradient(transparent,#061117d9);display:flex;justify-content:space-between;align-items:center}.photo-caption small{font:12px Arial;letter-spacing:2px}section{padding:80px 5%;max-width:1440px;margin:auto}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}h2{font-size:32px;line-height:1.7;margin:12px 0}h3{font-size:22px;margin:16px 0 8px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.products article{border:1px solid var(--line);background:white;padding:30px;display:flex;flex-direction:column}.number{font:12px Arial;letter-spacing:1.5px;color:#69828c}.products p{font-size:15px;min-height:58px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 26px}.tags b{font-size:12px;background:#edf2f3;padding:4px 10px;font-weight:normal}.products a{margin-top:auto;font-size:14px;font-weight:bold;border-top:1px solid var(--line);padding-top:20px}.products article:hover{border-color:#58717c}.specs{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;background:#e9eff1}.spec-table>div{display:flex;justify-content:space-between;gap:20px;padding:23px 0;border-bottom:1px solid #cad5d9;font-size:14px}.spec-table b{font-weight:normal}.note{font-size:13px}.coatings{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.coatings>div{border-top:1px solid var(--line);padding-top:25px}.coatings p{font-size:14px}.swatch{display:block;width:45px;height:8px}.blue{background:#347aad}.silver{background:#959fa4}.zinc{background:#bcc3c9}.black{background:#263239}.inquiry{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:80px}label{display:block;font-size:14px;margin-bottom:18px}input,select,textarea{display:block;width:100%;padding:14px;background:#ffffff0a;color:white;border:1px solid #64747b;border-radius:3px;font:inherit;margin-top:8px}select option{color:#11252c;background:white}textarea{resize:vertical;line-height:1.8}textarea::placeholder{color:#a9b9c1}form .button{width:100%}#quote-result{margin-top:24px}#quote-result p,.pending{font-size:14px}footer{padding:35px 5%;display:flex;justify-content:space-between;gap:25px;font-size:14px;align-items:center}footer strong{font-size:22px}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #27a4df;outline-offset:5px}[hidden]{display:none!important}@media(max-width:900px){nav{gap:16px}nav a:not(.button){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:50px 6%}.hero-photo{min-height:340px}.products{grid-template-columns:repeat(2,1fr)}.specs,.inquiry{grid-template-columns:1fr;gap:30px}.coatings{grid-template-columns:repeat(2,1fr)}section{padding:55px 6%}.section-title{display:block}.hero-meta{gap:25px}footer{flex-wrap:wrap}.spec-table>div{flex-wrap:wrap}.brand{font-size:20px}.brand small{font-size:8px}}@media(max-width:520px){.products{grid-template-columns:1fr}h2{font-size:26px}.photo-caption{display:block}.photo-caption small{display:block;margin-top:8px}.hero-meta{justify-content:space-between;gap:10px}.hero-meta b{font-size:14px}header{gap:10px;padding:20px 5%}.small{font-size:12px;padding:10px}.mark{font-size:26px;padding:10px 13px}}

.hero-photo{background-image:linear-gradient(0deg,#11252c44,#11252c10),url(assets/fasteners.jpg)}
.credit{font-size:12px;padding:10px 5%;background:#e9eff1;color:#54676e;direction:ltr;text-align:left}

#contact{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}#contact .button{font-size:14px}.whatsapp-direct{background:#c2efd5}
/* Kian Pich brand direction */
:root{--ink:#f5f7fb;--paper:#08182f;--line:#ffffff20;--orange:#d5ac32}body{font-family:Vazirmatn,Tahoma,sans-serif;background:#08182f;color:#f5f7fb}header{padding-top:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.brand-logo{object-fit:contain;background:white;border-radius:4px;width:54px;height:70px}.brand{font-size:25px}.brand small{color:#aab8cc;font-size:10px}nav{color:#d6deeb}.button{background:#d5ac32;color:#09182e;border-radius:6px;transition:background .2s,transform .2s}.button:hover{background:#e8c45a;transform:translateY(-2px)}.hero{background:radial-gradient(ellipse at 85% 15%,#163a68 0,transparent 55%),#08182f;min-height:670px;position:relative;overflow:hidden;grid-template-columns:1.1fr 1fr;border-bottom:1px solid var(--line)}.hero-copy{padding:70px 9% 55px}.hero h1{font-weight:700;font-size:clamp(40px,4.8vw,68px);letter-spacing:-1px;line-height:1.6}.hero h1 span{color:#d5ac32}.eyebrow,.hero .eyebrow,.inquiry .eyebrow{color:#d9b64e;font-weight:500}.hero p,.inquiry p,p{color:#b4c1d4;line-height:2}.hero-meta{border-color:#ffffff25}.hero-meta b{font-weight:500}.hero-photo{margin:48px 0 48px 48px;min-height:530px;border-radius:120px 8px 8px 8px;background-image:linear-gradient(140deg,#071c3cb0,#08182f40),url(assets/fasteners.jpg);border:1px solid #ffffff30;box-shadow:0 25px 70px #0005}.hero-photo:before{content:'';position:absolute;inset:18px;border:1px solid #ffffff35;border-radius:100px 4px 4px 4px;pointer-events:none}.hero-logo-panel{position:absolute;top:32px;right:32px;background:#fff;padding:18px 26px;box-shadow:0 15px 40px #0004;border-bottom:5px solid #d5ac32;transform:rotate(-4deg);text-align:center}.hero-logo-panel img{display:block;object-fit:contain;width:115px;height:150px;margin:auto}.hero-logo-panel span{display:block;color:#25354c;font-size:12px;margin-top:12px}.photo-caption{padding:35px;border-radius:0 0 8px 8px}.section-title{margin-bottom:40px}h2{font-weight:500;font-size:34px}.products{grid-template-columns:repeat(6,1fr);gap:18px}.products article{grid-column:span 2;background:linear-gradient(145deg,#152a47,#0f203a);border:1px solid #ffffff1c;border-radius:10px;padding:30px;position:relative;overflow:hidden;transition:transform .25s,border-color .25s}.products article:nth-child(4),.products article:nth-child(5){grid-column:span 3}.products article:before{content:'';position:absolute;top:0;right:30px;height:3px;width:42px;background:#d5ac32}.products article:hover{transform:translateY(-5px);border-color:#d5ac3280}.number{color:#92a6bf;font-size:13px;letter-spacing:2px}.products h3{font-size:26px;font-weight:500}.products p{font-size:16px}.tags b{background:#ffffff09;border:1px solid #ffffff15;color:#ced8e6;border-radius:4px;font-size:14px}.products a{color:#e3be51;font-size:15px}.specs{background:#112541;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;position:relative}.spec-table{background:#091a32;border:1px solid #ffffff18;border-radius:12px;padding:12px 28px}.spec-table>div{border-color:#ffffff1a;font-size:15px}.spec-table b{color:#e3be51}.note{font-size:14px}.coatings>div{background:#12243d;padding:28px;border-radius:8px;border:1px solid #ffffff1b}.coatings h3{font-weight:500}.swatch{width:50px;height:12px;border-radius:2px}.coatings p{font-size:15px}.inquiry{background:linear-gradient(115deg,#18365c,#0d203c);border:1px solid #ffffff24;border-radius:16px;margin:0 5% 50px;padding:55px;max-width:none;gap:60px}.inquiry form{background:#08182f88;border:1px solid #ffffff1c;border-radius:12px;padding:28px}input,select,textarea{font-family:inherit;border-color:#65768d;background:#08182f;color:#fff;font-size:16px}select option{background:#08182f;color:#fff}.whatsapp-direct{background:#dce3ed;color:#0b1a31}footer{border-top:1px solid #ffffff20;color:#b4c1d4}footer strong{color:#fff}.credit{background:#061225;color:#93a5bc;font-size:12px}.hero-meta span{color:#b4c1d4}
@media(min-width:1550px){.hero{padding-right:calc((100vw - 1440px)/2);padding-left:calc((100vw - 1440px)/2)}}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6%}.hero-photo{margin:0 6% 40px;min-height:380px;border-radius:70px 8px 8px 8px}.hero-logo-panel{top:25px;right:25px}.hero-logo-panel img{height:120px;width:92px}.products{grid-template-columns:repeat(2,1fr)}.products article,.products article:nth-child(4),.products article:nth-child(5){grid-column:span 1}.products article:last-child{grid-column:span 2}.inquiry{padding:30px;gap:25px}.coatings{gap:15px}.coatings>div{padding:20px}}@media(max-width:520px){.brand-logo{width:40px;height:52px}.brand{font-size:21px}.brand small{font-size:8px;letter-spacing:.5px}.hero h1{font-size:39px}h2{font-size:28px}.products{grid-template-columns:1fr}.products article,.products article:nth-child(4),.products article:nth-child(5),.products article:last-child{grid-column:span 1}.hero-photo{min-height:320px}.hero-logo-panel img{width:76px;height:99px}.hero-logo-panel{padding:12px 18px}.hero-logo-panel span{font-size:12px}.coatings{grid-template-columns:1fr 1fr}.coatings>div{padding:16px}.inquiry{padding:25px 18px;margin:0 5% 35px}.inquiry form{padding:18px}.spec-table{padding:8px 18px}.spec-table>div{display:block}.spec-table b{display:block;margin-top:9px}.photo-caption{padding:25px}.hero-meta{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.catalog-heading{padding-bottom:40px}.catalog-heading h1{font-size:clamp(32px,4vw,54px)}.catalog-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.catalog-nav a{display:block!important;padding:10px 20px;background:#142c4c;border:1px solid #ffffff25;border-radius:6px;font-size:16px}.product-detail{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;border-top:1px solid #ffffff20;padding-top:60px;padding-bottom:60px}.product-detail figure{margin:0;background:#eef1f5;border-radius:12px;overflow:hidden;align-self:start}.product-detail img{display:block;width:100%;height:350px;object-fit:contain;background:white;padding:25px}.product-detail figcaption{color:#536070;font-size:13px;padding:14px 20px}.product-copy h2{font-size:34px;margin:8px 0}.product-copy dl{margin:24px 0}.product-copy dl>div{padding:14px 0;border-bottom:1px solid #ffffff20}.product-copy dt{font-size:14px;color:#9daec4}.product-copy dd{margin:6px 0 0;font-size:16px;color:#e9eef6;overflow-wrap:anywhere}.standards-note{background:#112541;margin-bottom:40px}.standards-note p{max-width:1000px}.tags b{overflow-wrap:anywhere}.spec-table b{overflow-wrap:anywhere}@media(max-width:800px){.product-detail{grid-template-columns:1fr;gap:25px}.product-detail img{height:280px}.catalog-nav{gap:8px}.catalog-nav a{padding:8px 12px;font-size:14px}}
.products .product-thumb{display:block;border:0;padding:0;margin:-30px -30px 25px;background:#fff}.product-thumb img{width:100%;height:220px;display:block;object-fit:contain;padding:18px}.products .product-more{margin-top:14px;border:0;padding:0;color:#c2d0e3}header nav a[href="products.html"]{display:block!important}.products article:nth-child(n){grid-column:span 2}@media(max-width:900px){.products article:nth-child(n){grid-column:span 1}}.credit a{text-decoration:underline}
.quality{display:grid;grid-template-columns:1fr 1.3fr;gap:45px;border-top:1px solid var(--line)}.quality-tests{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quality-tests article{padding:24px;border:1px solid var(--line);border-radius:10px;background:#112541}.quality-tests article>span{font:12px Arial;color:#d9b64e}.quality-tests h3{font-size:21px}.quality-tests p{font-size:15px;margin-bottom:0}.certificate{grid-column:1/-1;border-right:4px solid #d5ac32;padding:20px 26px;background:#142c4c;border-radius:6px}.certificate p{margin:6px 0 0;max-width:none}.image-source{position:absolute;left:25px;top:25px;z-index:2;font-size:12px;background:#08182fdb;padding:5px 10px;border-radius:4px;color:#fff}.product-detail figcaption a{text-decoration:underline;white-space:nowrap}@media(max-width:800px){.quality{grid-template-columns:1fr;gap:24px}}@media(max-width:520px){.quality-tests{grid-template-columns:1fr}}
/* Transparent product cutouts */
.products .product-thumb,.product-detail figure,.product-detail img,.brand-logo{background:transparent}.product-thumb img,.product-detail img{padding:12px;object-fit:contain}.product-detail figcaption{color:#aabbd0}.hero-photo{background-image:url(assets/hero-transparent.png);background-size:contain;background-repeat:no-repeat;background-position:center;border:0;border-radius:0;box-shadow:none;min-height:540px}.hero-photo:before{display:none}.hero-logo-panel{display:none}.photo-caption{background:none;padding:12px 25px}.brand-logo{object-fit:contain}.image-source{top:0}.hero-photo .photo-caption small{display:none}@media(max-width:900px){.hero-photo{min-height:350px}}@media(max-width:520px){.hero-photo{min-height:300px}.photo-caption{font-size:14px}.product-detail img{height:260px}}