/*
Theme Name: Ống Nối Mềm Industrial
Description: A focused Vietnamese industrial catalogue with four Terriva connection products.
Version: 1.0.2
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: ongnoimem
*/

/* Blue, white and cool gray, as requested. Layer scale: header 20, menu 30. */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
@media(max-width:767px){.catalogue-note>span{display:block}}
.arrow{display:inline-block;width:20px;height:20px;flex:0 0 20px;background:currentColor;mask:url('assets/icons/arrow-up-right.svg') center/contain no-repeat;-webkit-mask:url('assets/icons/arrow-up-right.svg') center/contain no-repeat}.menu-icon{display:inline-block;width:18px;height:18px;vertical-align:-3px;margin-left:5px;background:currentColor;mask:url('assets/icons/list.svg') center/contain no-repeat;-webkit-mask:url('assets/icons/list.svg') center/contain no-repeat}
@media(min-width:768px){.related-section .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
:root{--blue:#0753ae;--blue-hover:#063f84;--ink:#123250;--text:#384b5d;--muted:#566878;--line:#dce3e9;--surface:#f1f4f6;--pale:#eaf2fa;--white:#fff;--radius:4px;--max:1280px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--text);background:var(--white);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--ink);font-weight:700;line-height:1.2;letter-spacing:-.045em}h1{font-size:clamp(38px,4.4vw,64px)}h2{font-size:clamp(30px,3.1vw,44px)}h3{font-size:23px;letter-spacing:-.035em}p+p{margin-top:18px}::selection{background:#c8e1fc;color:var(--ink)}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.section{padding-block:96px}.section-head{max-width:750px;margin-bottom:42px}.section-head p{margin-top:18px;max-width:670px;color:var(--muted)}.eyebrow{display:block;color:var(--blue);font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;margin-bottom:23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:13px 23px;border:1px solid var(--blue);border-radius:var(--radius);background:var(--blue);color:var(--white);font-size:14px;font-weight:700;line-height:1.5;white-space:nowrap;transition:background .18s,transform .18s}.button:hover{background:var(--blue-hover);border-color:var(--blue-hover);transform:translateY(-2px)}.button.secondary{background:transparent;color:var(--ink);border-color:#9bacba}.button.secondary:hover{background:var(--white);border-color:var(--ink)}.arrow{font-family:Arial,sans-serif;font-size:23px;line-height:1;font-weight:400}.text-link{display:inline-flex;align-items:center;gap:14px;color:var(--blue);font-size:14px;font-weight:750}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.skip-link{position:fixed;left:12px;top:-80px;background:var(--white);padding:12px;z-index:40}.skip-link:focus{top:12px}
.site-header{height:80px;position:sticky;top:0;z-index:20;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line)}.admin-bar .site-header{top:32px}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:166px;height:50px;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:34px;margin-left:auto;margin-right:24px;font-size:14px;font-weight:700;color:var(--ink)}.desktop-nav>a,.nav-products>summary{padding-block:25px}.desktop-nav a:hover,.nav-products>summary:hover{color:var(--blue)}.nav-products>summary{list-style:none;cursor:pointer;display:flex;gap:10px;align-items:center}.nav-products>summary::-webkit-details-marker{display:none}.nav-products>summary::after{content:'⌄';font-size:17px}.nav-products[open]>summary::after{transform:rotate(180deg)}.product-menu{position:absolute;top:79px;left:0;width:100%;background:var(--white);border-block:1px solid var(--line);box-shadow:0 18px 30px #17324d0f;z-index:30;padding:26px 0}.menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.menu-grid a{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center}.menu-grid img{width:72px;height:70px;object-fit:contain;background:var(--surface)}.menu-grid strong{display:block;font-size:14px}.menu-grid small{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:3px}.header-cta{min-height:44px;padding:10px 18px}.mobile-toggle{display:none;background:none;border:1px solid var(--line);border-radius:var(--radius);height:44px;padding:0 14px;color:var(--ink);font-weight:700}.mobile-nav{display:none}
.hero{min-height:600px;height:min(660px,calc(100svh - 80px));position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;background:#e7eef3}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f4f7fae8 0%,#f4f7faad 34%,#f4f7fa00 65%);z-index:-1}.hero-copy{max-width:720px;padding-block:62px}.hero h1{font-size:clamp(40px,4.5vw,65px);line-height:1.22;letter-spacing:-.052em}.hero h1 span{display:block;color:var(--blue)}.hero-copy p{margin-top:25px;max-width:435px;font-size:18px;line-height:1.8;color:#3d5367}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:33px}.scope-bar{border-bottom:1px solid var(--line);background:var(--white)}.scope-inner{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:13px;font-weight:650;color:var(--muted)}.scope-inner span{display:flex;align-items:center;gap:10px}.scope-inner span::before{content:'✓';color:var(--blue);font-size:19px}.scope-inner strong{color:var(--ink);font-size:14px}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.product-card{min-width:0}.product-visual{position:relative;display:block;aspect-ratio:1.12;background:var(--surface);overflow:hidden;border-radius:var(--radius)}.product-visual img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.product-card:hover .product-visual img{transform:scale(1.035)}.product-card h3{margin-top:22px;font-size:21px}.product-card h3 a:hover{color:var(--blue)}.product-card .product-kind{font-size:13px;color:var(--muted);margin-top:7px}.product-card .card-copy{font-size:14px;line-height:1.75;margin-top:13px;min-height:50px}.product-card .text-link{margin-top:18px}.catalogue-note{margin-top:42px;padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;color:var(--muted)}
.benefit-section{background:var(--surface)}.benefit-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.detail-photo{background:#e8edf1;border-radius:var(--radius);overflow:hidden;aspect-ratio:1}.detail-photo img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.benefit-copy h2{max-width:460px}.benefit-copy>p{margin-top:22px;max-width:470px}.benefit-list{margin-top:30px;display:grid;gap:22px}.benefit-item{padding-left:21px;border-left:2px solid var(--blue)}.benefit-item h3{font-size:17px;letter-spacing:-.025em}.benefit-item p{font-size:14px;color:var(--muted);margin-top:6px}.benefit-copy .text-link{margin-top:31px}
.selection-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.selection-copy p{margin-top:22px;max-width:390px}.selection-copy .text-link{margin-top:25px}.selection-list{border-top:1px solid var(--line)}.selection-list details{border-bottom:1px solid var(--line)}.selection-list summary{position:relative;padding:24px 44px 24px 0;font-weight:700;color:var(--ink);cursor:pointer;list-style:none;line-height:1.5;font-size:18px}.selection-list summary::-webkit-details-marker{display:none}.selection-list summary::after{content:'+';position:absolute;right:3px;top:18px;font-weight:400;font-size:27px;color:var(--blue)}.selection-list details[open] summary::after{content:'−'}.selection-list .selection-answer{padding:0 35px 26px 0;font-size:14px;max-width:550px}.selection-answer p{margin-bottom:14px}.selection-answer a+a{margin-left:22px}
.consult-band{background:var(--pale);border-block:1px solid #d7e6f5;padding-block:58px}.consult-inner{display:flex;justify-content:space-between;align-items:center;gap:42px}.consult-inner h2{font-size:34px;max-width:650px}.consult-inner p{margin-top:13px;font-size:15px;max-width:640px}.site-footer{padding-top:64px;background:var(--white)}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:70px;padding-bottom:50px}.footer-brand img{width:177px;height:53px;object-fit:contain;margin-bottom:21px}.footer-brand p{max-width:310px;font-size:14px;color:var(--muted)}.footer-column h2{font-size:15px;letter-spacing:0;margin-bottom:20px}.footer-column a{display:block;font-size:14px;color:var(--muted);margin-top:11px}.footer-column a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);padding-block:22px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:var(--muted)}
.breadcrumb{padding-top:30px;padding-bottom:30px;font-size:12px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap}.breadcrumb a:hover{color:var(--blue)}.page-heading{background:var(--surface);padding:18px 0 57px}.page-heading h1{max-width:820px}.page-heading p{max-width:720px;margin-top:23px;font-size:18px}.page-heading .breadcrumb{padding-top:12px}.product-detail{padding-bottom:80px}.product-hero{display:grid;grid-template-columns:1.03fr 1fr;gap:72px;align-items:center}.product-main-image{background:var(--surface);border:0;padding:0;width:100%;border-radius:var(--radius);position:relative;aspect-ratio:1.15;cursor:zoom-in}.product-main-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.image-hint{font-size:12px;color:var(--muted);margin-top:10px}.product-intro h1{font-size:clamp(36px,3.65vw,53px)}.product-intro .product-kind{color:var(--blue);font-size:17px;margin-top:13px;font-weight:600}.product-intro .lead{margin-top:25px;max-width:520px}.product-intro .button{margin-top:28px}.product-source{display:block;font-size:12px;color:var(--muted);margin-top:19px;text-decoration:underline;text-underline-offset:3px}.product-information{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;margin-top:75px;padding-top:50px;border-top:1px solid var(--line)}.product-information h2{font-size:30px;margin-bottom:22px}.product-information .entry-content{font-size:15px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;row-gap:26px;margin:0}.spec-grid div{border-top:1px solid var(--line);padding-top:15px}.spec-grid dt{font-size:12px;color:var(--muted);margin-bottom:6px}.spec-grid dd{margin:0;color:var(--ink);font-weight:650;font-size:15px;line-height:1.6}.spec-note{font-size:12px;color:var(--muted);margin-top:25px}.related-section{background:var(--surface)}.related-section .product-visual{background:#e7ecef}.image-dialog{border:0;border-radius:var(--radius);padding:45px 24px 24px;width:min(900px,94vw);max-height:92dvh}.image-dialog::backdrop{background:#0c233cb3}.image-dialog img{width:100%;max-height:76dvh;object-fit:contain}.dialog-close{position:absolute;top:10px;right:15px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:var(--radius);padding:4px 13px;font-size:14px}
.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.contact-aside h2{font-size:32px}.contact-aside p{margin-top:20px;max-width:350px}.contact-aside ol{margin:30px 0 0;padding-left:21px}.contact-aside li{padding-left:10px;margin-top:17px;font-size:14px}.contact-aside li::marker{color:var(--blue);font-weight:750}.contact-form{background:var(--surface);padding:37px;border-radius:var(--radius)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:13px;font-weight:700;color:var(--ink)}.field input,.field select,.field textarea{width:100%;background:var(--white);color:var(--ink);border:1px solid #aab8c4;border-radius:var(--radius);padding:12px 13px;min-height:49px;font-size:14px}.field textarea{resize:vertical;min-height:132px}.field input::placeholder,.field textarea::placeholder{color:#607182;opacity:1}.form-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;margin-top:23px}.form-consent input{margin-top:5px;accent-color:var(--blue);width:17px;height:17px;flex:0 0 17px}.form-consent a{text-decoration:underline;text-underline-offset:3px}.form-submit{margin-top:23px;width:100%}.honey{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.form-status{background:var(--pale);border-left:3px solid var(--blue);padding:20px 23px;margin-bottom:28px;color:var(--ink);font-size:14px}.form-status strong{display:block;font-size:18px;margin-bottom:5px}.form-status.error{background:#fff4f1;border-color:#a1371e;color:#762e1c}.prose{max-width:800px}.prose h2{font-size:28px;margin:35px 0 17px}.prose h3{font-size:21px;margin:28px 0 15px}.prose p,.prose li{font-size:16px}.prose a{color:var(--blue);text-decoration:underline}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 70px}.application-block{padding-top:24px;border-top:2px solid var(--blue)}.application-block p{margin-top:18px;font-size:15px}.application-links{display:flex;flex-wrap:wrap;gap:12px 23px;margin-top:23px}.empty-page{text-align:center;padding-block:120px}.empty-page p{margin:20px auto 30px;max-width:500px}
@media(min-width:1600px){.hero{height:680px;min-height:680px}.hero-copy{max-width:790px}.hero h1{font-size:70px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.desktop-nav{gap:23px;margin-right:0}.header-inner{gap:20px}.header-cta{font-size:12px}.hero h1{font-size:53px}.hero-copy{max-width:620px}.hero{min-height:560px}.product-grid{gap:20px}.product-card h3{font-size:18px}.benefit-layout,.selection-layout,.contact-layout{gap:45px}.product-hero{gap:40px}.footer-grid{gap:40px}}
@media(max-width:900px){.desktop-nav,.header-cta{display:none}.mobile-toggle{display:block}.mobile-nav{position:absolute;top:79px;left:0;width:100%;padding:20px 32px 27px;border-bottom:1px solid var(--line);background:var(--white);box-shadow:0 18px 24px #17324d14}.mobile-nav.open{display:block}.mobile-nav>a{display:block;padding:11px 0;font-weight:650;color:var(--ink)}.mobile-nav .mobile-products{display:grid;gap:11px;margin:8px 0 12px 15px;font-size:13px}.mobile-nav .button{display:inline-flex;color:white;padding:13px 23px;margin-top:14px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.scope-inner{flex-wrap:wrap;justify-content:center;padding-block:18px;gap:9px 26px}.scope-inner strong{width:100%;text-align:center}.product-card h3{font-size:22px}.product-card .card-copy{min-height:0}.section{padding-block:70px}.product-information{gap:40px}.consult-inner h2{font-size:29px}.hero h1{font-size:48px}.hero-image{object-position:58% center}.hero::after{background:linear-gradient(90deg,#f4f7faf2 0%,#f4f7facc 36%,#f4f7fa10 100%)}.benefit-copy h2{font-size:32px}.footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:26px}}
@media(max-width:767px){html{scroll-padding-top:82px}.wrap{width:calc(100% - 40px)}.site-header{height:70px}.brand img{width:143px;height:43px}.mobile-nav{top:69px;padding-inline:20px}.admin-bar .site-header{top:46px}.section{padding-block:54px}.hero{height:auto;min-height:640px;align-items:flex-start}.hero-copy{padding-top:48px;padding-bottom:290px}.hero h1{font-size:clamp(32px,7.8vw,52px);line-height:1.27;letter-spacing:-.05em}.eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:20px}.hero-copy p{font-size:15px;max-width:300px;margin-top:19px}.hero-actions{gap:12px;margin-top:25px}.hero-actions .button{font-size:12px;gap:13px;padding:12px 16px;min-height:46px}.hero-image{height:340px;top:auto;bottom:0;object-position:75% center}.hero::after{background:linear-gradient(180deg,#eff4f8 0%,#eff4f8 45%,#eff4f888 58%,transparent 74%)}.scope-inner{font-size:11px;gap:7px 16px;min-height:92px}.scope-inner strong{font-size:12px}.scope-inner span::before{font-size:15px}.section-head{margin-bottom:29px}.section-head p{font-size:14px;margin-top:15px}.product-grid{grid-template-columns:1fr;gap:35px}.product-visual{aspect-ratio:1.3}.product-card h3{margin-top:18px;font-size:23px}.product-card .card-copy{margin-top:10px;font-size:14px;max-width:360px}.product-card .text-link{margin-top:12px}.catalogue-note{display:block;margin-top:29px;font-size:13px}.catalogue-note .text-link{margin-top:15px}.benefit-layout,.selection-layout,.product-hero,.product-information,.contact-layout{grid-template-columns:1fr;gap:34px}.detail-photo{aspect-ratio:1.25}.benefit-copy h2{font-size:33px}.benefit-copy>p{font-size:14px;margin-top:17px}.benefit-list{gap:20px;margin-top:25px}.selection-copy p{font-size:14px}.selection-copy .text-link{margin-top:17px}.selection-list summary{font-size:16px;padding-block:21px}.selection-list .selection-answer{font-size:13px;padding-right:10px}.selection-answer a+a{margin-left:0;margin-top:12px;display:flex}.consult-band{padding-block:40px}.consult-inner{display:block}.consult-inner h2{font-size:29px}.consult-inner p{font-size:14px}.consult-inner .button{margin-top:25px}.site-footer{padding-top:42px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 22px;padding-bottom:35px}.footer-brand{grid-column:1/-1}.footer-brand img{width:156px;height:47px;margin-bottom:15px}.footer-brand p{max-width:330px;font-size:13px}.footer-column h2{font-size:14px;margin-bottom:16px}.footer-column a{font-size:12px}.footer-bottom{flex-direction:column;gap:10px;font-size:11px}.page-heading{padding-bottom:38px}.page-heading h1{font-size:37px}.page-heading p{font-size:15px;margin-top:18px}.breadcrumb{padding-block:21px;font-size:11px;gap:9px}.product-hero{gap:27px}.product-intro h1{font-size:38px}.product-intro .lead{margin-top:18px;font-size:15px}.product-information{margin-top:40px;padding-top:31px;gap:35px}.product-information h2{font-size:26px}.spec-grid{gap:23px 20px}.spec-grid dd{font-size:13px}.product-detail{padding-bottom:53px}.contact-form{padding:25px 20px}.form-grid{grid-template-columns:1fr;gap:19px}.contact-aside h2{font-size:28px}.contact-aside p{font-size:14px;max-width:100%;margin-top:16px}.contact-aside ol{margin-top:20px}.application-grid{grid-template-columns:1fr;gap:35px}.application-block h2{font-size:27px}.prose h2{font-size:25px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:30px}.hero-actions{gap:8px}.hero-actions .button{padding:11px 12px;font-size:11px}.spec-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
