/*
Theme Name: TONYPODS Racing Tech
Description: ธีมลูก Power Bank ภาษาไทยสำหรับ Flatsome และ UX Builder
Author: TONYPODS
Template: flatsome
Version: 1.2.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: tonypods-flatsome
*/
body{background:#f5f5f2}h1,h2,h3,h4,.heading-font{letter-spacing:normal}h1,h2{font-weight:700}h3{font-weight:600}.tp-hero h1{font-size:clamp(36px,4.6vw,66px);line-height:1.25;margin-bottom:22px}.tp-hero p{font-size:18px;line-height:1.7}.tp-hero .tp-eyebrow{font-size:12px;letter-spacing:2px;color:#b8bdc5}.tp-hero .button{border-radius:8px;text-transform:none;letter-spacing:0;min-height:46px}.tp-section h2{font-size:32px;line-height:1.4}.tp-category .col-inner{background:#eceeeb;border-radius:8px;padding:24px 14px;text-align:center;height:100%}.tp-category h3{font-size:20px}.tp-category p{font-size:14px;color:#50565e}.tp-card .col-inner{border:1px solid #ddd;background:#fff;padding:24px;border-radius:8px}.tp-energy{display:flex;gap:24px;align-items:center;justify-content:center;height:320px;transform:skew(-18deg);overflow:hidden}.tp-energy span{display:block;background:#e5252a;width:50px;height:45%}.tp-energy span:nth-child(2){height:70%}.tp-energy span:nth-child(3){height:95%}.tp-logo-crop{display:block;position:relative;overflow:hidden;width:200px;aspect-ratio:5}.tp-logo-crop img{position:absolute!important;width:341.333%!important;height:auto!important;max-width:none!important;max-height:none!important;left:-8.889%;top:-750%}.tp-logo-image{max-width:200px;max-height:70px;width:auto;height:auto}.tp-footer p{font-size:14px;color:#b8bdc5}.tp-footer h3{color:#fff}.tp-section .product-small.box{background:#fff;border:1px solid #dedfdb;border-radius:8px;overflow:hidden}.tp-section .box-text{padding:18px}.tp-section .price{color:#c51d23}.tp-section .button{border-radius:8px;text-transform:none;letter-spacing:normal}.tp-note{font-size:14px;color:#50565e}.tp-section .box-image img{transition:transform .18s}.tp-section .box-image:hover img{transform:scale(1.03)}.tp-section a:focus-visible,.tp-footer a:focus-visible{outline:3px solid #e5252a;outline-offset:4px}
@media(max-width:549px){.tp-hero h1{font-size:38px}.tp-hero p{font-size:16px}.tp-energy{height:190px;gap:18px}.tp-energy span{width:35px}.tp-section h2{font-size:26px}.tp-category .col-inner{padding:18px 10px}.tp-category h3{font-size:18px}.tp-logo-crop{width:150px}}
@media(prefers-reduced-motion:reduce){.tp-section *{transition:none!important}}
.tp-categories>.col{flex-basis:20%;max-width:20%}
@media(max-width:549px){.tp-categories>.col{flex-basis:50%;max-width:50%}}
.tp-article-archive{padding-top:36px;padding-bottom:60px}.tp-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tp-article-card{border:1px solid #dedfdb;background:white;border-radius:8px;overflow:hidden;padding:20px}.tp-article-card img{width:100%;aspect-ratio:3/2;object-fit:cover}.tp-article-card time{color:#50565e;font-size:13px}.tp-pagination ul{display:flex;gap:12px;list-style:none;margin:30px 0}.tp-service-links{display:flex;flex-wrap:wrap;gap:18px;justify-content:center}.tp-service-links a{font-size:14px;color:#fff}.tp-service-links a:hover{text-decoration:underline}@media(max-width:849px){.tp-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:549px){.tp-article-grid{grid-template-columns:1fr}.tp-service-links{justify-content:flex-start}}
.tpft-line-float{position:fixed;z-index:1000;right:calc(var(--tp-line-right,24px) + env(safe-area-inset-right,0px));bottom:calc(var(--tp-line-bottom,88px) + env(safe-area-inset-bottom,0px));width:var(--tp-line-size,64px);height:var(--tp-line-size,64px);display:flex;align-items:center;justify-content:center;text-decoration:none!important;box-sizing:border-box;transition:transform 150ms}.tpft-line-float:hover{transform:translateY(-3px)}.tpft-line-float:focus-visible{outline:3px solid #111315;outline-offset:4px;box-shadow:0 0 0 4px #fff}.tpft-line-text,.tpft-line-text:hover{border-radius:50%;background:#06c755;color:#111315;font-family:Kanit,'Noto Sans Thai',sans-serif;font-size:16px;font-weight:600;line-height:1.2;text-align:center;box-shadow:0 5px 20px #0003}.tpft-line-float img.tpft-line-image{width:100%;height:100%;max-width:100%;object-fit:contain;margin:0;display:block;border:0}.tpft-line-custom{filter:drop-shadow(0 3px 8px #0003)}@media(max-width:549px){.tpft-line-float{width:var(--tp-line-mobile-size,56px);height:var(--tp-line-mobile-size,56px);right:calc(var(--tp-line-mobile-right,16px) + env(safe-area-inset-right,0px));bottom:calc(var(--tp-line-mobile-bottom,88px) + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.tpft-line-float{transition:none}.tpft-line-float:hover{transform:none}}@media print{.tpft-line-float{display:none!important}}