/* ============================================================
   Solar Repairs shop design: single product page, product cards,
   trust bar and help band. Loads after woocommerce.css.
   Tokens from DESIGN.md (Open Design export, 2026-09-13).
   ============================================================ */
:root{--brand-orange:#F5612F;--orange-cta:#CC4418;--orange-tint:#FEF0EA;--ink:#1F1D1D;--charcoal:#2B2929;--muted:#676464;--line:#E7E2DC;--canvas:#FAF9F7;--tile:#F3F0EB;--white:#FFFFFF}
html{scroll-behavior:smooth}

/* Headings in the design's type: the site's h2/h3 are Bebas Neue, the shop design uses Poppins */
.pwd-section>h2,.pwd-section h3,.pwd-help h2,.woocommerce div.product .related.products h2,.woocommerce div.product .summary .product_title,.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce .woocommerce-products-header__title{font-family:Poppins,sans-serif!important}

/* --- Buttons shared by the buy box and help band --- */
.pwd-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:8px;border:1px solid var(--line);background:var(--white);color:var(--charcoal);font-size:15px;font-weight:600;line-height:1.5;letter-spacing:.02em;text-decoration:none;transition:background .2s,box-shadow .2s}
.pwd-btn:hover,.pwd-btn:focus{text-decoration:none}
.pwd-btn-primary{background:var(--orange-cta);border-color:var(--orange-cta);color:var(--white)}
.pwd-btn-primary:hover,.pwd-btn-primary:focus{background:#B33A12;color:var(--white)}
.pwd-btn-secondary{border-color:var(--charcoal)}
.pwd-btn-secondary:hover,.pwd-btn-secondary:focus{background:var(--tile);color:var(--charcoal)}
.pwd-text-link{color:var(--charcoal);text-decoration:underline}
.pwd-text-link:hover{color:var(--orange-cta)}

/* --- Trust bar under the header --- */
.pwd-trust{background:var(--tile);border-bottom:1px solid var(--line)}
.pwd-trust-row{display:flex;justify-content:space-between;gap:28px;padding:11px 0;font-size:13px;white-space:nowrap;overflow-x:auto}
.pwd-trust span{display:flex;align-items:center;gap:8px;flex-shrink:0}
.pwd-trust svg{width:17px;height:17px;fill:none;stroke:var(--orange-cta);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* --- Help band --- */
.pwd-help{background:var(--tile);padding-top:48px;padding-bottom:48px}
.pwd-help .l-section-h{display:flex;justify-content:space-between;align-items:center;gap:48px}
.pwd-help h2{font-size:28px;line-height:36px;font-weight:600;letter-spacing:-.02em;margin:0;color:var(--ink)}
.pwd-help p{max-width:630px;margin:12px 0 0;color:var(--muted)}
.pwd-help-actions{min-width:350px;display:flex;gap:12px;flex-wrap:wrap}
.pwd-help-actions .pwd-text-link{width:100%;font-size:12px;text-align:center}

/* --- Product page layout: gallery + buy box, everything else full width --- */
.woocommerce div.product{display:grid;grid-template-columns:1fr 1fr;gap:40px 64px}
.woocommerce div.product::before,.woocommerce div.product::after{display:none}
.woocommerce div.product>*{grid-column:1/-1;min-width:0}
.woocommerce div.product>.woocommerce-product-gallery,.woocommerce div.product>.summary{grid-column:auto;width:auto!important;float:none!important;margin:0!important}
.woocommerce div.product .woocommerce-breadcrumb{padding:8px 0 24px!important}

/* Gallery tile */
.woocommerce div.product .woocommerce-product-gallery{background:var(--tile);border-radius:12px;padding:48px!important;min-height:540px;display:flex;align-items:center;justify-content:center}
.woocommerce div.product .woocommerce-product-gallery__wrapper{width:100%;max-width:390px;margin:0}
.woocommerce div.product .woocommerce-product-gallery__image,.woocommerce div.product .woocommerce-product-gallery__image img{background:transparent!important;padding:0!important;border-radius:0!important}
.woocommerce div.product .woocommerce-product-gallery__image img{width:100%;height:auto;mix-blend-mode:multiply}

/* Buy box */
.pwd-brand{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}
.woocommerce div.product .summary .product_title{margin:0 0 12px!important}
.pwd-chips{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 8px}
.pwd-chips span{font-size:12px;line-height:1.5;padding:3px 9px;background:var(--canvas);border:1px solid var(--line);border-radius:999px;color:var(--charcoal)}
.woocommerce div.product .summary p.price{margin:20px 0 4px!important}
.woocommerce div.product .summary p.stock{font-size:13px;color:var(--charcoal);margin:0 0 16px;display:flex;align-items:center;gap:6px}
.woocommerce div.product .summary p.stock::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--charcoal)}
.pwd-install-note{font-size:12px;color:var(--muted);margin:0 0 12px!important}
.woocommerce div.product form.cart{display:flex;gap:12px;align-items:stretch;margin:0 0 12px!important}
.woocommerce div.product form.cart .quantity{display:flex;align-items:center;float:none;margin:0!important;border:1px solid var(--line);border-radius:8px;background:var(--white)}
.woocommerce div.product form.cart .quantity .qty{width:44px;border:0!important;min-height:42px!important;padding:0!important;text-align:center;background:transparent;-moz-appearance:textfield;appearance:textfield}
.woocommerce div.product form.cart .quantity .qty::-webkit-inner-spin-button,.woocommerce div.product form.cart .quantity .qty::-webkit-outer-spin-button{display:none}
.pwd-qty{border:0;background:none;padding:0 12px;min-height:42px;font-size:16px;line-height:1;color:var(--charcoal);cursor:pointer}
.pwd-qty:hover{color:var(--orange-cta)}
.woocommerce div.product form.cart .single_add_to_cart_button{flex:1;margin:0!important}
#pwd-installed .pwd-btn{width:100%}
.pwd-call{font-size:13px;margin:16px 0!important;color:var(--charcoal)}
.pwd-call a{color:var(--charcoal);text-decoration:underline}
.pwd-mini-trust{list-style:none;margin:0!important;padding:16px 0 0!important;border-top:1px solid var(--line);font-size:12px;line-height:2.1}
.pwd-mini-trust li{margin:0;padding:0}
.pwd-mini-trust li::before{content:'\2713';margin-right:10px;color:var(--orange-cta)}

/* Key facts strip */
.pwd-facts{display:grid;grid-template-columns:repeat(var(--pwd-facts,4),minmax(0,1fr));background:var(--white);border:1px solid var(--line);border-radius:12px;padding:24px;margin:0}
.pwd-facts>div{padding:0 24px;border-right:1px solid var(--line);min-width:0}
.pwd-facts>div:last-child{border:0}
.pwd-facts span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.pwd-facts strong{font-size:16px;font-weight:500;color:var(--ink);overflow-wrap:anywhere}

/* Section nav + stacked sections */
.pwd-subnav{display:flex;gap:32px;position:sticky;top:var(--header-sticky-height,0px);background:var(--canvas);border-bottom:1px solid var(--line);z-index:10}
.pwd-subnav a{padding:18px 0;font-weight:500;color:var(--charcoal);text-decoration:none}
.pwd-subnav a:hover,.pwd-subnav a:focus{color:var(--orange-cta);box-shadow:inset 0 -2px var(--brand-orange)}
.pwd-section{padding:40px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;scroll-margin-top:calc(var(--header-sticky-height,0px) + 80px)}
.pwd-section>h2{font-size:28px;line-height:36px;font-weight:600;letter-spacing:-.02em;margin:0;color:var(--ink)}
.pwd-section>div{min-width:0}
.pwd-section p{max-width:75ch;margin:0 0 16px}
.pwd-section h3{font-size:18px;line-height:26px;font-weight:600;margin:0 0 12px;color:var(--ink)}
.pwd-spec-group+.pwd-spec-group{margin-top:24px}
.pwd-spec-table{width:100%;border-collapse:collapse;margin:0 0 16px;border:0}
.pwd-spec-table th,.pwd-spec-table td{text-align:left;padding:12px 16px;font-size:14px;font-weight:400;border:0;overflow-wrap:anywhere;background:transparent}
.pwd-spec-table tr:nth-child(odd) th,.pwd-spec-table tr:nth-child(odd) td{background:var(--tile)}
.pwd-spec-table td{font-weight:500}
.pwd-features{list-style:none;padding:0;margin:24px 0 0}
.pwd-features li{margin-bottom:20px}
.pwd-note{font-size:12px;color:var(--muted)}
.pwd-section .woocommerce-Reviews-title{display:none}
.pwd-section .woocommerce-noreviews{font-size:18px;font-weight:600;color:var(--ink)}
.pwd-section #reviews .comment-reply-title{font-size:18px;font-weight:600;display:block;margin-bottom:12px}
.pwd-section #reviews .must-log-in{font-size:14px}

/* Similar systems */
.woocommerce div.product section.related{padding:48px 0 0;margin:0}
.woocommerce .related.products h2{font-size:28px!important;line-height:36px!important;margin-bottom:24px!important}

/* Product cards: left aligned, brand + chips + stock + installed link */
.woocommerce ul.products li.product{text-align:left!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce .l-section.for_shop ul.products li.product .woocommerce-loop-product__title{font-size:15px!important;line-height:22px!important;font-weight:600!important;min-height:44px;margin:0!important}
.woocommerce ul.products li.product .pwd-brand{margin-bottom:6px}
.woocommerce ul.products li.product .pwd-chips{margin:12px 0}
.woocommerce ul.products li.product .pwd-chips span{font-size:10px;padding:3px 7px}
.woocommerce ul.products li.product .price,.woocommerce .l-section.for_shop ul.products li.product .price{font-size:20px!important;margin:auto 0 0!important}
.woocommerce ul.products li.product .pwd-stock{font-size:11px;margin:3px 0 14px;display:flex;align-items:center;gap:6px;color:var(--charcoal)}
.woocommerce ul.products li.product .pwd-stock::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--charcoal)}
.woocommerce ul.products li.product .pwd-installed{display:block;text-align:center;font-size:13px;line-height:1.5;padding-top:10px;min-height:44px;color:var(--charcoal);text-decoration:underline}
.woocommerce ul.products li.product .pwd-installed:hover{color:var(--orange-cta)}

/* --- Responsive --- */
@media(max-width:1023px){
  .woocommerce div.product{gap:32px}
  .woocommerce div.product .woocommerce-product-gallery{min-height:450px;padding:32px!important}
  .pwd-section{grid-template-columns:180px minmax(0,1fr)}
  .pwd-help .l-section-h{flex-direction:column;align-items:flex-start;gap:24px}
}
@media(max-width:600px){
  .pwd-trust-row{font-size:12px}
  .woocommerce div.product{grid-template-columns:1fr;gap:24px}
  .woocommerce div.product .woocommerce-product-gallery{min-height:0;padding:32px!important}
  .woocommerce div.product .woocommerce-product-gallery__wrapper{max-width:260px}
  .pwd-facts{grid-template-columns:1fr 1fr;gap:24px;padding:20px}
  .pwd-facts>div{padding:0;border:0}
  .pwd-facts strong{font-size:14px}
  .pwd-subnav{gap:24px;overflow-x:auto;white-space:nowrap;font-size:12px}
  .pwd-section{display:block;padding:28px 0}
  .pwd-section>h2{font-size:24px;margin-bottom:20px}
  .pwd-spec-table th,.pwd-spec-table td{padding:12px 8px;font-size:12px}
  .pwd-help{padding-top:32px;padding-bottom:32px}
  .pwd-help h2{font-size:24px;line-height:1.3}
  .pwd-help-actions{min-width:0;width:100%;display:grid;grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}