/* GardenShop2U identity, loaded last. Colours come from the shop's own logo (awning red,
   leaf green) on clean white, with sans-serif headings. Deliberately avoids the cream,
   forest-green and serif look used by some garden brands the shop stocks. */
:root{
 --gs-red:#d7261e;--gs-red-dark:#b51e17;--gs-leaf:#2e8b3d;--gs-leaf-dark:#236e30;
 --gs-ink:#1f2421;--gs-surface:#f5f6f4;
 --gs-forest:var(--gs-leaf);--gs-deep:var(--gs-ink);--gs-cream:#fff;--gs-stroke:#e5e7e3;--gs-muted:#5b635e;--gs-clay:var(--gs-leaf);
 --green:var(--gs-leaf);--dark:var(--gs-ink);--pale:var(--gs-surface);--line:var(--gs-stroke);
 --gs-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
body,button,input,select,textarea{font-family:var(--gs-font)}
body,.gs-header,.gs-sales{background:#fff;color:var(--gs-ink)}

/* Headings: bold sans, not serif. */
.gs-sales h1,.gs-sales h2,.gs-sales h3,.gs-footer-invite h2,.gs-sell-details h3,.gs-sell-price,.woocommerce-loop-product__title,
.single-product div.product .product_title,h1,h2,h3{font-family:var(--gs-font);font-weight:800;letter-spacing:-.02em}
.gs-sales .gs-eyebrow,.gs-footer-invite .gs-footer-eyebrow,.gs-growing .gs-eyebrow,.gs-bulk-offer .gs-eyebrow{color:var(--gs-leaf);letter-spacing:.08em}

/* Announcement bar with the real delivery and payment promise. */
.gs-top{background:var(--gs-leaf);color:#fff;font-size:13px;font-weight:600;padding:7px 0}
.gs-top .gs-wrap{display:flex;justify-content:center;align-items:center;gap:28px}
.gs-top .gs-wrap>*{display:inline-flex;align-items:center;gap:7px}
.gs-top .gs-icon{width:16px;height:16px;flex:none}
.gs-top a.gs-top-help{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* Compact header: the logo should not push products below the fold. */
.gs-header{border-bottom:1px solid var(--gs-stroke)}
.gs-header-row{padding-top:12px;padding-bottom:12px;gap:28px}
.gs-header-row .gs-brand{flex:0 0 180px}
.gs-header .gs-search input[type=search]{border:2px solid var(--gs-leaf);border-right:0;border-radius:24px 0 0 24px;background:#fff}
.gs-header .gs-search button{background:var(--gs-leaf);border-radius:0 24px 24px 0}
.gs-header .gs-search button:hover{background:var(--gs-leaf-dark)}
.gs-header-cart b{background:var(--gs-red);color:#fff}
.gs-category-nav{background:var(--gs-surface);border-top:1px solid var(--gs-stroke)}
.gs-category-nav a{color:var(--gs-ink);font-weight:600}
.gs-category-nav .nav-shop-all{background:var(--gs-red);color:#fff;border-radius:20px;padding-left:14px;padding-right:14px}

/* Buttons: one high-contrast action colour everywhere a shopper buys. */
.gs-sales .gs-cta,.gs-sales a.gs-cta:visited,.gs-sales .gs-sell-details>.button,.gs-footer-cta,
body.single-product div.product .summary form.cart .single_add_to_cart_button,
body.woocommerce-cart .wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,.woocommerce a.button.alt,.woocommerce button.button.alt,
ul.products li.product .button,.gs-sticky-buy-btn{
 background:var(--gs-red);border-color:var(--gs-red);color:#fff;border-radius:24px;font-weight:700;text-decoration:none
}
.gs-sales .gs-cta:hover,.gs-sales .gs-sell-details>.button:hover,.gs-footer-cta:hover,
body.single-product div.product .summary form.cart .single_add_to_cart_button:hover,
body.woocommerce-cart .wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,
ul.products li.product .button:hover,.gs-sticky-buy-btn:hover{background:var(--gs-red-dark);border-color:var(--gs-red-dark);color:#fff}
.gs-sales a.gs-cta-outline,.gs-sales a.gs-cta-outline:visited{background:#fff;color:var(--gs-ink);border:2px solid var(--gs-ink)}
.gs-sales a.gs-cta-outline:hover{background:var(--gs-ink);color:#fff}

/* Hero: white wash over the garden photo, no cream. */
.gs-sales-hero{background:#fff;border-bottom:0}
.gs-sales-hero:after{background:linear-gradient(90deg,#fff 0%,#fffffff2 34%,#ffffff99 55%,#fff0 80%)}
.gs-sales-hero .gs-wrap{min-height:460px}
.gs-sales-hero h1{font-size:clamp(36px,3.8vw,54px);line-height:1.08;letter-spacing:-.03em}

/* Trust strip as a tinted band so it reads as a promise, not decoration. */
.gs-trust-strip{background:var(--gs-surface);border:0;border-radius:14px;margin-top:20px;padding:20px 24px}
.gs-trust-strip .gs-icon{color:var(--gs-leaf)}

/* Sections and cards. */
.gs-growing{background:var(--gs-surface);border-block:0}
.gs-growing::before,.gs-growing::after{content:none}
.gs-growing-grid>a,.gs-category-image,.gs-brand-logos>a,.gs-guide-grid>a,.gs-sell-card{border-color:var(--gs-stroke);background:#fff}
.gs-sell-card{border-radius:12px;box-shadow:none;transition:box-shadow .15s ease,transform .15s ease}
.gs-sell-card:hover{box-shadow:0 8px 24px #1f242114;transform:translateY(-2px)}
.gs-sell-details h3 a{color:var(--gs-ink)}
.gs-sell-price{color:var(--gs-ink)}
.gs-pack-chips span{background:#fff;border-color:var(--gs-stroke);color:var(--gs-muted)}
.gs-collection-tabs a{background:#fff;border:1px solid var(--gs-stroke);color:var(--gs-ink)}
.gs-collection-tabs a[aria-selected=true]{background:var(--gs-ink);border-color:var(--gs-ink);color:#fff}
.gs-small-offer{background:#fff1ef}
.gs-bulk-offer{background:#eef6ef;color:var(--gs-ink)}
.gs-offer{border-color:var(--gs-stroke)}
.gs-review-section{background:var(--gs-surface)}
.gs-sales a{color:var(--gs-leaf-dark)}

/* Footer: neutral dark, not green. */
.gs-footer-invite{background:var(--gs-surface);border-top:1px solid var(--gs-stroke)}
footer.gs-footer,.gs-footer{background:var(--gs-ink)}
.gs-footer .gs-footer-logo{background:#fff}
.gs-sales a:focus-visible,.gs-header a:focus-visible,.gs-footer a:focus-visible{outline-color:var(--gs-red)}

/* Product page: white, focused, with delivery and payment facts beside Add to cart. */
body.single-product .site-content{background:#fff}
body.single-product div.product .summary{background:#fff;border:1px solid var(--gs-stroke)}
body.single-product div.product .woocommerce-product-gallery{border-color:var(--gs-stroke)}
body.single-product div.product .summary p.price,body.single-product form.variations_form .single_variation_wrap .woocommerce-variation-price{color:var(--gs-red)}
body.single-product div.product .summary form.cart .single_add_to_cart_button{min-height:52px;font-size:17px;flex:1}
body.single-product div.product .summary form.cart .quantity .qty{min-height:52px;border-radius:24px;border:1px solid var(--gs-stroke)}
body.single-product .woocommerce-tabs{border-color:var(--gs-stroke)}
/* Imported variations repeat the full description, which pushed Add to cart ~1000px down.
   The description stays in the tab below. */
body.single-product .single_variation_wrap .woocommerce-variation-description{display:none}
/* The same clipped excerpt ("DIRECTION OF USE") also appeared under items in cart and checkout. */
.wc-block-components-product-metadata__description{display:none}
.gs-buy-box{margin:18px 0 6px;padding:16px;border-radius:12px;background:var(--gs-surface);display:grid;gap:12px}
.gs-buy-point{display:flex;gap:12px;align-items:flex-start}
.gs-buy-point .gs-icon{width:22px;height:22px;flex:none;color:var(--gs-leaf);margin-top:2px}
.gs-buy-point b{display:block;font-size:14px;line-height:1.35}
.gs-buy-point small{display:block;font-size:13px;line-height:1.45;color:var(--gs-muted)}
.gs-pay-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none}
.gs-pay-chips li{font-size:12px;font-weight:600;padding:4px 9px;border:1px solid var(--gs-stroke);border-radius:6px;background:#fff;color:var(--gs-ink)}

/* Homepage colour and structure: tinted category tiles, ordering steps, help banner, hero pills. */
:root{--gs-sun:#f4b73f;--gs-leaf-pale:#e9f4eb;--gs-red-pale:#fdeceb}
.gs-hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.gs-hero-pills li{padding:6px 12px;border-radius:20px;background:#ffffffd9;border:1px solid var(--gs-stroke);font-size:13px;font-weight:700;color:var(--gs-leaf-dark)}
.gs-sales-categories>a .gs-category-image{border:0;border-radius:14px;border-bottom:4px solid var(--gs-leaf)}
.gs-sales-categories>a:nth-child(6n+1) .gs-category-image{background:var(--gs-leaf-pale);border-bottom-color:var(--gs-leaf)}
.gs-sales-categories>a:nth-child(6n+2) .gs-category-image{background:#fdf3dc;border-bottom-color:var(--gs-sun)}
.gs-sales-categories>a:nth-child(6n+3) .gs-category-image{background:var(--gs-red-pale);border-bottom-color:var(--gs-red)}
.gs-sales-categories>a:nth-child(6n+4) .gs-category-image{background:#e8f1fb;border-bottom-color:#4a8fd6}
.gs-sales-categories>a:nth-child(6n+5) .gs-category-image{background:#efe9f8;border-bottom-color:#8a63c9}
.gs-sales-categories>a:nth-child(6n+6) .gs-category-image{background:#e6f5f3;border-bottom-color:#2a9d8f}
.gs-steps{background:var(--gs-leaf);color:#fff;padding:44px 0;margin:36px 0 0}
.gs-steps h2{color:#fff;text-align:center;margin:0 0 26px}
.gs-steps ol{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0;padding:0;list-style:none}
.gs-steps li{position:relative;padding:22px 18px 18px;background:#ffffff1f;border-radius:14px;display:grid;gap:6px;justify-items:start}
.gs-steps .gs-icon{width:30px;height:30px;color:#fff}
.gs-steps b{font-size:16px;line-height:1.3}
.gs-steps small{font-size:13px;opacity:.9;line-height:1.4}
.gs-step-no{position:absolute;top:14px;right:16px;width:28px;height:28px;border-radius:50%;background:var(--gs-sun);color:var(--gs-ink);font-weight:800;font-size:14px;display:grid;place-items:center}
.gs-growing{background:var(--gs-leaf-pale)}
.gs-help-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 40px;border-radius:18px;background:linear-gradient(135deg,var(--gs-red) 0%,#b51e17 100%);color:#fff}
.gs-help-banner h2{color:#fff;margin:4px 0 8px;font-size:clamp(24px,2.6vw,34px)}
.gs-help-banner p{margin:0;max-width:56ch}
.gs-help-banner .gs-eyebrow{color:var(--gs-sun)}
.gs-help-banner .gs-cta,.gs-sales .gs-help-banner a.gs-cta{background:#fff;border-color:#fff;color:var(--gs-red-dark);white-space:nowrap}
.gs-help-banner .gs-cta:hover,.gs-sales .gs-help-banner a.gs-cta:hover{background:var(--gs-sun);border-color:var(--gs-sun);color:var(--gs-ink)}
@media(max-width:900px){.gs-steps ol{grid-template-columns:repeat(2,1fr)}.gs-help-banner{flex-direction:column;align-items:flex-start;padding:26px 22px}}
@media(max-width:480px){.gs-steps ol{grid-template-columns:1fr}.gs-steps{padding:32px 0}}

/* Browse chips above product grids, and the reminder strip on cart and checkout. */
.gs-browse{margin:0 0 18px;display:grid;gap:10px}
.gs-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.gs-chips-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gs-muted);margin-right:2px}
.gs-chip{display:inline-block;padding:7px 14px;border:1px solid var(--gs-stroke);border-radius:20px;background:#fff;color:var(--gs-ink);font-size:14px;font-weight:600;text-decoration:none;line-height:1.2}
.gs-chip:hover{border-color:var(--gs-leaf);color:var(--gs-leaf-dark)}
.gs-chip.is-active{background:var(--gs-ink);border-color:var(--gs-ink);color:#fff}
.gs-chips-brand .gs-chip{font-size:13px;padding:5px 12px}
.gs-reassure{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 20px;padding:12px 16px;list-style:none;background:var(--gs-surface);border-radius:10px;font-size:14px;font-weight:600}
.gs-reassure li{display:inline-flex;align-items:center;gap:8px;margin:0}
.gs-reassure .gs-icon{width:18px;height:18px;color:var(--gs-leaf);flex:none}
@media(max-width:600px){
 .gs-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
 .gs-chip{white-space:nowrap}
 .gs-reassure{gap:6px 14px;font-size:13px;padding:10px 12px}
}

/* Mobile sticky buy bar (product pages). */
.gs-sticky-buy{display:none}
@media(max-width:800px){
 .gs-sticky-buy:not([hidden]){display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--gs-stroke);box-shadow:0 -6px 20px #1f24211a;transform:translateY(110%);transition:transform .2s ease}
 .gs-sticky-buy.is-shown{transform:none}
 .gs-sticky-buy-info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
 .gs-sticky-buy-info b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .gs-sticky-buy-info span{font-size:15px;font-weight:800;color:var(--gs-red)}
 .gs-sticky-buy-btn{flex:none;min-height:46px;padding:0 20px;border:0;font-size:15px}
 body.single-product{padding-bottom:76px}
}

@media(max-width:800px){
 /* style.css hides the bar on small screens; the delivery promise matters most on mobile. */
 .gs-top{display:block}
 .gs-top .gs-wrap{gap:16px}
 .gs-top .gs-top-pay{display:none}
}
@media(max-width:600px){
 .gs-top{font-size:12px}
 .gs-top a.gs-top-help{display:none}
 .gs-top .gs-wrap>span:last-child{display:inline-flex}
 .gs-header-row{padding-top:10px;padding-bottom:10px;gap:12px}
 .gs-header-row>.gs-brand{flex:0 0 118px}
 .gs-sales-hero-copy{padding:28px 0 180px}
 .gs-sales-hero h1{font-size:clamp(30px,8vw,38px);line-height:1.1}
 .gs-sales-hero:after{background:linear-gradient(180deg,#fff 0%,#fffffff0 55%,#fff3 100%)}
 .gs-trust-strip{margin-top:16px;padding:16px;border-radius:12px}
}
@media(max-width:359px){.gs-header-row>.gs-brand{flex:0 0 110px}}
@media(prefers-reduced-motion:reduce){.gs-sell-card,.gs-sticky-buy{transition:none}}