/* Figma Header Desktop 600:70 and Mobile 1543:111; scoped to this PDP. */
.gh-site-navigation,.gh-site-announcement {
  /* Names and values mirror Figma Variables; slash names are normalized to CSS. */
  --navigation-link-text: #3a5b39;
  --navigation-link-active: #2f4a2e;
  --announcement-surface: #3a5b39;
  --announcement-control-surface: #6b8064;
  --announcement-content: #fef9eb;
  --space-announcement-content-gap: 16px;
  --space-announcement-padding-inline: 24px;
  --navigation-utility-font-size: 13px;
  --navigation-utility-line-height: 13px;
  --navigation-primary-font-size: 14px;
  --navigation-primary-line-height: 14px;
  --space-navigation-item-gap: 20px;
  --navigation-primary-height: 51px;
  --navigation-padding-inline: 50px; /* Figma 600:39 unbound geometry. */
  /* Figma collection currently exposes these two cart-badge variables by value-name. */
  --cart-badge-surface: #fabd65;
  --cart-badge-content: #3a5b3a;
  /* Unbound values found on Breadcrumb / PDP · Desktop in Figma. */
  --breadcrumb-home-surface-unbound: #edf0d1;
  --breadcrumb-separator-text-unbound: #8c967d;
  --price-pdp-sale-text-unbound: #9a4a27;
  /* Raw values used by the approved Cart Drawer pattern in Figma. */
  --cart-divider-unbound: #c2cca3;
  --cart-promotion-surface-unbound: #faedbf;
  --text-body: #2f4a2e;
  --text-secondary: #57534c;
  --text-inverse: #fef9eb;
  --background-default: #fef9eb;
  --background-warm: #f8eccb;
  --background-botanical-subtle: #ebecce;
  --background-botanical: #bfcd8a;
  --color-border-subtle: #d8d2c0;
  --color-border-default: #bdb7a5;
  --color-border-selected: #3a5b39;
  --color-border-brand: #8aad86;
  --commerce-rating-star: #f0a63b;
  --commerce-pdp-promo-surface: #fff3d2;
  --navigation-trust-strip-surface: var(--commerce-pdp-promo-surface);
  --commerce-setup-text-secondary: #78736a;
  --commerce-setup-action-surface: #e0e8c0;
  --commerce-setup-border: #e0e8c0;
  --commerce-product-card-surface: #ffffff;
  --commerce-product-card-border: #e7e9c9;
  --action-primary-content: #2f4a2e;
  --action-primary-surface: #f7c15e;
  --action-primary-surface-hover: #f0a63b;
  --action-primary-surface-active: #c4832a;
  --action-outline-light-border: #3a5b39;
  --action-icon-surface: #ebecce;
  --action-ghost-surface: #ffffff;
  --feedback-error-text: #c0281c;
  --feedback-success-text: #3a5b39;
  --partner-shop-pay-content: #5a31f4;
  --navigation-badge-promo-surface: #c05d38;
  --navigation-badge-promo-content: #ffffff;
  --primitive-sage-100: #d5e2d2;
  --footer-surface: #3a5b39;
  --footer-link-text: #fef9eb;
  --commerce-product-card-border-hover: #bfcd89;
  --radius-pill: 999px;
  --radius-card-sm: 12px;
  --radius-card-md: 16px;
  --radius-layout: 20px;
  --radius-input: 6px;
  --radius-button-sm: 6px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-12: 12px;
  --space-md: 16px;
  --space-20: 20px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --purchase-quantity-width: 144px;
  --carousel-control-compact-size: 24px;
  --pdp-sage-900: var(--announcement-surface);
  --pdp-sage-700: var(--navigation-link-text);
  --pdp-sage-600: var(--navigation-link-text);
  --pdp-sage-200: var(--primitive-sage-100);
  --pdp-basil-125: var(--commerce-setup-action-surface);
  --pdp-solar-200: var(--background-warm);
  --pdp-warm: var(--background-default);
  --pdp-rust: var(--navigation-badge-promo-surface);
  --pdp-border: var(--color-border-default);
}
.gh-site-navigation,.gh-site-announcement{font-family:Manrope,Arial,sans-serif;color:var(--text-body);font-size:14px;line-height:20px;letter-spacing:0}
.gh-site-navigation *,.gh-site-announcement *{box-sizing:border-box}
.gh-site-navigation [hidden],.gh-site-announcement [hidden]{display:none!important}
.gh-site-navigation a,.gh-site-announcement a{color:inherit;text-decoration:none}
.gh-site-navigation button,.gh-site-announcement button{font:inherit;color:inherit;text-transform:none;letter-spacing:0;border:0;margin:0;padding:0;background:transparent;cursor:pointer}
.gh-site-navigation :focus-visible,.gh-site-announcement :focus-visible{outline:2px solid var(--color-border-selected);outline-offset:4px}
.gh-site-navigation img,.gh-site-announcement img{display:block;max-width:100%;object-fit:contain}
.gh-site-announcement{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);height:46px;padding:0 var(--space-lg);background:var(--announcement-surface);color:var(--announcement-content);font-size:12px;font-weight:500;line-height:24px}
.gh-site-announcement button{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:var(--radius-pill);background:var(--announcement-control-surface)}
.gh-site-announcement button img{width:16px;height:16px}.gh-site-announcement a{text-align:center}.gh-site-announcement :focus-visible{outline-color:var(--announcement-content)}
.gh-site-navigation{position:sticky;top:0;z-index:60;background:var(--background-warm);border-bottom:1px solid var(--color-border-subtle)}
.gh-site-navigation .pdp-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;align-items:center;height:62px;padding:0 var(--page-inset);background:var(--background-warm)}
.gh-site-navigation .pdp-logo{justify-self:center;display:flex;align-items:center;width:132px;height:24px}.gh-site-navigation .pdp-logo img{width:132px;height:24px}
/* Figma 600:39: intrinsic item widths, 20px between items and 8px before each caret.
   Narrow desktop wraps complete items; labels and their internal spacing never shrink. */
.gh-site-navigation .gh-utility-links{display:flex;align-items:center;gap:var(--space-lg);font-size:var(--navigation-utility-font-size);font-weight:600;line-height:var(--navigation-utility-line-height);white-space:nowrap}
.gh-site-navigation .gh-utility-links a:hover{text-decoration:underline;text-underline-offset:4px}
.gh-site-navigation .pdp-subnav{display:flex;flex-wrap:wrap;min-width:0;gap:0 var(--space-navigation-item-gap);align-items:center;justify-content:center;padding:0 var(--page-inset);background:var(--background-default)}
.gh-site-navigation .pdp-subnav button{position:relative;display:flex;flex:0 0 auto;gap:var(--space-sm);align-items:center;justify-content:flex-start;height:var(--navigation-primary-height);padding:0;font-size:var(--navigation-primary-font-size);font-weight:600;line-height:var(--navigation-primary-line-height);white-space:nowrap;text-align:left;color:var(--navigation-link-text)}
.gh-site-navigation .gh-nav-label{display:block;flex:none;white-space:nowrap}
.gh-site-navigation .gh-nav-caret{display:flex;align-items:center;justify-content:center;width:6px;height:4px;flex:none}
.gh-site-navigation .gh-nav-caret img{max-width:none;transform:rotate(180deg)}
.gh-site-navigation .pdp-subnav button:hover{font-weight:800}
.gh-site-navigation .pdp-subnav button:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:var(--navigation-link-active);opacity:0}
.gh-site-navigation .pdp-subnav button:hover:after,.gh-site-navigation .pdp-subnav [aria-expanded=true]:after{opacity:1}
.gh-site-navigation .pdp-subnav [aria-expanded=true] .gh-nav-caret img{transform:none}
.gh-site-navigation .pdp-actions{display:flex;gap:var(--space-md);align-items:center;justify-content:flex-end}
.gh-site-navigation .pdp-actions>*,.gh-site-navigation .mobile-actions-left button{position:relative;display:grid;place-items:center;width:40px;height:40px;flex:none}
.gh-site-navigation .pdp-actions>button:nth-child(1) img{width:30px;height:30px}.gh-site-navigation .pdp-actions>button:nth-child(2) img{width:26.786px;height:24.714px}.gh-site-navigation .gh-account img{width:27.159px;height:28px}.gh-site-navigation .cart-action img{width:27.392px;height:28px}
.gh-site-navigation .cart-action b{position:absolute;top:3px;left:1px;display:grid;place-items:center;width:16px;height:16px;border-radius:var(--radius-pill);background:var(--cart-badge-surface);color:var(--cart-badge-content);font-size:12px;font-weight:800;line-height:16px}
.gh-site-navigation .mobile-actions-left{display:none}
.gh-mega-panel,.gh-search-panel,.gh-language-panel{position:absolute;top:100%;left:0;right:0;background:var(--background-default);border-bottom:1px solid var(--color-border-subtle);max-height:calc(100dvh - var(--gh-navigation-height,113px));overflow-y:auto}
.gh-site-navigation .mega-menu-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-xl);width:100%;margin:0 auto;padding:28px var(--page-inset) 24px}
.gh-site-navigation .gh-planters-panel .mega-menu-content{grid-template-columns:minmax(440px,640px) repeat(3,minmax(150px,210px))}
.gh-site-navigation .mega-menu-column{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:18px}
.gh-site-navigation .mega-menu-column p{min-height:24px;margin:0;color:var(--navigation-link-text);font-size:14px;font-weight:600;line-height:20px}
.gh-site-navigation .mega-menu-column a{min-height:24px;font-size:14px;font-weight:400;line-height:20px;color:var(--navigation-link-text)}
.gh-site-navigation .mega-menu-editorial{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.gh-site-navigation .mega-menu-editorial>a{display:flex;min-width:0;flex-direction:column;gap:12px}
.gh-site-navigation .mega-menu-editorial-image{position:relative;overflow:hidden;display:block;width:100%;height:185px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-card-sm)}
.gh-site-navigation .mega-menu-editorial-image img{position:absolute;top:-100%;left:0;width:200%;height:200%;max-width:none}.gh-site-navigation .mega-menu-editorial-image.image-2 img{top:0;left:-100%}
.gh-site-navigation .mega-menu-editorial strong{display:flex;gap:6px;align-items:flex-start;min-height:44px;font-size:14px;font-weight:600;line-height:20px}.gh-site-navigation .mega-menu-editorial strong img{width:16px;height:16px;flex:none;margin-top:2px}
.gh-site-navigation .explore-menu{display:flex;width:100%;min-height:88px;align-items:center;justify-content:flex-end;gap:var(--space-xl);margin:0 auto;padding:var(--space-lg) var(--page-inset)}
.gh-site-navigation .mega-menu-column a:hover,.gh-site-navigation .mega-menu-editorial a:hover strong,.gh-site-navigation .explore-menu a:hover{text-decoration:underline;text-underline-offset:4px}
.gh-search-panel{display:flex;justify-content:center;gap:var(--space-lg);padding:var(--space-xl)}.gh-search-panel form{width:min(640px,100%);margin:0}.gh-search-panel label{display:block;font-size:14px;letter-spacing:0;text-transform:none;margin-bottom:var(--space-sm)}.gh-search-panel form>div{display:flex;border:1px solid var(--color-border-default);border-radius:var(--radius-input);overflow:hidden}.gh-search-panel input{min-width:0;flex:1;border:0;background:var(--background-default);font:inherit;color:inherit;padding:var(--space-md)}.gh-search-panel form button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--action-primary-surface)}.gh-search-panel button img{width:24px;height:24px}.gh-search-panel [data-close-panel]{align-self:flex-start;padding:var(--space-sm)}
.gh-language-panel{left:auto;right:var(--space-xl);width:280px;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.gh-language-panel a{text-decoration:underline}
#gh-mobile-menu{position:absolute;top:100%;left:0;right:0;max-height:calc(100dvh - 71px);overflow:auto;overscroll-behavior:contain;padding:var(--space-md) var(--space-lg) var(--space-xl);background:var(--background-default);border-bottom:1px solid var(--color-border-subtle)}
#gh-mobile-menu details{border-bottom:1px solid var(--color-border-subtle)}#gh-mobile-menu summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:52px;cursor:pointer;list-style:none;font-size:14px}#gh-mobile-menu summary::-webkit-details-marker{display:none}#gh-mobile-menu summary img{width:16px;height:16px}#gh-mobile-menu details[open]>summary img{transform:rotate(90deg)}#gh-mobile-menu details>div{display:grid;gap:var(--space-lg);padding:var(--space-sm) 0 var(--space-lg)}
body:has(.gh-site-navigation) .gh-nav{top:var(--gh-navigation-height,113px)}body:has(.gh-site-navigation) .gh-section{scroll-margin-top:calc(var(--gh-navigation-height,113px) + 78px)}body:has(.gh-site-navigation) .tb-detail{scroll-margin-top:calc(var(--gh-navigation-height,113px) + 24px)}body:has(.gh-site-navigation) .callback-close img{width:24px;height:24px}
@media(max-width:767px){.gh-site-navigation .pdp-header{grid-template-columns:96px minmax(0,1fr) 96px;gap:0;height:71px;padding:0 var(--space-sm)}.gh-site-navigation .pdp-subnav,.gh-site-navigation .gh-mega-panel,.gh-site-navigation .gh-utility-links{display:none!important}.gh-site-navigation .pdp-logo{justify-self:center}.gh-site-navigation .mobile-actions-left{display:flex;width:96px}.gh-site-navigation .mobile-actions-left button,.gh-site-navigation .pdp-actions>*{width:48px;height:48px}.gh-site-navigation .mobile-actions-left img{width:32px;height:32px}.gh-site-navigation .pdp-actions{gap:0;width:96px}.gh-site-navigation .pdp-actions>button:nth-child(1),.gh-site-navigation .pdp-actions>button:nth-child(2){display:none}.gh-search-panel{padding:var(--space-md)}body:has(.gh-site-navigation) .gh-nav{top:71px}}
@media(min-width:768px){#gh-mobile-menu{display:none!important}}
@media(prefers-reduced-motion:reduce){.gh-site-navigation *{scroll-behavior:auto}}

/* Desktop and Mobile only. Whole desktop navigation items wrap at narrower widths. */
@media(min-width:768px) and (max-width:1519px){
 .gh-site-navigation .gh-planters-panel .mega-menu-content{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:var(--space-lg)}
}