/* BuySheds product-page upgrade: 17 October 2026.
   Styling and visual enhancements only; catalogue options, basket and checkout remain untouched. */
body.storefront-buysheds {
  --bs-purchase-green:#184e3c;
  --bs-purchase-green-hover:#103e30;
  --bs-purchase-gold:#e9c47b;
  --bs-purchase-gold-hover:#f1cf8c;
  --bs-purchase-sage:#f1f6ef;
}

/* Coherent and lighter photo/purchase cards */
body.storefront-buysheds .product-page-rich .product-layout-rich{
  gap:21px;
  align-items:stretch;
}
body.storefront-buysheds .product-page-rich .product-layout-rich > .gallery,
body.storefront-buysheds .product-page-rich .product-layout-rich > .buy-panel{
  border:1px solid #dce6df!important;
  border-radius:14px!important;
  box-shadow:0 5px 17px rgba(31,66,47,.055)!important;
  background:#fff!important;
}
body.storefront-buysheds .product-page-rich .product-layout-rich > .buy-panel{
  border-top:3px solid #d8e6db!important;
  padding:24px!important;
}
body.storefront-buysheds .buy-panel .product-price-rich{
  color:#173e31!important;font-size:clamp(32px,3vw,43px);
  font-weight:850;letter-spacing:-.035em;
}
body.storefront-buysheds .product-page-rich .buy-panel .payment-box{
  background:#fff9f3!important;color:#36463d!important;
  border:1px solid #edcbb4!important;border-left:4px solid #de9350!important;
  border-radius:9px!important;
  line-height:1.52!important;
  padding:13px 15px!important;
}

/* One complete, accessible click target for choosing extras */
body.storefront-buysheds .product-page-rich .seo-upgrade-guidance{
  padding:0!important;
  margin:13px 0 14px!important;
  border:1px solid #acc8ae!important;border-radius:11px!important;
  background:#f0f5ee!important;
  overflow:hidden;box-shadow:none!important;
}
body.storefront-buysheds .product-page-rich .seo-upgrade-guidance .bs-extras-cta{
  display:flex!important;align-items:center;gap:13px;
  min-height:82px;width:100%;
  padding:15px 17px;text-decoration:none!important;
  color:#174b3a!important;cursor:pointer;
  transition:background-color .16s ease;
}
body.storefront-buysheds .product-page-rich .seo-upgrade-guidance .bs-extras-cta:hover{
  background:#e2ede1!important;
}
body.storefront-buysheds .product-page-rich .seo-upgrade-guidance .bs-extras-cta:focus-visible{
  outline:3px solid #c38a45;outline-offset:-3px;
}
body.storefront-buysheds .bs-extras-icon{
  display:flex;align-items:center;justify-content:center;
  width:42px;height:42px;flex:0 0 42px;
  border-radius:10px;
  background:#e0ece0;color:#184e3c;
}
body.storefront-buysheds .bs-extras-icon svg{display:block;width:23px;height:23px;stroke:currentColor}
body.storefront-buysheds .bs-extras-text{display:grid;gap:4px;flex:1;min-width:0}
body.storefront-buysheds .bs-extras-text strong{
  font-size:16px;font-weight:850;line-height:1.2;color:#174b3a;
}
body.storefront-buysheds .bs-extras-text small{
  margin:0!important;color:#567064!important;font-size:12px;line-height:1.4;
}
body.storefront-buysheds .bs-extras-chevron{
  display:flex;align-items:center;justify-content:center;flex:0 0 24px;color:#20553f
}
body.storefront-buysheds .bs-extras-chevron svg{width:22px;height:22px;stroke:currentColor;stroke-width:2.3;fill:none}

/* Primary sales buttons: confident forest green + warm gold */
body.storefront-buysheds .product-master .buy-panel .qty-row{
  column-gap:10px!important;row-gap:10px!important;
}
body.storefront-buysheds .product-master .buy-panel .qty-row>label{
  color:#243b30!important;font-size:12px!important;font-weight:800!important;
}
body.storefront-buysheds .product-master .buy-panel .qty-row input{
  border:1px solid #d5e0d8!important;border-radius:10px!important;
  background:#fff!important;color:#1b3d2f!important;
  font-size:16px!important;
}
body.storefront-buysheds .product-master .buy-panel .qty-row > #seoAddProduct,
body.storefront-buysheds .product-master .buy-panel .qty-row > #addProduct,
body.storefront-buysheds .product-master #configuredAddToBasket{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:9px!important;min-height:52px!important;padding:12px 13px!important;
  background:var(--bs-purchase-green)!important;
  border:1px solid var(--bs-purchase-green)!important;
  border-radius:10px!important;color:#fff!important;
  font-size:15px!important;font-weight:850!important;
  box-shadow:none!important;text-decoration:none!important;
}
body.storefront-buysheds .product-master .buy-panel .qty-row > #seoAddProduct:hover,
body.storefront-buysheds .product-master .buy-panel .qty-row > #addProduct:hover,
body.storefront-buysheds .product-master #configuredAddToBasket:hover{
  background:var(--bs-purchase-green-hover)!important;
  border-color:var(--bs-purchase-green-hover)!important;
}
body.storefront-buysheds .product-master .buy-panel .qty-row > #seoBuyProductNow,
body.storefront-buysheds .product-master .buy-panel .qty-row > #buyProductNow,
body.storefront-buysheds .product-master #configuredBuyNow{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:9px!important;min-height:52px!important;padding:12px 13px!important;
  background:var(--bs-purchase-gold)!important;
  border:1px solid var(--bs-purchase-gold)!important;
  border-radius:10px!important;color:#1f3029!important;
  font-size:15px!important;font-weight:850!important;
  box-shadow:none!important;text-decoration:none!important;
}
body.storefront-buysheds .product-master .buy-panel .qty-row > #seoBuyProductNow:hover,
body.storefront-buysheds .product-master .buy-panel .qty-row > #buyProductNow:hover,
body.storefront-buysheds .product-master #configuredBuyNow:hover{
  background:var(--bs-purchase-gold-hover)!important;
  border-color:var(--bs-purchase-gold-hover)!important;
}
body.storefront-buysheds .product-master #seoAddProduct::before,
body.storefront-buysheds .product-master #addProduct::before,
body.storefront-buysheds .product-master #configuredAddToBasket::before{
  content:"";display:block;flex:0 0 18px;width:18px;height:18px;
  background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 10 2 10h12l2-10H4Z'/%3E%3Cpath d='m8 10 4-7 4 7M9 13v4m6-4v4'/%3E%3C/svg%3E");
}
body.storefront-buysheds .product-master #seoBuyProductNow::before,
body.storefront-buysheds .product-master #buyProductNow::before,
body.storefront-buysheds .product-master #configuredBuyNow::before{
  content:"";display:block;flex:0 0 17px;width:17px;height:19px;
  background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='m13 2-9 12h7l-1 8 10-13h-7l0-7Z' fill='%231e3629'/%3E%3C/svg%3E");
}
body.storefront-buysheds .product-master .buy-panel .qty-row > button:focus-visible{
  outline:3px solid #3b815f!important;outline-offset:3px!important;
}

/* Upgrades & option controls from the approved mock-up */
body.storefront-buysheds .seo-upgrades-configurator{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  column-gap:18px;row-gap:0;
  padding:30px!important;
  border:1px solid #d7e5d9!important;
  border-left:4px solid #4f8762!important;
  border-radius:13px!important;
  box-shadow:0 4px 14px rgba(31,66,47,.035)!important;
  scroll-margin-top:30px!important;
}
body.storefront-buysheds .seo-upgrades-configurator > .section-heading,
body.storefront-buysheds .seo-upgrades-configurator > .seo-upgrade-grid{
  grid-column:1/-1;
}
body.storefront-buysheds .seo-upgrades-configurator .section-heading h2{
  color:#173e31!important;font-size:clamp(25px,2.4vw,32px);letter-spacing:-.026em;
}
body.storefront-buysheds .seo-upgrades-configurator .section-heading p{
  color:#5a6d62!important;margin-top:8px!important;margin-bottom:18px!important;
}
body.storefront-buysheds .seo-upgrades-configurator .seo-upgrade-grid{
  gap:12px!important;
}
body.storefront-buysheds .seo-upgrades-configurator .seo-upgrade-checkbox,
body.storefront-buysheds .seo-upgrades-configurator .seo-upgrade-select{
  border:1px solid #d7e4d9!important;background:#f5f8f4!important;
  border-radius:12px!important;padding:16px!important;
  min-height:95px;box-shadow:none!important;
}
body.storefront-buysheds .seo-upgrades-configurator .seo-upgrade-checkbox{
  display:flex;gap:13px;align-items:center;transition:background-color .15s ease;
}
body.storefront-buysheds .seo-upgrades-configurator .seo-upgrade-checkbox:hover{
  border-color:#a4c6ac!important;background:#edf4ec!important;
}
body.storefront-buysheds .seo-upgrades-configurator .seo-upgrade-checkbox:has(input:checked){
  border-color:#4c8a66!important;background:#e8f3e8!important;
}
body.storefront-buysheds .seo-upgrades-configurator input[type="checkbox"]{
  accent-color:#1d684c!important;width:20px;height:20px;
}
body.storefront-buysheds .seo-upgrades-configurator .seo-upgrade-checkbox>span>strong,
body.storefront-buysheds .seo-upgrades-configurator .seo-upgrade-select>span{
  color:#1b4133!important;font-size:14px!important;font-weight:800!important;
}
body.storefront-buysheds .seo-upgrades-configurator .seo-upgrade-checkbox>span>span{
  color:#5b7065!important;font-size:13px;line-height:1.45;
}
body.storefront-buysheds .seo-upgrades-configurator .seo-upgrade-checkbox>b{
  color:#183f31!important;font-weight:850;font-size:14px;
}
body.storefront-buysheds .seo-upgrades-configurator .seo-upgrade-select select{
  width:100%!important;min-height:49px!important;
  border:1px solid #cbd9cf!important;border-radius:9px!important;
  background:#fff!important;color:#294236!important;
  padding:11px 13px!important;
}
body.storefront-buysheds .seo-upgrades-configurator .seo-upgrade-select select:focus-visible{
  outline:2px solid #4e8d65!important;outline-offset:2px!important;
}
body.storefront-buysheds .seo-upgrades-configurator .configurator-total{
  grid-column:2;grid-row:3;
  display:flex!important;align-items:center;gap:0!important;
  border:1px solid #e0e8de!important;border-radius:11px!important;
  background:#f2f6f0!important;margin:18px 0 0!important;
  padding:13px 17px!important;min-width:0;
}
body.storefront-buysheds .seo-upgrades-configurator .configurator-total>div{
  text-align:center!important;min-width:145px!important;
  padding:0 14px!important;
}
body.storefront-buysheds .seo-upgrades-configurator .configurator-total>div+div{
  border-left:1px solid #d1ded3!important;
}
body.storefront-buysheds .seo-upgrades-configurator .configurator-total span{
  font-size:12px!important;color:#5c6e61!important;white-space:nowrap;
}
body.storefront-buysheds .seo-upgrades-configurator .configurator-total strong{
  font-size:22px!important;color:#1c4a39!important;margin-top:4px;
}
body.storefront-buysheds .seo-upgrades-configurator .configurator-total .grand-total strong{
  font-size:28px!important;color:#153c2f!important;
}
body.storefront-buysheds .seo-upgrades-configurator .seo-upgrade-help{
  grid-column:1;grid-row:3;align-self:end;
  margin:0 0 16px!important;color:#627468!important;font-size:12px!important;
}
@media(max-width:900px){
  body.storefront-buysheds .product-page-rich .product-layout-rich > .buy-panel{padding:19px!important}
  body.storefront-buysheds .seo-upgrades-configurator{
    display:block;padding:19px!important
  }
  body.storefront-buysheds .seo-upgrades-configurator .configurator-total{
    margin:17px 0 0 auto!important;width:max-content;
    max-width:100%;
  }
  body.storefront-buysheds .seo-upgrades-configurator .seo-upgrade-help{
    margin:10px 0 0!important
  }
}
@media(max-width:580px){
  body.storefront-buysheds .product-page-rich .buy-panel .qty-row{
    display:flex!important;flex-direction:column!important;
    gap:10px!important;align-items:stretch!important;
  }
  body.storefront-buysheds .product-page-rich .buy-panel .qty-row>label{
    width:100%!important
  }
  body.storefront-buysheds .product-page-rich .buy-panel .qty-row>button{
    width:100%!important;min-height:52px!important;
  }
  body.storefront-buysheds .bs-extras-text strong{font-size:14px!important}
  body.storefront-buysheds .bs-extras-icon{width:36px;height:36px;flex-basis:36px}
  body.storefront-buysheds .seo-upgrades-configurator .configurator-total{
    justify-content:space-between;flex-direction:row!important;
    width:100%;padding:12px 7px!important
  }
  body.storefront-buysheds .seo-upgrades-configurator .configurator-total>div{
    min-width:0!important;flex:1;padding:0 7px!important
  }
  body.storefront-buysheds .seo-upgrades-configurator .configurator-total span{
    white-space:normal!important
  }
  body.storefront-buysheds .seo-upgrades-configurator .configurator-total .grand-total strong{
    font-size:23px!important
  }
}

/* Matching product information panels */
body.storefront-buysheds .product-page-rich .product-section.panel-rich:not(.seo-upgrades-configurator){
  background:#fff!important;border:1px solid #dce5dd!important;
  border-left:4px solid #4f8762!important;
  border-radius:13px!important;
  padding:27px 30px!important;
  box-shadow:0 3px 13px rgba(31,66,47,.035)!important;
}
body.storefront-buysheds .product-page-rich .product-section.panel-rich:not(.seo-upgrades-configurator) h2{
  color:#193e31!important;letter-spacing:-.02em!important;
}
body.storefront-buysheds .product-page-rich .product-section.panel-rich:not(.seo-upgrades-configurator) .description-copy{
  color:#536b5d!important;line-height:1.66!important;
}
@media(max-width:580px){
  body.storefront-buysheds .product-page-rich .product-section.panel-rich:not(.seo-upgrades-configurator){
    padding:20px 17px!important
  }
}

/* v3 — keep BuySheds purchase controls strictly within the white purchase card. */
body.storefront-buysheds .product-master .buy-panel .qty-row{
  display:grid!important;
  grid-template-columns:86px minmax(0,1fr) minmax(0,1fr)!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  gap:10px!important;
  align-items:end!important;
}
body.storefront-buysheds .product-master .buy-panel .qty-row > label,
body.storefront-buysheds .product-master .buy-panel .qty-row > button{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}
body.storefront-buysheds .product-master .buy-panel .qty-row > button{
  width:100%!important;
  padding-left:8px!important;
  padding-right:8px!important;
  white-space:nowrap!important;
  font-size:14px!important;
}
@media(min-width:581px) and (max-width:1100px){
  body.storefront-buysheds .product-master .buy-panel .qty-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.storefront-buysheds .product-master .buy-panel .qty-row > label{
    grid-column:1/-1!important;
    max-width:108px!important;
  }
  body.storefront-buysheds .product-master .buy-panel .qty-row > #seoAddProduct,
  body.storefront-buysheds .product-master .buy-panel .qty-row > #addProduct{
    grid-column:1!important;
  }
  body.storefront-buysheds .product-master .buy-panel .qty-row > #seoBuyProductNow,
  body.storefront-buysheds .product-master .buy-panel .qty-row > #buyProductNow{
    grid-column:2!important;
  }
}
@media(max-width:580px){
  body.storefront-buysheds .product-master .buy-panel .qty-row{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
  }
  body.storefront-buysheds .product-master .buy-panel .qty-row > label,
  body.storefront-buysheds .product-master .buy-panel .qty-row > button{
    width:100%!important;
    max-width:100%!important;
  }
}