/*
Theme Name: MVM Industrial
Author: MVM Magnet
Description: ธีมเฉพาะสำหรับเว็บไซต์แม่เหล็กอุตสาหกรรม MVM Magnet
Version: 1.0.0
Requires PHP: 8.0
License: GPL-2.0-or-later
*/
:root{--navy:#102b39;--deep:#09212d;--orange:#ed9b44;--ink:#15323e;--muted:#627681;--line:#dce4e7;--paper:#f4f6f5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:Tahoma,"Leelawadee UI",Arial,sans-serif;font-size:16px;line-height:1.8}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.36;letter-spacing:-.035em}h1{font-size:clamp(38px,4.7vw,68px);font-weight:700}h2{font-size:clamp(29px,3vw,44px)}h3{font-size:22px}p{color:var(--muted)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:5px}a:focus-visible,button:focus-visible{outline:3px solid var(--orange)}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.topbar{background:var(--deep);color:#d0dde2;font-size:12px}.topbar .wrap{display:flex;justify-content:space-between;padding-block:8px;gap:20px}.topbar a{color:#fff}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.admin-bar .site-header{top:32px}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:91px;gap:25px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:44px;height:44px;border:7px solid var(--orange);border-top:0;border-radius:0 0 16px 16px;transform:rotate(-12deg);position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:var(--navy);height:10px;width:7px;top:0}.brand-mark:before{left:-7px}.brand-mark:after{right:-7px}.brand b{font-size:23px;letter-spacing:.05em;line-height:1.2;display:block}.brand small{font-size:10px;letter-spacing:.18em;color:var(--muted);display:block;margin-top:5px}.site-nav{display:flex;align-items:center;gap:30px;font-size:14px}.site-nav a:hover,.site-nav a[aria-current="page"]{color:#b36b20}.nav-cta{border:1px solid var(--line);padding:10px 19px;border-radius:4px}.menu-toggle{display:none;border:1px solid var(--line);border-radius:5px;background:#fff;padding:8px 12px}.hero{background:var(--navy);overflow:hidden;color:#fff;position:relative}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;min-height:660px;align-items:center;gap:40px;padding-block:65px}.hero .eyebrow{color:#f6b670}.eyebrow{font-size:12px;letter-spacing:.09em;font-weight:bold;color:#aa621e;display:flex;align-items:center;gap:10px;margin-bottom:22px}.eyebrow:before{content:"";height:2px;width:25px;background:var(--orange)}.hero h1{margin-bottom:24px}.hero h1 em{color:#f4ac60;font-style:normal}.hero-copy>p:not(.eyebrow){color:#c4d2d8;font-size:17px;max-width:490px}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;gap:28px;align-items:center;justify-content:center;background:var(--orange);color:#192f3b;padding:15px 23px;border-radius:4px;border:1px solid var(--orange);font-weight:bold;font-size:14px;cursor:pointer;transition:transform .2s,background .2s}.button:hover{background:#ffb35f;transform:translateY(-2px)}.button.ghost{background:transparent;border-color:#5d737e;color:#fff}.button.light{background:white;border-color:white}.hero-note{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#b7cbd5;margin-top:38px}.hero-note span:before{content:"✓";color:var(--orange);margin-right:7px}.hero-visual{height:500px;position:relative;background:radial-gradient(ellipse at center,#4b6571 0%,#203f4e 40%,transparent 70%);display:flex;align-items:center;justify-content:center}.hero-product{width:100%;height:95%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 25px 25px #0004);transform:rotate(-10deg)}.orbit{border:1px solid #ffffff15;position:absolute;width:440px;height:440px;border-radius:50%}.orbit-two{width:330px;height:330px;border-style:dashed}.visual-label{position:absolute;top:12px;left:15px;letter-spacing:.08em;font-size:11px;color:#a8bec8}.spec-card{position:absolute;bottom:24px;left:0;background:#ffffffee;backdrop-filter:blur(8px);padding:18px 24px;border-left:3px solid var(--orange);color:var(--ink);z-index:4;box-shadow:0 15px 50px #0002}.spec-card b,.spec-card span{display:block}.spec-card b{font-size:14px}.spec-card span{font-size:11px;color:var(--muted);margin-top:4px}.visual-index{position:absolute;bottom:10px;right:0;font-size:11px;letter-spacing:.13em;color:#9bb4bf}.industry-strip{background:#edf2f2}.industry-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:25px}.industry-strip p{font-size:12px;line-height:1.7;margin:0}.industry-strip b{color:var(--navy)}.industry-strip span{font-size:13px;color:#3e5662;border-left:1px solid #ccd8dc;padding-left:24px}.section{padding-block:95px}.section.compact{padding-top:30px;padding-bottom:80px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-bottom:45px}.section-head h2{margin-bottom:0}.section-head>p{max-width:390px;margin-bottom:6px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.product-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;transition:transform .25s,box-shadow .25s;background:white}.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #102b3910}.product-picture{height:260px;background:#f1f4f3;position:relative;padding:20px;display:flex;justify-content:center;align-items:center}.product-picture img{height:100%;width:100%;object-fit:contain;transition:transform .4s}.product-card:hover img{transform:scale(1.05)}.card-arrow{position:absolute;right:18px;top:16px;width:32px;height:32px;background:#fff;border-radius:50%;display:grid;place-items:center}.product-copy{padding:26px}.small-label{color:#9b6029;font-size:11px;margin-bottom:9px}.product-copy h3{margin-bottom:13px}.product-copy>p:not(.small-label){font-size:13px;line-height:1.9;min-height:98px}.text-link{color:var(--navy);font-size:13px;font-weight:bold;border-bottom:1px solid var(--orange);padding-bottom:4px;display:inline-block}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.about-band{background:var(--paper)}.about-band>.split{padding-block:80px}.factory-image{position:relative}.factory-image img{width:100%;height:430px;object-fit:cover;border-radius:6px}.factory-image>span{position:absolute;bottom:22px;left:22px;right:22px;padding:15px 20px;background:#102b39e6;color:white;font-size:13px;border-left:3px solid var(--orange)}.check-list{list-style:none;padding:0;margin:25px 0}.check-list li{margin-bottom:10px;font-size:14px}.check-list li:before{content:"✓";color:#b16c27;margin-right:12px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps article{border-top:1px solid #cbd9dd;padding-top:25px}.steps article>span{font-size:13px;color:#ae6923;display:block;margin-bottom:20px}.steps h3{font-size:19px}.steps p{font-size:13px}.cta{background:var(--navy);color:white;padding:55px 65px;display:flex;align-items:center;justify-content:space-between;gap:45px;border-radius:7px;margin-bottom:85px}.cta p{color:#c4d3d9;font-size:14px;margin:0}.cta .eyebrow{color:#f7b66f;margin-bottom:16px}.cta h2{font-size:33px;margin-bottom:18px}.cta .button{flex-shrink:0}.site-footer{background:#08212d;color:#d2dfe4;padding-top:65px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:45px;padding-bottom:45px}.footer-grid .brand{color:white;margin-bottom:25px}.footer-grid .brand small{color:#a3bdc8}.footer-grid p,.footer-grid a{font-size:12px;color:#b4c7d1}.footer-grid h3{font-size:14px;color:#fff;margin-bottom:22px}.footer-grid ul{list-style:none;margin:0;padding:0}.footer-grid li{margin-bottom:10px}.footer-bottom{border-top:1px solid #ffffff1c;padding-block:20px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#8eabb8}.floating-line{position:fixed;bottom:25px;right:25px;background:#0b6550;color:white;padding:12px 20px;border-radius:30px;z-index:25;box-shadow:0 6px 25px #0002;font-size:13px}.page-intro{padding-top:75px;padding-bottom:45px}.page-intro h1{max-width:950px;margin-bottom:24px}.lead{font-size:18px;max-width:800px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:70px}.product-detail h1{font-size:48px}.breadcrumb{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:35px}.detail-image{background:#f1f4f3;border-radius:8px;height:500px;padding:35px}.detail-image img{width:100%;height:100%;object-fit:contain}.fine-print{font-size:11px;margin-top:20px}.feature-list{list-style:none;padding:0;margin:0 0 35px}.feature-list li{padding:15px 0;border-bottom:1px solid var(--line);font-size:15px}.feature-list li:before{content:"✓";color:#b66c20;margin-right:12px}.note{padding:25px;background:var(--paper);border-left:3px solid var(--orange);margin-top:25px}.note p{margin-bottom:0;font-size:14px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.gallery a{background:var(--paper);padding:20px;border-radius:7px}.gallery img{width:100%;height:300px;object-fit:contain}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.info-grid article{padding:30px;background:white;border:1px solid var(--line);border-radius:6px}.info-grid p{font-size:14px;margin:0}blockquote{border-left:3px solid var(--orange);margin:25px 0;padding-left:25px;font-size:18px}.service-list article{border-top:1px solid var(--line);padding-block:40px;display:grid;grid-template-columns:90px 1fr;gap:25px}.service-list article>span{font-size:19px;color:#b26d26}.service-list h2{font-size:31px}.service-list p{max-width:800px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.contact-tile{display:block;padding:23px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.contact-tile span,.contact-tile strong,.contact-tile small{display:block}.contact-tile span{font-size:12px;color:var(--muted)}.contact-tile strong{font-size:25px;margin-block:5px}.contact-tile small{color:var(--muted);font-size:12px}.address{margin-top:35px}.quote-panel{background:var(--paper);border:1px solid var(--line);padding:35px;border-radius:8px}.quote-panel h2{font-size:26px}.quote-panel>p{font-size:13px}.quote-form label{display:block;font-size:13px;margin-bottom:18px}.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;background:#fff;border:1px solid #bacbd2;border-radius:4px;padding:11px 13px;margin-top:7px;min-height:48px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quote-form .consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7}.quote-form .consent input{width:18px;height:18px;min-height:18px;margin-top:3px;flex-shrink:0}.quote-form .consent a{border-bottom:1px solid}.hp{display:none!important}.form-notice{background:#e2f0e8;color:#205d40;padding:16px;border-radius:4px;font-size:14px;margin-bottom:22px}.form-notice.error{background:#fde8e4;color:#8e2922}.prose{max-width:850px}.prose h2{font-size:27px;margin-top:35px}.entry{padding-block:70px}.entry h1{font-size:44px}.skip-link{position:absolute;left:15px;top:-100px;background:white;color:var(--navy);padding:15px;z-index:999}.skip-link:focus{top:15px}@media(max-width:1050px){.site-nav{gap:17px;font-size:12px}.wrap{width:calc(100% - 50px)}.hero-grid{gap:15px}.hero-product{height:85%}.industry-strip .wrap{flex-wrap:wrap;justify-content:flex-start;gap:20px 30px}.industry-strip span{padding-left:20px}.split{gap:40px}.product-grid{gap:18px}.product-copy{padding:20px}.footer-grid{gap:25px}.product-detail{gap:40px}}@media(max-width:760px){body{font-size:15px}.wrap{width:calc(100% - 36px)}.topbar .wrap{font-size:10px;gap:15px}.topbar .hours{display:none}.header-inner{min-height:76px}.brand b{font-size:20px}.brand small{font-size:9px}.brand-mark{width:35px;height:35px;border-width:6px}.brand-mark:before{left:-6px}.brand-mark:after{right:-6px}.menu-toggle{display:block;font-size:13px}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:20px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 25px #0001}.site-nav.open{display:flex}.site-nav a{padding:12px;font-size:15px}.hero-grid{grid-template-columns:1fr;padding-top:45px;padding-bottom:25px;gap:20px}.hero h1{font-size:45px}.hero-copy>p:not(.eyebrow){font-size:15px}.hero-note{gap:12px;font-size:10px;margin-top:28px}.hero-visual{height:360px}.hero-product{height:100%;width:85%}.orbit{height:320px;width:320px}.orbit-two{height:230px;width:230px}.visual-label{font-size:10px}.spec-card{padding:12px 16px;bottom:15px}.visual-index{bottom:0}.industry-strip .wrap{gap:14px 18px;padding-block:23px}.industry-strip p{width:100%;font-size:12px}.industry-strip span{font-size:11px;padding-left:12px}.section{padding-block:60px}.section-head{display:block;margin-bottom:28px}.section-head>p{margin-top:20px;font-size:14px}.section-head>a{margin-top:20px}.product-grid{grid-template-columns:1fr 1fr;gap:14px}.product-picture{height:180px;padding:12px}.product-copy{padding:16px}.product-copy h3{font-size:18px}.product-copy>p:not(.small-label){font-size:12px;min-height:0}.small-label{font-size:10px}.text-link{font-size:12px}.split{grid-template-columns:1fr;gap:30px}.factory-image img{height:310px}.about-band>.split{padding-block:50px}.steps{grid-template-columns:1fr 1fr;gap:20px}.steps h3{font-size:17px}.steps p{font-size:12px}.cta{padding:35px 25px;display:block;margin-bottom:55px}.cta h2{font-size:29px}.cta .button{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block;font-size:10px}.footer-bottom span{display:block;margin-top:6px}.floating-line{right:15px;bottom:15px;padding:10px 16px;font-size:12px}.page-intro{padding-top:45px;padding-bottom:25px}.page-intro h1{font-size:38px}.lead{font-size:16px}.product-detail{grid-template-columns:1fr;gap:25px;padding-block:35px}.product-detail h1{font-size:38px}.detail-image{height:340px;padding:20px}.breadcrumb{margin-bottom:22px}.gallery{grid-template-columns:1fr 1fr;gap:15px}.gallery img{height:220px}.info-grid{grid-template-columns:1fr}.service-list article{grid-template-columns:35px 1fr;gap:12px}.service-list h2{font-size:25px}.contact-grid{grid-template-columns:1fr;gap:35px}.quote-panel{padding:25px 20px}.form-row{grid-template-columns:1fr;gap:0}.contact-tile strong{font-size:23px}.admin-bar .site-header{top:46px}}@media(max-width:420px){.product-grid{grid-template-columns:1fr}.product-picture{height:260px}.product-copy>p:not(.small-label){min-height:0}.hero h1{font-size:40px}.hero .button{font-size:12px;padding:13px 16px}.gallery{grid-template-columns:1fr}.topbar .wrap{font-size:9px}.brand b{font-size:18px}}