/*
Theme Name: P&P Global Trading
Theme URI: https://ppglobaltrading.com/
Author: P&P Global Trading
Description: ธีม WordPress สำหรับเว็บไซต์อุปกรณ์โซลาร์เซลล์ แก้ไขหน้า เมนู และสินค้าได้จากหลังบ้าน รองรับ Gutenberg และ Elementor
Version: 2.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: pp-global
*/

html { scroll-behavior: smooth; }
body { margin: 0; }
.site-header .nav-links > li { list-style:none; position:relative; }
.site-header .nav-links > li > a { display:block; padding:10px 9px; color:inherit; text-decoration:none; }
.site-header .nav-links .sub-menu { display:none; position:absolute; z-index:100; top:100%; left:0; min-width:260px; padding:10px; margin:0; background:#fff; border-radius:12px; box-shadow:0 14px 35px rgba(17,37,77,.16); }
.site-header .nav-links li:hover > .sub-menu,.site-header .nav-links li:focus-within > .sub-menu { display:block; }
.site-header .nav-links .sub-menu li { list-style:none; }
.site-header .nav-links .sub-menu a { display:block; padding:9px 12px; color:#11254d; text-decoration:none; border-radius:7px; }
.site-header .nav-links .sub-menu a:hover { background:#f1f6ff; }
.custom-logo-link img { width:auto; max-height:72px; }
.site-header{border-bottom:4px solid #dba72e}
.site-header .nav{max-width:none;width:100%;min-height:92px;padding:0 40px;box-sizing:border-box}
.site-header .brand{flex:0 0 auto}
.site-header .brand img{display:block;width:auto;height:72px;max-width:390px;object-fit:contain}
.site-header .nav-links{justify-content:center;flex:1;gap:5px}
.site-header .nav-links>li>a{font-size:15px;padding:14px 12px}
.wp-site-content { min-height:55vh;margin:0!important;padding:0!important; }
.wp-editor-content { padding: 42px 20px 72px; }
.wp-editor-content > * { max-width: 1180px; margin-left: auto; margin-right: auto; }
.wp-editor-content .alignwide { max-width: 1320px; }
.wp-editor-content .alignfull { max-width: none; }
.pp-page-title { color: #11254d; margin: 0 auto 24px; }
.pp-product-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(245px,1fr)); gap:22px; }
.pp-product-card { background:#fff; border:1px solid #e8edf4; border-radius:16px; overflow:hidden; box-shadow:0 8px 24px rgba(17,37,77,.07); }
.pp-product-card img { width:100%; height:210px; object-fit:contain; background:#fff; }
.pp-product-card__body { padding:18px; }
.pp-product-card h2 { font-size:18px; margin:0 0 8px; }
.pp-product-card__meta { color:#667085; font-size:14px; margin-bottom:14px; }
.pp-button { display:inline-block; padding:10px 16px; background:#0b5ed7; color:#fff!important; border-radius:8px; text-decoration:none; }
.pp-product-detail { display:grid; grid-template-columns:minmax(280px,1fr) 1.2fr; gap:42px; }
.pp-product-detail img { width:100%; max-height:460px; object-fit:contain; }
.pp-spec-table { width:100%; border-collapse:collapse; margin:20px 0; }
.pp-spec-table td { padding:10px 12px; border-bottom:1px solid #e5e7eb; }
.pp-spec-table td:first-child { color:#667085; width:45%; }

/* Homepage responsive hero with a continuous light sweep */
.home .wp-site-content>*{margin-block-start:0!important;margin-block-end:0!important}
.pp-responsive-hero{position:relative;isolation:isolate;overflow:hidden;background:#f7faff;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;width:100%!important;max-width:none!important}
.pp-responsive-hero picture,.pp-responsive-hero img{display:block;width:100%}
.pp-responsive-hero picture{margin:0!important;padding:0!important}
.pp-responsive-hero img{height:auto;object-fit:cover;margin:0!important;border:0!important;border-radius:0!important}
.pp-responsive-hero::after{
  content:"";position:absolute;z-index:2;top:-45%;bottom:-45%;left:-55%;width:28%;
  pointer-events:none;transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 22%,rgba(255,255,255,.78) 50%,rgba(255,255,255,.12) 78%,transparent 100%);
  filter:blur(7px);mix-blend-mode:screen;
  animation:pp-hero-light-sweep 5.8s cubic-bezier(.4,0,.2,1) infinite;
}
.pp-responsive-hero::before{
  content:"";position:absolute;z-index:2;right:7%;top:14%;width:90px;height:90px;border-radius:50%;
  pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(135,205,255,.34) 18%,transparent 68%);
  animation:pp-hero-glint 3.1s ease-in-out infinite;
}
@keyframes pp-hero-light-sweep{0%,18%{left:-55%;opacity:0}28%{opacity:.85}66%{opacity:.7}78%,100%{left:132%;opacity:0}}
@keyframes pp-hero-glint{0%,100%{transform:scale(.55);opacity:.18}48%{transform:scale(1.16);opacity:.8}62%{transform:scale(.82);opacity:.35}}
.pp-hero-contact-strip{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;padding:14px 20px;margin:0!important;background:#072f77;color:#fff;font-weight:700}
.pp-hero-contact-strip a{color:#fff;text-decoration:none}
.pp-hero-contact-strip a:hover{text-decoration:underline}
@media(max-width:1100px){.site-header .nav{padding-inline:22px}.site-header .brand img{height:58px;max-width:260px}.site-header .nav-links>li>a{font-size:13px;padding-inline:7px}}
@media(max-width:900px){.site-header .nav{min-height:70px}.site-header .brand img{height:50px;max-width:220px}}
@media(max-width:767px){.site-header .nav{padding-inline:14px}.site-header .brand img{height:44px;max-width:180px}.pp-hero-contact-strip{gap:8px 18px;padding:12px 14px;font-size:14px}.pp-responsive-hero::before{width:56px;height:56px;right:8%;top:41%}}
@media(prefers-reduced-motion:reduce){.pp-responsive-hero::after,.pp-responsive-hero::before{animation:none;display:none}}
@media(max-width:900px){.site-header .nav-links .sub-menu{position:static;box-shadow:none;padding-left:16px}.site-header .nav-links li.open>.sub-menu{display:block}}
@media(max-width:760px){.pp-product-detail{grid-template-columns:1fr}.wp-editor-content{padding-top:28px}}

/* Responsive reference matrix: 13 screen profiles */
img,video,iframe{max-width:100%;height:auto}
.container,.wp-editor-content{width:min(100% - 40px,1180px);box-sizing:border-box;margin-inline:auto}
.wp-editor-content{overflow-wrap:anywhere}
.pp-spec-table{display:table;max-width:100%}

/* 01 — compact mobile: 320–359px */
@media (max-width:359px){
  .container,.wp-editor-content{width:calc(100% - 24px)}
  .wp-editor-content{padding-inline:0}
  .pp-page-title{font-size:28px;line-height:1.25}
  .pp-product-grid{grid-template-columns:1fr;gap:14px}
  .pp-product-card img{height:175px}
  .pp-button{display:block;text-align:center;width:100%;box-sizing:border-box}
  .pp-spec-table{display:block;overflow-x:auto;font-size:13px}
}
/* 02 — mobile: 360–374px */
@media (min-width:360px) and (max-width:374px){
  .container,.wp-editor-content{width:calc(100% - 28px)}
  .pp-product-grid{grid-template-columns:1fr;gap:16px}
  .pp-product-card img{height:185px}
  .pp-page-title{font-size:29px}
}
/* 03 — mobile: 375–389px */
@media (min-width:375px) and (max-width:389px){
  .container,.wp-editor-content{width:calc(100% - 30px)}
  .pp-product-grid{grid-template-columns:1fr;gap:16px}
  .pp-product-card img{height:195px}
}
/* 04 — mobile: 390–413px */
@media (min-width:390px) and (max-width:413px){
  .container,.wp-editor-content{width:calc(100% - 32px)}
  .pp-product-grid{grid-template-columns:1fr;gap:18px}
  .pp-product-card img{height:205px}
}
/* 05 — large mobile: 414–479px */
@media (min-width:414px) and (max-width:479px){
  .container,.wp-editor-content{width:calc(100% - 36px)}
  .pp-product-grid{grid-template-columns:1fr;gap:18px}
  .pp-product-card img{height:220px}
}
/* 06 — small tablet / landscape mobile: 480–767px */
@media (min-width:480px) and (max-width:767px){
  .container,.wp-editor-content{width:calc(100% - 40px)}
  .pp-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .pp-product-card img{height:185px}
  .pp-product-card__body{padding:15px}
}
/* 07 — tablet portrait: 768–819px */
@media (min-width:768px) and (max-width:819px){
  .container,.wp-editor-content{width:calc(100% - 48px)}
  .pp-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pp-product-detail{grid-template-columns:1fr 1.05fr;gap:28px}
}
/* 08 — large tablet: 820–1023px */
@media (min-width:820px) and (max-width:1023px){
  .container,.wp-editor-content{width:calc(100% - 56px)}
  .pp-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .pp-product-card img{height:185px}
  .pp-product-detail{gap:32px}
}
/* 09 — small laptop: 1024–1279px */
@media (min-width:1024px) and (max-width:1279px){
  .container,.wp-editor-content{width:calc(100% - 64px);max-width:1120px}
  .pp-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .site-header .nav-links>li>a{padding-inline:7px;font-size:14px}
}
/* 10 — laptop: 1280–1365px */
@media (min-width:1280px) and (max-width:1365px){
  .container,.wp-editor-content{max-width:1180px}
  .pp-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* 11 — common desktop: 1366–1439px */
@media (min-width:1366px) and (max-width:1439px){
  .container,.wp-editor-content{max-width:1240px}
  .pp-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* 12 — wide desktop: 1440–1919px */
@media (min-width:1440px) and (max-width:1919px){
  .container,.wp-editor-content{max-width:1320px}
  .pp-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
  .pp-product-card img{height:230px}
}
/* 13 — full HD and larger: 1920px+ */
@media (min-width:1920px){
  .container,.wp-editor-content{max-width:1480px}
  .pp-product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}
  .pp-product-card img{height:240px}
  .wp-editor-content{font-size:17px}
}

/* Final navigation, mega menu, footer and smart contact */
.pp-nav-wrap{width:100%;min-height:94px;padding:0 34px;display:flex;align-items:center;gap:24px;box-sizing:border-box}.pp-nav-wrap .brand img{width:300px;height:72px;object-fit:contain}.pp-main-nav{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}.pp-main-nav>a,.pp-main-nav button{border:0;background:none;color:#fff;font:700 13px Sarabun,sans-serif;padding:14px 8px;white-space:nowrap;text-decoration:none;cursor:pointer}.pp-main-nav>a:hover,.pp-main-nav button:hover{color:#f3b72d}.pp-mega,.pp-news-menu{position:relative}.pp-mega-panel{display:none;position:absolute;z-index:300;top:100%;left:50%;transform:translateX(-35%);width:min(760px,90vw);grid-template-columns:repeat(3,1fr);gap:22px;padding:20px;background:#fff;border-radius:0 0 15px 15px;box-shadow:0 20px 45px rgba(5,28,72,.24)}.pp-mega:hover .pp-mega-panel,.pp-mega:focus-within .pp-mega-panel{display:grid}.pp-mega-panel b{display:block;color:#a26b10;border-bottom:1px solid #e7ebf3;padding:5px 8px 11px}.pp-mega-panel a,.pp-submenu a{display:block;padding:9px 8px;color:#163b78;text-decoration:none;font-weight:600}.pp-mega-panel a:hover,.pp-submenu a:hover{background:#f3f6fc}.pp-mega-all{grid-column:1/-1;text-align:center;border-top:1px solid #e7ebf3}.pp-submenu{display:none;position:absolute;z-index:300;top:100%;right:0;width:290px;padding:10px;background:#fff;border-radius:0 0 12px 12px;box-shadow:0 18px 38px rgba(5,28,72,.22)}.pp-news-menu:hover .pp-submenu,.pp-news-menu:focus-within .pp-submenu{display:block}.pp-nav-social{display:flex;gap:9px;align-items:center}.pp-nav-social>a{width:46px;height:46px;border:2px solid #dba72e;border-radius:50%;display:grid;place-items:center;color:#f1b72b;text-decoration:none;font-size:12px;font-weight:800}.pp-full-footer{margin:0!important;padding:48px 0 18px!important;background:linear-gradient(135deg,#123a80,#062760)!important;color:#fff}.pp-footer-grid{width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.15fr 1.3fr .85fr 1.2fr;gap:34px}.pp-full-footer h3{color:#fff;margin:0 0 16px}.pp-full-footer p,.pp-full-footer li{color:#d7e3f6;font-size:13px;line-height:1.75}.pp-full-footer ul{list-style:none;padding:0;margin:0}.pp-full-footer a{color:#fff;text-decoration:none}.pp-full-footer a:hover{color:#f3b72d}.pp-footer-logo{width:250px;height:76px;object-fit:contain}.pp-footer-social{display:flex;gap:9px}.pp-footer-social a{width:34px;height:34px;border-radius:50%;background:#fff;color:#123a80;display:grid;place-items:center;font-weight:800}.pp-footer-bottom{width:min(1180px,calc(100% - 40px));margin:28px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.25);text-align:center;color:#d7e3f6;font-size:12px}.pp-smart-icons{position:fixed;z-index:500;right:18px;bottom:24px;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.pp-smart-icons>a:not(.smart-consult){width:52px;height:52px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:20px;box-shadow:0 4px 13px rgba(0,0,0,.25);position:relative}.pp-smart-icons>a:not(.smart-consult)::before{content:attr(data-label);position:absolute;right:62px;background:#082b68;padding:6px 9px;border-radius:6px;font-size:11px;white-space:nowrap;opacity:0;transition:.2s}.pp-smart-icons>a:hover::before{opacity:1}.smart-phone{background:#2e8de6}.smart-line{background:#08b900}.smart-facebook{background:#287bd5}.smart-tiktok{background:#ef4d6a}.pp-smart-icons .smart-consult{padding:11px 18px;border-radius:28px;background:#176f2a;color:#fff;text-decoration:none;font-weight:700}.nav-hamburger{display:none}
@media(max-width:1180px){.pp-nav-wrap{padding:0 18px}.pp-nav-wrap .brand img{width:220px}.pp-main-nav>a,.pp-main-nav button{font-size:12px;padding-inline:5px}}
@media(max-width:960px){.pp-nav-wrap{min-height:72px}.pp-nav-wrap .brand img{width:190px;height:55px}.nav-hamburger{display:block}.pp-main-nav{display:none;position:absolute;z-index:400;top:72px;left:0;right:0;background:#0b3276;padding:12px;flex-direction:column;align-items:stretch}.pp-main-nav.open{display:flex}.pp-main-nav>a,.pp-main-nav button{text-align:left;padding:12px}.pp-mega-panel,.pp-submenu{position:static;transform:none;width:auto;box-shadow:none;border-radius:8px}.pp-mega:focus-within .pp-mega-panel{grid-template-columns:1fr}.pp-footer-grid{grid-template-columns:1fr 1fr}.pp-smart-icons{right:10px;bottom:12px}.pp-smart-icons>a:not(.smart-consult){width:44px;height:44px}.pp-smart-icons .smart-consult{font-size:12px;padding:9px 13px}}
@media(max-width:600px){.pp-nav-social>a{display:none}.pp-nav-wrap{padding:0 12px}.pp-footer-grid{grid-template-columns:1fr}.pp-footer-logo{width:220px}.pp-smart-icons>a:not(.smart-consult){width:40px;height:40px;font-size:16px}.pp-smart-icons .smart-consult{display:none}}
.pp-catalog-layout{display:grid;grid-template-columns:230px 1fr;gap:28px}.pp-filter-sidebar{align-self:start;position:sticky;top:110px;padding:18px;background:#fff;border:1px solid #dce4f2;border-radius:14px}.pp-filter-sidebar h3{font-size:15px;color:#143872;margin:14px 0 7px}.pp-filter-sidebar button{width:100%;margin:4px 0;padding:9px 12px;border:1px solid #d8e1f0;border-radius:22px;background:#f8faff;color:#3b465c;text-align:left;font-weight:600;cursor:pointer}.pp-filter-sidebar button.active{background:#123a80;color:#fff}@media(max-width:760px){.pp-catalog-layout{grid-template-columns:1fr}.pp-filter-sidebar{position:static}.pp-catalog-layout .pp-product-grid{grid-template-columns:1fr}}
.pp-smart-icons .pp-smart-stack{display:flex;flex-direction:column;align-items:flex-end;gap:8px;opacity:0;visibility:hidden;transform:translateY(18px) scale(.9);transform-origin:bottom right;transition:.25s}.pp-smart-icons.open .pp-smart-stack{opacity:1;visibility:visible;transform:none}.pp-smart-stack>a{width:52px;height:52px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:20px;box-shadow:0 4px 13px rgba(0,0,0,.25);position:relative}.pp-smart-stack>a::before{content:attr(data-label);position:absolute;right:62px;background:#082b68;padding:6px 9px;border-radius:6px;font-size:11px;white-space:nowrap;opacity:0;transition:.2s}.pp-smart-stack>a:hover::before{opacity:1}.pp-smart-icons .smart-consult{border:0;cursor:pointer;font-family:inherit;box-shadow:0 5px 16px rgba(0,0,0,.2)}.pp-nav-wrap .brand,.pp-footer-logo{background:transparent!important;border:0!important;box-shadow:none!important}@media(max-width:600px){.pp-smart-stack>a{width:42px;height:42px;font-size:16px}.pp-smart-icons .smart-consult{display:block}}