/* PPE Superstore header and homepage hero. Everything is scoped to .ppe-x and uses CSS grid,
   so theme styles and Elementor column settings can't change the layout. */
.ppe-x{--y:#FCD917;--yd:#E9C400;--k:#171417;--panel:#1E1B1E;--bg:#EEEFEB;--line:#D6D8D2;--muted:#5F625C;--amber:#9A6B00;
  --head:"Archivo Black","Arial Black",Arial,sans-serif;--body:"Lato","Segoe UI",Arial,sans-serif;--wide:"Montserrat","Segoe UI",Arial,sans-serif;
  font-family:var(--body);color:var(--k);line-height:1.5;font-size:16px;width:100%}
.ppe-x *,.ppe-x *::before,.ppe-x *::after{box-sizing:border-box}
.ppe-x a{color:inherit;text-decoration:none;box-shadow:none}
.ppe-x img{max-width:100%;height:auto;display:block}
.ppe-x h2,.ppe-x h3,.ppe-x h5{font-family:var(--head)!important;font-weight:400!important;text-transform:uppercase;line-height:1.02;margin:0;letter-spacing:-.005em;color:inherit}
.ppe-x p{margin:0}
.ppe-x button{font:inherit;cursor:pointer}
.ppe-wrap{max-width:1280px;margin:0 auto;padding-inline:16px;width:100%}

/* utility bar */
.ppe-util{background:#0E0C0E;color:#CFCFC9;font-size:13px}
.ppe-util .ppe-wrap{display:flex;flex-wrap:wrap;gap:4px 20px;align-items:center;padding-block:7px}
.ppe-util a{font-weight:700}
.ppe-util a:hover{color:var(--y)}
.ppe-util .ppe-bizl{color:var(--y)}
.ppe-util .ppe-sp{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap}

/* logo, search, icons */
.ppe-main{background:#fff;border-bottom:1px solid var(--line)}
.ppe-main .ppe-wrap{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:12px 28px;align-items:center;padding-block:12px}
.ppe-logo img{height:64px;width:auto}
.ppe-searchcol{min-width:0}
.ppe-search{display:flex!important;margin:0;background:var(--bg);border:2px solid var(--k);border-radius:12px;overflow:hidden}
.ppe-search input[type=search]{flex:1;min-width:0;border:0!important;padding:12px 16px!important;font:inherit;background:transparent!important;color:var(--k);box-shadow:none!important;outline:none;height:auto;margin:0;border-radius:0}
.ppe-search button{border:0!important;background:var(--y)!important;color:var(--k)!important;font-family:var(--head)!important;text-transform:uppercase;padding:0 22px!important;font-size:15px;border-radius:0!important;margin:0}
.ppe-search button:hover{background:var(--yd)!important}
.ppe-trend{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted);margin-top:6px}
.ppe-trend a{background:var(--bg);border-radius:999px;padding:2px 10px;font-weight:700;color:var(--k)}
.ppe-trend a:hover{background:var(--y)}
.ppe-icons{display:flex;gap:4px;align-items:center}
.ppe-ic{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;color:var(--k)}
.ppe-ic:hover{background:var(--bg)}
.ppe-badge{position:absolute;top:2px;right:0;background:var(--y);color:var(--k);font-weight:900;font-size:11px;min-width:20px;height:20px;border-radius:10px;display:grid;place-items:center;padding:0 5px;line-height:1}
.ppe-burger{display:none;border:0!important;background:none!important;width:44px;height:44px;border-radius:10px;place-items:center;color:var(--k)!important;padding:0!important}

/* category bar and mega menu */
.ppe-cats{background:var(--k);color:#fff;position:relative;z-index:50}
.ppe-cats .ppe-wrap{display:flex;gap:4px;padding-block:6px;position:relative}
.ppe-mi{position:static}
.ppe-top{display:block;font-family:var(--wide);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:13px;padding:9px 14px;white-space:nowrap;border-radius:8px;color:#fff}
.ppe-mi:hover .ppe-top,.ppe-mi:focus-within .ppe-top{background:var(--y);color:var(--k)}
.ppe-top.ppe-biz{color:var(--y)}
.ppe-mega{position:absolute;left:16px;right:16px;top:100%;margin-top:2px;background:#fff;color:var(--k);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.22);
  padding:22px;display:none;grid-template-columns:minmax(0,1fr) 240px;gap:10px 28px;letter-spacing:0;text-transform:none}
.ppe-mi:hover .ppe-mega,.ppe-mi:focus-within .ppe-mega{display:grid}
.ppe-mega h5{grid-column:1/-1;font-size:20px;margin-bottom:4px}
.ppe-subs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px;align-content:start}
.ppe-subs a{display:flex;justify-content:space-between;gap:8px;font-size:15px;font-weight:700;padding:6px 0;border-bottom:1px solid #F0F1EC}
.ppe-subs a:hover{color:var(--amber);text-decoration:underline}
.ppe-subs a span{font-weight:400;color:var(--muted);font-size:13px}
.ppe-subs a.ppe-all{grid-column:1/-1;border:0;font-weight:900;margin-top:6px}
.ppe-mf{background:var(--bg);border-radius:12px;padding:12px;display:grid;gap:8px;align-content:start}
.ppe-mf .ppe-ph{background:#fff;border-radius:10px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.ppe-mf .ppe-ph img{width:100%;height:100%;object-fit:contain;padding:8%}
.ppe-mf b{font-size:14px;line-height:1.25}
.ppe-mf .ppe-price{font-family:var(--head);font-size:22px}

/* yellow strip */
.ppe-strip{background:var(--y);color:var(--k);font-weight:700;font-size:14px}
.ppe-strip .ppe-wrap{display:flex;flex-wrap:wrap;gap:4px 28px;justify-content:center;padding-block:7px}

/* phone drawer */
.ppe-scrim{position:fixed;inset:0;background:rgba(14,12,14,.6);z-index:9998;opacity:0;pointer-events:none;transition:opacity .25s}
.ppe-drawer{position:fixed;top:0;bottom:0;left:0;width:min(86vw,360px);background:#fff;z-index:9999;transform:translateX(-102%);transition:transform .28s ease;display:flex;flex-direction:column;box-shadow:8px 0 40px rgba(0,0,0,.25)}
.ppe-hdr.ppe-open .ppe-scrim{opacity:1;pointer-events:auto}
.ppe-hdr.ppe-open .ppe-drawer{transform:none}
.ppe-dhead{display:flex;justify-content:space-between;align-items:center;padding:12px 12px 12px 16px;border-bottom:1px solid var(--line)}
.ppe-dhead img{height:40px;width:auto}
.ppe-dhead .ppe-burger{display:grid}
.ppe-dbody{overflow-y:auto;flex:1;padding:8px 0 20px}
.ppe-dacc{display:flex;gap:10px;padding:12px 16px}
.ppe-dacc a{flex:1;text-align:center;padding:11px;border-radius:10px;font-weight:900}
.ppe-dacc .ppe-a1{background:var(--k);color:#fff}
.ppe-dacc .ppe-a2{border:2px solid var(--k)}
.ppe-dsec{font-family:var(--wide);font-weight:600;text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--muted);padding:16px 16px 6px}
.ppe-drawer details{border-bottom:1px solid var(--line);margin:0}
.ppe-drawer summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-family:var(--head);text-transform:uppercase;font-size:16px;cursor:pointer}
.ppe-drawer summary::-webkit-details-marker{display:none}
.ppe-drawer summary::after{content:"+";font-family:var(--body);font-weight:900;font-size:22px;line-height:1}
.ppe-drawer details[open] summary{background:var(--y)}
.ppe-drawer details[open] summary::after{content:"−"}
.ppe-drawer details ul,.ppe-dlinks{list-style:none;margin:0;padding:0}
.ppe-drawer details ul{padding:6px 0 10px;background:var(--bg)}
.ppe-drawer details li a{display:flex;justify-content:space-between;padding:9px 16px 9px 28px;font-size:15px}
.ppe-drawer details li a span{color:var(--muted);font-size:13px}
.ppe-drawer details li a.ppe-all{font-weight:900}
.ppe-dlinks a{display:block;padding:12px 16px;font-weight:700}
.ppe-dlinks .ppe-hl{background:var(--y);margin:0 12px;border-radius:10px;padding:12px}
.ppe-dfoot{border-top:1px solid var(--line);padding:14px 16px;font-size:13px;color:var(--muted)}

@media (max-width:900px){
  .ppe-util .ppe-wrap > a:not(.ppe-bizl),.ppe-util .ppe-sp > a{display:none}
  .ppe-main .ppe-wrap{grid-template-columns:auto 1fr auto}
  .ppe-burger{display:grid}
  .ppe-logo img{height:44px}
  .ppe-searchcol{grid-column:1/-1;grid-row:2}
  .ppe-trend{display:none}
  .ppe-cats .ppe-wrap{overflow-x:auto;scrollbar-width:none}
  .ppe-mega{display:none!important}
}

/* homepage hero */
.ppe-home{background:var(--bg);padding:22px 0 0}
.ppe-h3grid{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}
.ppe-spot{background:var(--k);color:#fff;border-radius:22px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;padding:36px;position:relative;overflow:hidden;align-items:center}
.ppe-spot::after{content:"";position:absolute;right:-90px;bottom:-90px;width:300px;height:300px;border-radius:50%;background:var(--y);opacity:.12;pointer-events:none}
.ppe-eyebrow{font-family:var(--wide);font-weight:600;text-transform:uppercase;letter-spacing:.28em;font-size:12px;color:var(--y)}
.ppe-spot .ppe-h1{font-size:clamp(34px,4.2vw,60px);margin:10px 0 0;color:#fff}
.ppe-spot .ppe-h1 span{color:var(--y)}
.ppe-spot p{color:#CFCFC9;margin:14px 0 18px;max-width:40ch;font-size:17px}
.ppe-pr{margin-bottom:18px}
.ppe-pr .ppe-price,.ppe-pr .ppe-price .amount{font-family:var(--head);font-size:44px;color:#fff;line-height:1}
.ppe-btns{display:flex;flex-wrap:wrap;gap:10px}
.ppe-btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 26px;font-weight:900;font-size:18px;border:2px solid var(--y);background:var(--y);color:var(--k)!important;border-radius:10px;white-space:nowrap}
.ppe-btn:hover{background:var(--yd);border-color:var(--yd)}
.ppe-btn.ppe-ghost{background:transparent;color:#fff!important;border-color:#fff}
.ppe-spot-img{background:#fff;border-radius:16px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;z-index:1}
.ppe-spot-img img{width:100%;height:100%;object-fit:contain;padding:6%}
.ppe-stack{display:grid;gap:16px;min-width:0}
.ppe-tile{border-radius:22px;padding:26px;display:grid;gap:10px;align-content:space-between}
.ppe-tile h3{font-size:26px}
.ppe-tile.ppe-k{background:#2A262B;color:#fff}
.ppe-tile.ppe-k p{color:#CFCFC9}
.ppe-tile.ppe-y{background:var(--y);color:var(--k)}
.ppe-tile.ppe-y .ppe-eyebrow{color:var(--k)}
.ppe-go{font-weight:900}
.ppe-usp{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:14px}
.ppe-usp > div{background:#fff;border-radius:14px;padding:16px;display:flex;gap:12px;align-items:center;line-height:1.25;font-size:14px;color:var(--muted)}
.ppe-usp b{display:block;color:var(--k);font-size:16px;font-weight:900}
.ppe-usp svg{flex:none;background:var(--y);color:var(--k);border-radius:10px;padding:8px;width:40px;height:40px}
@media (max-width:1100px){.ppe-usp{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:960px){.ppe-h3grid{grid-template-columns:1fr}.ppe-spot{grid-template-columns:1fr;padding:24px}.ppe-stack{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.ppe-stack,.ppe-usp{grid-template-columns:1fr}.ppe-subs{grid-template-columns:1fr 1fr}}

/* the theme's "Home" page title above the hero */
.home .entry-title,.home .page-title,.home h1.entry-title,.home .page-header,.home .entry-header{display:none!important}

/* The plugin prints its own header at the top of the page; hide the theme's and Elementor's headers */
.ppe-own-header [data-elementor-type="header"],.ppe-own-header .elementor-location-header,
.ppe-own-header #masthead,.ppe-own-header header.site-header,.ppe-own-header .site-header,.ppe-own-header #site-header,
.ppe-own-header .ppe-hdr:not(#ppe-site-header){display:none!important}
.ppe-own-header #ppe-site-header{display:block!important;position:relative;z-index:1000}