@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Syne:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap');

/* ═══════════════════════════════
   PWR DESIGN SYSTEM v4
═══════════════════════════════ */
:root {
  --green: #95FF77;
  --dark:  #2F3030;
  --bg:    #E7E7E7;
  --white: #FFFFFF;
  --mid:   #BEBEBE;
  --fd: 'Bebas Neue', sans-serif;
  --fb: 'Syne', sans-serif;
  --fm: 'Space Mono', monospace;
}

/* RESET */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);font-family:var(--fb);color:var(--dark);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--dark);text-decoration:none;transition:color .2s}
a:hover{color:var(--green)}
ul{list-style:none}
::selection{background:var(--green);color:var(--dark)}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--dark)}
::-webkit-scrollbar-thumb:hover{background:var(--green)}
h1,h2,h3,h4,h5,h6{font-family:var(--fd);letter-spacing:2px;line-height:1;color:var(--dark)}
p{line-height:1.8}

/* ── SHIPPING BANNER ── */
.pwr-shipping-bar{background:var(--dark);color:var(--white);text-align:center;padding:10px 24px;font-family:var(--fm);font-size:10px;letter-spacing:3px;text-transform:uppercase;position:relative;z-index:1000}
.pwr-shipping-bar span{color:var(--green)}

/* ── HEADER ── */
.pwr-header{position:sticky;top:0;z-index:999;background:var(--bg);border-bottom:3px solid var(--dark)}
.pwr-header-inner{display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:70px;max-width:1440px;margin:0 auto}
.pwr-logo{display:flex;align-items:center;gap:8px;text-decoration:none}
.pwr-logo img{max-height:42px;width:auto}
.pwr-logo-text{font-family:var(--fd);font-size:28px;letter-spacing:5px;color:var(--dark)}
.pwr-logo-badge{font-family:var(--fm);font-size:10px;letter-spacing:2px;background:var(--green);color:var(--dark);padding:3px 8px;border:2px solid var(--dark)}
.pwr-nav-list{display:flex;gap:36px;align-items:center}
.pwr-nav-list li a{font-family:var(--fm);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--dark);padding:4px 0;position:relative}
.pwr-nav-list li a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--green);transition:width .3s}
.pwr-nav-list li a:hover::after,.pwr-nav-list li.current-menu-item a::after{width:100%}
.pwr-header-actions{display:flex;align-items:center;gap:16px}
.pwr-cart-btn{position:relative;display:flex;align-items:center;color:var(--dark);padding:8px;border:2px solid transparent;transition:border-color .2s}
.pwr-cart-btn:hover{border-color:var(--dark);color:var(--dark)}
.pwr-cart-count{position:absolute;top:-2px;right:-2px;background:var(--green);color:var(--dark);font-family:var(--fm);font-size:9px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--dark)}
.pwr-whatsapp-btn{display:flex;align-items:center;gap:6px;font-family:var(--fm);font-size:9px;letter-spacing:2px;background:var(--dark);color:var(--green)!important;padding:8px 14px;border:2px solid var(--dark);transition:all .2s}
.pwr-whatsapp-btn:hover{background:var(--green);color:var(--dark)!important}
.pwr-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.pwr-hamburger span{display:block;width:24px;height:2px;background:var(--dark);transition:all .3s}

/* ── BUTTONS ── */
.pwr-btn{font-family:var(--fd);font-size:17px;letter-spacing:3px;text-transform:uppercase;background:var(--green);color:var(--dark);border:2px solid var(--dark);border-radius:0;padding:13px 32px;display:inline-block;box-shadow:4px 4px 0 var(--dark);cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s,color .15s;text-decoration:none}
.pwr-btn:hover{background:var(--dark);color:var(--green);transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--green)}
.pwr-btn-dark{background:var(--dark);color:var(--green);box-shadow:4px 4px 0 rgba(47,48,48,.3)}
.pwr-btn-dark:hover{background:var(--green);color:var(--dark);box-shadow:6px 6px 0 rgba(47,48,48,.3)}
.pwr-btn-lg{font-size:20px;padding:16px 48px;box-shadow:5px 5px 0 var(--dark)}
.pwr-btn-outline{background:transparent;color:var(--dark);box-shadow:none;border:2px solid var(--dark)}
.pwr-btn-outline:hover{background:var(--dark);color:var(--green);box-shadow:4px 4px 0 var(--green)}

/* ── WOOCOMMERCE GLOBAL ── */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce #payment #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.single_add_to_cart_button{
  font-family:var(--fd)!important;font-size:17px!important;letter-spacing:3px!important;
  background:var(--green)!important;color:var(--dark)!important;
  border:2px solid var(--dark)!important;border-radius:0!important;
  padding:13px 32px!important;box-shadow:4px 4px 0 var(--dark)!important;
  transition:transform .15s,box-shadow .15s,background .15s!important}
.woocommerce a.button:hover,.woocommerce button.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.single_add_to_cart_button:hover{
  background:var(--dark)!important;color:var(--green)!important;
  transform:translate(-2px,-2px)!important;box-shadow:6px 6px 0 var(--green)!important}

/* WOO notices */
.woocommerce-message,.woocommerce-info{background:var(--green)!important;color:var(--dark)!important;border-top-color:var(--dark)!important;border-radius:0!important;font-family:var(--fm)!important;font-size:12px!important;letter-spacing:1px!important}
.woocommerce-error{border-radius:0!important}

/* WOO forms */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{border:2px solid var(--mid)!important;border-radius:0!important;padding:12px 16px!important;font-family:var(--fb)!important;font-size:14px!important;background:var(--white)!important;transition:border-color .2s,box-shadow .2s!important;width:100%!important}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus{border-color:var(--dark)!important;box-shadow:3px 3px 0 var(--green)!important;outline:none!important}
.woocommerce form label{font-family:var(--fm)!important;font-size:10px!important;letter-spacing:2px!important;text-transform:uppercase!important;margin-bottom:6px!important;display:block!important}

/* WOO star ratings */
.woocommerce .star-rating span::before{color:var(--green)!important}

/* WOO breadcrumb */
.woocommerce .woocommerce-breadcrumb{font-family:var(--fm)!important;font-size:9px!important;letter-spacing:3px!important;text-transform:uppercase!important;opacity:.45!important;margin-bottom:24px!important}

/* ── SECTION HELPERS ── */
.pwr-container{max-width:1440px;margin:0 auto;padding:0 60px}
.pwr-sec-label{font-family:var(--fm);font-size:9px;letter-spacing:4px;text-transform:uppercase;opacity:.35;margin-bottom:8px;display:block}
.pwr-sec-title{font-family:var(--fd);font-size:clamp(48px,6vw,80px);line-height:.95;margin:0}
.pwr-sec-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}
.pwr-sec-link{font-family:var(--fm);font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--dark)!important;border-bottom:2px solid var(--dark);padding-bottom:3px;transition:color .2s,border-color .2s}
.pwr-sec-link:hover{color:var(--green)!important;border-color:var(--green)}

/* ── PRODUCT CARDS ── */
.pwr-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
.pwr-product-card{background:var(--white);border:2px solid transparent;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex;flex-direction:column}
.pwr-product-card:hover{border-color:var(--dark);transform:translateY(-6px);box-shadow:0 12px 32px rgba(47,48,48,.12)}
.pwr-product-img{display:block;overflow:hidden;background:#f0f0f0;aspect-ratio:1/1;position:relative}
.pwr-product-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;display:block}
.pwr-product-card:hover .pwr-product-img img{transform:scale(1.06)}
.pwr-product-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:72px}
.pwr-product-badge{position:absolute;top:12px;left:12px;font-family:var(--fm);font-size:8px;letter-spacing:2px;font-weight:700;background:var(--green);color:var(--dark);padding:4px 10px;border:2px solid var(--dark);text-transform:uppercase}
.pwr-product-badge.sale{background:var(--dark);color:var(--green)}
.pwr-product-cat{font-family:var(--fm);font-size:8px;letter-spacing:3px;text-transform:uppercase;opacity:.4;padding:12px 16px 0;display:block}
.pwr-product-title{font-family:var(--fd);font-size:19px;letter-spacing:1px;padding:8px 16px 4px;color:var(--dark);text-decoration:none;display:block;flex-grow:1}
.pwr-product-title:hover{color:var(--dark)}
.pwr-product-price{font-family:var(--fm);font-size:13px;font-weight:700;color:var(--dark);padding:0 16px 10px;display:block}
.pwr-product-price del{opacity:.4;margin-right:6px}
.pwr-product-price ins{text-decoration:none;color:var(--dark)}
.pwr-add-btn{margin:0 16px 16px;display:block;text-align:center;font-family:var(--fd);font-size:15px;letter-spacing:2px;background:var(--green);color:var(--dark)!important;border:2px solid var(--dark);padding:10px 16px;box-shadow:3px 3px 0 var(--dark);transition:all .15s;text-decoration:none;cursor:pointer}
.pwr-add-btn:hover{background:var(--dark);color:var(--green)!important;transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--green)}

/* ── MARQUEE ── */
.pwr-marquee{background:var(--green);border-top:3px solid var(--dark);border-bottom:3px solid var(--dark);overflow:hidden;padding:14px 0}
.pwr-marquee-track{display:flex;animation:marquee 22s linear infinite;white-space:nowrap}
.pwr-marquee-item{font-family:var(--fd);font-size:20px;letter-spacing:5px;color:var(--dark);padding:0 32px;flex-shrink:0}
.pwr-marquee-dot{opacity:.3}

/* ── FOOTER ── */
.pwr-footer{background:var(--dark);border-top:4px solid var(--green);padding:64px 48px 0}
.pwr-footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;max-width:1440px;margin:0 auto;padding-bottom:48px}
.pwr-footer-logo{font-family:var(--fd);font-size:52px;letter-spacing:6px;color:var(--green);line-height:1;margin-bottom:8px}
.pwr-footer-tagline{font-family:var(--fm);font-size:9px;letter-spacing:4px;color:rgba(255,255,255,.3);text-transform:uppercase;margin-bottom:16px}
.pwr-footer-desc{font-size:12px;line-height:1.8;color:rgba(255,255,255,.4);max-width:260px;margin-bottom:20px}
.pwr-footer-social{display:flex;gap:8px;margin-top:4px}
.pwr-footer-social a{font-family:var(--fm);font-size:9px;letter-spacing:2px;text-transform:uppercase;background:rgba(255,255,255,.08);color:rgba(255,255,255,.5)!important;padding:8px 14px;border:1px solid rgba(255,255,255,.12);transition:all .2s}
.pwr-footer-social a:hover{background:var(--green);color:var(--dark)!important;border-color:var(--green)}
.pwr-footer-col h4{font-family:var(--fm);font-size:9px;letter-spacing:4px;text-transform:uppercase;color:var(--green);margin-bottom:20px}
.pwr-footer-col a,.pwr-footer-col span{display:block;font-size:12px;color:rgba(255,255,255,.45);margin-bottom:10px;text-decoration:none;transition:color .2s}
.pwr-footer-col a:hover{color:var(--green)}
.pwr-footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:20px 0;display:flex;justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;font-family:var(--fm);font-size:9px;letter-spacing:3px;color:rgba(255,255,255,.25);flex-wrap:wrap;gap:8px}
.pwr-footer-badges{display:flex;gap:8px}
.pwr-footer-badge{font-family:var(--fm);font-size:8px;letter-spacing:2px;text-transform:uppercase;background:rgba(149,255,119,.1);color:var(--green);padding:4px 10px;border:1px solid rgba(149,255,119,.3)}

/* ── SCROLL REVEAL ── */
.pwr-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.pwr-reveal.in{opacity:1;transform:translateY(0)}

/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}

/* ── MOBILE ── */
@media(max-width:1024px){
  .pwr-products-grid{grid-template-columns:repeat(3,1fr)}
  .pwr-container{padding:0 32px}
  .pwr-header-inner{padding:0 32px}
}
@media(max-width:768px){
  .pwr-header-inner{padding:0 24px}
  .pwr-hamburger{display:flex}
  .pwr-nav{position:fixed;top:70px;left:0;right:0;bottom:0;background:var(--bg);z-index:998;transform:translateX(100%);transition:transform .3s ease;padding:40px 32px;border-top:3px solid var(--dark)}
  .pwr-nav.open{transform:translateX(0)}
  .pwr-nav-list{flex-direction:column;gap:0;align-items:flex-start}
  .pwr-nav-list li{width:100%;border-bottom:1px solid rgba(47,48,48,.1)}
  .pwr-nav-list li a{font-size:14px;display:block;padding:16px 0}
  .pwr-products-grid{grid-template-columns:repeat(2,1fr)}
  .pwr-footer-inner{grid-template-columns:1fr 1fr;gap:32px}
  .pwr-footer{padding:48px 24px 0}
  .pwr-container{padding:0 24px}
  .pwr-sec-header{flex-direction:column;align-items:flex-start;gap:16px}
}
@media(max-width:480px){
  .pwr-products-grid{grid-template-columns:1fr}
  .pwr-footer-inner{grid-template-columns:1fr}
}