:root{--black:#080809;--black2:#141416;--orange:#ff3d13;--orange2:#ff6a37;--white:#f7f7f7;--ink:#111;--muted:#6b7280;--line:#e5e7eb;--bg:#f6f6f6;--radius:24px;--shadow:0 18px 55px rgba(0,0,0,.16)}*{box-sizing:border-box}body{margin:0;font-family:Arial,'Noto Sans Thai',sans-serif;color:var(--ink);background:var(--bg);line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.site-banner{display:block;background:var(--orange);color:#fff;font-weight:900;text-align:center;padding:.55rem}.site-header{position:sticky;top:0;z-index:20;background:rgba(8,8,9,.94);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,61,19,.35);display:flex;align-items:center;justify-content:space-between;padding:.65rem clamp(1rem,4vw,4rem)}.brand img{width:230px;max-width:56vw;max-height:78px;object-fit:contain}.nav{display:flex;align-items:center;gap:.25rem}.nav a{color:var(--white);padding:.7rem .9rem;border-radius:999px;font-weight:800}.nav a:hover,.nav-cta{background:var(--orange)!important;color:#fff!important}.nav-toggle{display:none;background:var(--orange);color:#fff;border:0;border-radius:12px;padding:.55rem .75rem;font-size:1.2rem}.hero{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:clamp(2rem,5vw,5rem);background:linear-gradient(135deg,var(--black),var(--black2));color:var(--white)}.hero h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.08;margin:.4rem 0}.hero p{font-size:1.15rem;color:#e5e7eb}.hero-card,.card,.post-card,.product-index-card,.product-price-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.hero-card img,.article-cover img,.card img,.post-card img,.product-index-image img,.product-price-card img,.product-gallery img,.wide-img{width:100%;height:auto!important;object-fit:contain!important;background:transparent!important;display:block}.section{padding:clamp(2rem,5vw,4.5rem) clamp(1rem,4vw,4rem)}.alt{background:#fff}.container{max-width:1180px;margin:auto}.container-narrow{max-width:960px;margin:auto}.section-head{text-align:left;margin-bottom:1.7rem}.eyebrow{display:inline-flex;color:var(--orange);font-weight:900;text-transform:uppercase;letter-spacing:.04em}.section h1,.section-head h1,.article h1{font-size:clamp(2rem,4vw,4rem);line-height:1.14;color:var(--black);margin:.3rem 0}.section-head h2{font-size:clamp(1.8rem,3.4vw,3.3rem);line-height:1.14;color:var(--black);margin:.3rem 0}.section-head p,.lead{color:var(--muted);font-size:1.08rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.85rem 1.15rem;font-weight:900;border:2px solid transparent}.btn-primary{background:var(--orange);color:#fff}.btn-outline{border-color:var(--orange);color:var(--orange);background:rgba(255,61,19,.08)}.cta-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.grid{display:grid;gap:1rem}.grid-4{grid-template-columns:repeat(4,1fr)}.product-price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.35rem;margin:1.4rem 0}.product-price-card-large{display:flex;flex-direction:column;color:inherit;transition:.18s}.product-price-card-large:hover{transform:translateY(-3px)}.product-price-card-large img{border-radius:24px 24px 0 0}.product-price-card-body{padding:1.2rem}.product-price-card-body h3{font-size:1.35rem;color:var(--black);margin:0}.product-price-card-body p{color:var(--muted)}.product-price-card-body strong{display:block;color:var(--orange);margin:.55rem 0}.product-card-link,.text-link{font-weight:900;color:var(--orange)}.product-index-grid{display:grid;gap:1.4rem}.product-index-card{display:grid;grid-template-columns:minmax(260px,.9fr) 1.1fr;gap:1.3rem;align-items:center;padding:1rem}.product-index-image{border-radius:18px;overflow:hidden;background:#fff}.product-index-body{padding:1rem}.product-index-body h2{font-size:clamp(1.35rem,2.5vw,2.2rem);color:var(--black);line-height:1.18;margin:.3rem 0}.product-index-body p{color:var(--muted)}.product-index-body strong{display:block;color:var(--orange);font-size:1.15rem}.product-size-line{font-size:.98rem;color:var(--black)!important;background:#fff2ed;border:1px solid #ffd3c4;border-radius:14px;padding:.7rem .85rem}.product-detail-page{max-width:1120px}.article{max-width:980px;margin:auto;padding:clamp(1.2rem,4vw,3rem);background:#fff}.article h2{font-size:clamp(1.45rem,2.6vw,2.25rem);color:var(--black);line-height:1.2}.article h3{color:#222}.article h4{color:#333}.article h5{color:#444;font-size:1rem}.article-cover{margin:0 0 1.8rem;overflow:hidden;border-radius:var(--radius);background:transparent}.product-detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;margin:1.5rem 0 2.5rem}.product-detail-media{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden}.product-detail-info h2{font-size:clamp(1.8rem,3vw,3rem);color:var(--black);line-height:1.12}.product-spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin:1rem 0}.product-spec-grid div{background:#f9fafb;border:1px solid var(--line);border-radius:16px;padding:1rem}.product-spec-grid b{display:block;color:var(--orange)}.check-list{display:grid;gap:.65rem;padding:0}.check-list li{list-style:none;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.85rem 1rem}.check-list li:before{content:'✓';font-weight:900;color:var(--orange);margin-right:.5rem}.step-list{display:grid;gap:.7rem;counter-reset:steps;padding:0}.step-list li{list-style:none;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.85rem 1rem}.step-list li:before{counter-increment:steps;content:counter(steps);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--orange);color:#fff;font-weight:900;margin-right:.6rem}.tag-list{display:flex;flex-wrap:wrap;gap:.6rem}.tag-list span{background:#fff2ed;border:1px solid #ffd3c4;border-radius:999px;padding:.45rem .8rem;font-weight:800}.product-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.product-gallery img{border:1px solid var(--line);border-radius:16px}.table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line);background:#fff;margin:1rem 0}table{width:100%;border-collapse:collapse}th,td{padding:.9rem 1rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:var(--black);color:#fff}td:first-child{font-weight:900;color:var(--black)}.price-note{color:var(--muted);font-size:.95rem}.faq-list{display:grid;gap:.8rem}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1rem}.faq-list summary{font-weight:900;color:var(--black);cursor:pointer}.cta-panel{background:linear-gradient(135deg,var(--black),#2a0e06);color:#fff;border-radius:28px;padding:clamp(1.4rem,4vw,2.5rem);margin:2rem 0}.cta-panel h2{color:#fff}.post-grid,.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.post-card,.related-card{display:block;padding:1rem}.post-card h2{color:var(--black);font-size:1.25rem}.post-card p{color:var(--muted)}.wide-img{border-radius:24px;border:1px solid var(--line);margin:1rem 0}.info-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1.1rem,3vw,2rem);margin:1rem 0}.info-panel h2{color:var(--black);font-size:clamp(1.35rem,2.4vw,2.1rem);line-height:1.2;margin:.2rem 0 .65rem}.info-panel p{color:var(--muted);margin:.2rem 0 1rem}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.process-grid div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.2rem;box-shadow:var(--shadow)}.process-grid b{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--orange);color:#fff;margin-bottom:.6rem}.process-grid h3{color:var(--black);margin:.3rem 0}.process-grid p{color:var(--muted)}.price-block{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1rem;margin:1rem 0}.price-block h3{color:var(--black);font-size:1.35rem;margin:.2rem 0}.footer-iframe-section{padding:2rem;background:#fff}.iframe-card{max-width:1180px;margin:auto}.iframe-card iframe{width:100%;border:0;border-radius:18px}.site-footer{background:var(--black);color:#e5e7eb;padding:2rem clamp(1rem,4vw,4rem);display:grid;grid-template-columns:1.3fr .7fr;gap:1rem}.site-footer a{display:block;color:#fff;margin:.25rem 0}.footer-logo{width:240px}.copyright{grid-column:1/-1;color:#9ca3af}.admin-body{background:#f3f4f6}.admin-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.admin-sidebar{background:var(--black);color:#fff;padding:1rem;position:sticky;top:0;height:100vh}.admin-sidebar a{display:block;padding:.7rem;border-radius:12px;color:#fff}.admin-sidebar a:hover{background:#23110c}.admin-main{padding:2rem;min-width:0}.field{display:grid;gap:.35rem;margin:.7rem 0}.field input,.field textarea,.field select,input,textarea,select{width:100%;padding:.8rem;border:1px solid var(--line);border-radius:12px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.notice{background:#fff2ed;border:1px solid var(--orange);border-radius:14px;padding:1rem;margin:1rem 0}.danger{background:#fff1f2;border-color:#fda4af}.admin-table{overflow:auto;background:#fff;border-radius:18px;border:1px solid var(--line)}.admin-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1rem 0}.inline-status{display:inline-flex;margin:0!important;padding:.6rem .85rem!important}code{background:#111827;color:#fff;padding:.2rem .4rem;border-radius:6px}@media(max-width:900px){.hero,.product-index-card,.product-detail-hero,.site-footer,.admin-layout{grid-template-columns:1fr}.nav{display:none;position:absolute;right:1rem;top:82px;background:var(--black);border-radius:18px;padding:.8rem;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav-toggle{display:block}.product-price-grid,.post-grid,.related-grid,.grid-4,.product-gallery,.content-grid,.process-grid{grid-template-columns:1fr}.product-spec-grid,.form-grid{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.brand img{width:190px}.section{padding:2rem 1rem}}
