/*
Theme Name: Como Laundry
Theme URI: https://comolaundryth.com/
Author: Como Laundry
Description: Como Laundry WordPress theme
Version: 0.1.0
Requires at least: 6.0
Text Domain: como-laundry
*/

:root{--como-blue:#052968;--como-blue-2:#1677ff;--como-gray:#f5f5f4;--como-ink:#172033;--como-content:1400px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--como-ink);font-family:"IBM Plex Sans Thai",serif!important;font-weight:400;font-size:16px;line-height:1.65;background:#fff}body,button,input,select,textarea{font-family:"IBM Plex Sans Thai",serif!important}img{max-width:100%;height:auto}a{color:inherit}.como-main{width:100%;overflow:hidden}.como-header{height:130px;position:fixed;z-index:1000;top:0;left:0;width:100%;background:#fff;border-bottom:8px solid #082b68;display:flex;justify-content:center;align-items:center;transition:transform .28s ease}.como-header.is-hidden{transform:translateY(-110%)}.como-logo{height:100%;display:flex;align-items:center;justify-content:center}.como-logo img{width:150px;height:145px;object-fit:contain}.como-header-spacer{height:130px}.section-pad{padding:60px clamp(16px,4vw,64px)}.hero-slider{position:relative;width:100%;height:clamp(300px,52vw,800px);margin-bottom:70px;background:#f3f4f6;overflow:hidden}.hero-slides,.hero-slide{position:absolute;inset:0;width:100%;height:100%}.hero-slide{object-fit:cover;opacity:0;transition:opacity .65s ease}.hero-slide.is-active{opacity:1}.slider-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);border:0;border-radius:50%;width:48px;height:48px;font-size:38px;line-height:1;background:rgba(255,255,255,.48);color:#123;cursor:pointer}.slider-arrow.prev{left:18px}.slider-arrow.next{right:18px}.slider-dots{position:absolute;bottom:18px;left:0;right:0;display:flex;gap:8px;justify-content:center}.slider-dots button{width:10px;height:10px;border:0;border-radius:50%;background:#ffffff99;padding:0;cursor:pointer}.slider-dots button.is-active{background:#fff;transform:scale(1.25)}.intro-section{display:flex;align-items:center;gap:38px;max-width:1600px;margin:0 auto 42px}.intro-copy,.intro-image{flex:1;min-width:0}.intro-copy{text-align:center;color:var(--como-blue)}.intro-copy h1{font-size:clamp(28px,3vw,46px);font-weight:500;line-height:1.22;margin:0 0 26px}.intro-copy h1 strong{font-size:1.2em;font-weight:700}.intro-copy p{font-size:clamp(16px,1.4vw,23px);line-height:1.8;margin:0}.intro-image{text-align:center}.intro-image img{width:min(100%,560px);max-height:540px;object-fit:contain}.branches-section{background:#f5f5f4;padding:48px clamp(16px,4vw,64px) 82px}.branches-section>h2{text-align:center;color:#17366d;font-size:clamp(28px,3vw,42px);margin:18px 0 48px;font-weight:700}.branch-carousel{display:flex;align-items:center;gap:12px;max-width:1600px;margin:auto}.branch-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:10px 3px 22px;flex:1}.branch-track::-webkit-scrollbar{display:none}.branch-card{flex:0 0 calc((100% - 44px)/3);min-width:270px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0b1d3b12;display:flex;flex-direction:column;scroll-snap-align:start;min-height:620px}.branch-card>img{width:100%;height:300px;object-fit:cover}.branch-card-body{padding:16px;display:flex;flex-direction:column;flex:1}.province{font-size:15px;color:#6b7280;margin:0 0 12px;padding:0 6px}.branch-info{background:#f3f4f6;padding:16px;border-radius:10px;flex:1}.branch-info h3{font-size:19px;line-height:1.5;margin:0 0 18px;font-weight:600}.machine-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;font-size:14px;line-height:1.55;margin:0 0 13px}.machine-row span:last-child{white-space:nowrap}.map-button{display:block;margin:18px auto 0;background:#0756c7;color:white;text-decoration:none;text-align:center;border-radius:5px;padding:9px 18px;width:max-content;min-width:130px}.map-button:hover{background:#0646a4}.branch-arrow{flex:0 0 44px;height:44px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 8px #0002;font-size:30px;cursor:pointer;color:#052968}.machine-image-section{background:#f5f5f4;display:flex;justify-content:center;align-items:center;padding:0 clamp(16px,4vw,64px) 60px}.machine-image-section img{width:min(100%,1300px);border-radius:18px 18px 0 0;object-fit:contain}.video-section{background:#000;padding:clamp(20px,7vw,112px);display:flex;justify-content:center}.video-section video{display:block;width:100%;max-width:1500px;max-height:800px;object-fit:contain}.vision-section{min-height:720px;height:100vh;max-height:1000px;background-size:cover;background-position:center;display:flex;align-items:flex-end}.vision-cards{width:100%;padding:32px 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;background:rgba(255,255,255,.72);backdrop-filter:blur(5px)}.vision-cards article{text-align:center;padding:8px}.vision-cards h3{font-size:clamp(22px,2vw,32px);margin:0 0 8px;color:#172033}.vision-cards p{font-size:clamp(16px,1.3vw,19px);margin:0}.spec-section{padding-top:56px;padding-bottom:70px}.spec-title{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:32px}.spec-title img{width:210px;max-height:220px;object-fit:contain}.spec-title h2{font-size:clamp(24px,3vw,36px);font-weight:700;margin:8px 0 16px}.spec-accordion{max-width:1500px;margin:auto}.spec-accordion summary{border:2px solid #c9d9f2;color:#17366d;border-radius:12px;padding:17px 20px;font-size:clamp(20px,2.5vw,32px);font-weight:700;text-align:center;cursor:pointer;list-style:none}.spec-accordion summary::-webkit-details-marker{display:none}.spec-accordion summary:after{content:'＋';float:right;font-size:22px}.spec-accordion[open] summary:after{content:'−'}.table-wrap{overflow-x:auto;margin-top:22px}.spec-table{width:100%;border-collapse:collapse;min-width:760px;background:#f8fafc}.spec-table th,.spec-table td{border:1px solid #d9e0e9;padding:12px 10px;text-align:center;font-size:15px}.spec-table th{background:#e9eef5;color:#111827;font-weight:600}.spec-table td:first-child{text-align:left}.contact-section{position:relative;background-size:cover;background-position:center;padding:64px 16px;min-height:820px;display:flex;align-items:center;justify-content:center}.contact-card{background:#fff;border-radius:14px;box-shadow:0 14px 38px #00133c30;width:min(100%,650px);padding:32px clamp(18px,4vw,42px)}.contact-card h2{font-size:clamp(26px,3vw,38px);color:var(--como-blue);margin:0 0 6px}.contact-card h3{font-size:clamp(19px,2vw,25px);color:var(--como-blue);margin:0 0 22px}.demo-contact-form{display:flex;flex-direction:column;gap:13px}.demo-contact-form label{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:500}.demo-contact-form em{display:inline;color:#dc2626;font-style:normal}.demo-contact-form input,.demo-contact-form select{width:100%;min-height:42px;border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;background:white;color:#111827}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-contact-form button{align-self:flex-end;border:0;border-radius:24px;background:#0756c7;color:#fff;padding:10px 26px;font-size:16px;cursor:pointer}.form-note{font-size:12px;color:#7c2d12;background:#fff7ed;padding:8px 10px;border-radius:6px;margin:0}.faq-section{padding-top:58px;padding-bottom:64px}.faq-section>h2{text-align:center;font-size:clamp(58px,9vw,130px);line-height:1.2;color:#17366d;margin:0 0 36px;font-weight:700}.faq-list{max-width:900px;margin:auto;display:flex;flex-direction:column;gap:16px}.faq-list details{border:2px solid #c9d9f2;border-radius:12px;color:#17366d;overflow:hidden}.faq-list summary{list-style:none;cursor:pointer;padding:18px 20px;font-size:clamp(18px,2.1vw,28px);font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'＋';float:right}.faq-list details[open] summary:after{content:'−'}.faq-list details p{padding:4px 20px 22px;margin:0;color:#111827;font-size:clamp(16px,1.5vw,20px);line-height:1.8}.faq-list details p strong{color:#17366d}.franchise-cta{padding:42px 16px 72px;text-align:center}.franchise-cta a{display:inline-block;text-decoration:none;background:#1677ff;color:#fff;border-radius:999px;padding:18px 36px;font-size:clamp(22px,3vw,40px);font-weight:500}.como-footer{background:#30343a;color:#fff;padding:42px clamp(18px,5vw,72px)}.footer-inner{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1.2fr;gap:48px}.footer-inner h3{font-size:22px;margin:0 0 14px}.footer-inner p{font-size:14px;line-height:1.8;margin:3px 0}.social-links{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:14px}.social-links a{color:#fff}.franchise-page{max-width:1250px;min-height:65vh;margin:auto;padding-top:55px;padding-bottom:90px}.franchise-page h1{text-align:center;font-size:clamp(28px,3vw,42px);margin:10px 0 45px}.franchise-page h2{text-align:center;font-size:clamp(24px,2.5vw,34px);margin:0 0 26px}.franchise-page ul{max-width:1000px;margin:0 auto;padding-left:28px}.franchise-page li{font-size:clamp(17px,1.7vw,23px);margin:0 0 18px}
@media(max-width:900px){.intro-section{gap:22px}.branch-card{flex-basis:calc((100% - 22px)/2)}.vision-section{min-height:600px}.vision-cards{gap:8px;padding:22px 12px}.footer-inner{gap:24px}}
@media(max-width:640px){.como-header{height:100px;border-bottom-width:5px}.como-logo img{width:108px;height:95px}.como-header-spacer{height:100px}.hero-slider{height:300px;margin-bottom:38px}.slider-arrow{width:36px;height:36px;font-size:28px}.slider-arrow.prev{left:8px}.slider-arrow.next{right:8px}.section-pad{padding:38px 16px}.intro-section{flex-direction:column-reverse;margin-bottom:24px}.intro-copy h1{font-size:30px;margin-bottom:16px}.intro-copy p{font-size:16px;text-align:left}.intro-image img{max-height:300px}.branches-section{padding:34px 12px 48px}.branches-section>h2{margin:8px 0 24px}.branch-carousel{gap:6px}.branch-card{flex-basis:calc(100% - 10px);min-width:0;min-height:590px}.branch-card>img{height:245px}.branch-arrow{flex-basis:32px;height:32px;font-size:24px}.branch-info h3{font-size:17px}.machine-image-section{padding:0 12px 32px}.video-section{padding:18px 0}.vision-section{height:auto;min-height:0;background-position:center; padding-top:240px}.vision-cards{grid-template-columns:1fr;padding:18px 14px}.vision-cards article{padding:8px 4px}.vision-cards h3{font-size:22px}.spec-section{padding-top:36px;padding-bottom:42px}.spec-title img{width:150px}.spec-title h2{font-size:24px}.spec-accordion summary{font-size:19px;padding:14px 12px}.spec-table th,.spec-table td{padding:9px 8px;font-size:13px}.contact-section{padding:34px 12px;min-height:0}.contact-card{padding:24px 17px}.form-two{grid-template-columns:1fr}.faq-section>h2{font-size:64px}.faq-list summary{font-size:18px;padding:14px}.faq-list details p{padding:0 14px 18px;font-size:16px}.franchise-cta{padding:30px 14px 48px}.franchise-cta a{padding:14px 26px}.footer-inner{grid-template-columns:1fr;gap:24px}.como-footer{padding:30px 18px}}