:root{--ui-surface-warm:#FFFFFF;--ui-surface-sand:#F7F7F5;--ui-control-size:48px;--ui-action-height:52px;--ui-radius:8px;--ui-nav-size:1.125rem;--ui-media-height:280px;--ui-forest:#171C18;--ui-brand-muted:#D4D9D2;--ui-mint:#F7F7F5;--ui-sunlight:#F7F7F5;--ui-card-radius:12px;--color-green:#171C18;--color-green-dark:#171C18;--color-red:#C93531;--color-charcoal:#191E1A;--color-gold:#EEAD1D;--color-red-deep:#8E211D;--color-terracotta:#BE185D;--color-terracotta-dark:#9D174D;--color-gold-deep:#5C4300;--product-media-bg:#FFFFFF;--color-bg-soft:#F7F5EF;--text-secondary:#555A55;--color-primary:var(--color-green);--color-primary-dark:var(--color-green-dark);--color-secondary:var(--color-green);--color-line:#06C755;--color-line-dark:#05B34D;--line-btn-bg:#04652C;--line-btn-bg-hover:#034B21;--line-btn-text:#FFFFFF;--color-dark:var(--color-charcoal);--color-dark-soft:#262C27;--color-line-banner-bg:#F7F7F5;--color-facebook:#1877f2;--color-youtube:#ff0000;--surface-page:#FFFFFF;--surface-sunken:#E6EBE5;--surface-brand:#F7F7F5;--surface-brand-deep:#F7F7F5;--surface-ink:var(--color-charcoal);--surface-card:#FFFFFF;--color-bg:var(--surface-page);--color-bg-alt:var(--surface-sunken);--color-text:var(--color-charcoal);--color-text-muted:var(--text-secondary);--color-text-invert:#FFFFFF;--color-text-invert-muted:#B9BEB7;--color-text-invert-muted-brand:var(--color-text-muted);--color-footer-text:#D6D9D5;--color-footer-muted:#A2A79F;--color-border:#E0E0E0;--color-border-dark:#333A34;--font-heading:'Kanit',sans-serif;--font-body:'Sarabun',sans-serif;--fs-0:1rem;--fs-1:1.2rem;--fs-2:1.44rem;--fs-3:1.728rem;--fs-4:2.0736rem;--fs-5:2.48832rem;--fs-6:2.985984rem;--font-size-xs:var(--fs-0);--font-size-sm:var(--fs-0);--font-size-base:var(--fs-1);--font-size-lg:var(--fs-2);--font-size-xl:var(--fs-3);--font-size-xxl:var(--fs-5);--font-size-xs-mobile:1rem;--font-size-sm-mobile:1.0625rem;--font-size-base-mobile:1.125rem;--font-size-lg-mobile:1.3125rem;--font-size-xl-mobile:1.6rem;--font-size-xxl-mobile:1.95rem;--radius-button:4px;--radius-card:4px;--radius-input:4px;--radius-round:50%;--shadow-navbar:0 1px 4px rgba(0, 0, 0, 0.18);--shadow-hover:0 10px 20px -8px rgba(0, 0, 0, 0.18),0 2px 6px rgba(0, 0, 0, 0.06);--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-8:64px;--space-10:80px;--space-12:96px;--spacing-2xs:var(--space-1);--spacing-xs:var(--space-1);--spacing-sm:var(--space-2);--spacing-md:var(--space-3);--spacing-lg:var(--space-5);--spacing-xl:var(--space-8);--letter-spacing-tight:-0.01em;--letter-spacing-wide:0.02em;--lh-hero:1.15;--lh-heading:1.25;--lh-card:1.35;--lh-body:1.65;--lh-caption:1.5;--lh-label:1.4;--line-height-tight:var(--lh-card);--line-height-heading:var(--lh-heading);--line-height-body:var(--lh-body);--line-height-relaxed:1.9;--container-max-width:1280px;--section-padding-block:var(--space-10);--section-padding-block-mobile:var(--space-8);--section-padding-block-brand:var(--space-12);--section-padding-block-brand-mobile:var(--space-10);--section-header-gap:var(--space-4);--section-title-size:var(--fs-4);--section-title-weight:600;--section-title-rule-width:var(--space-6);--section-title-rule-height:4px;--section-title-rule-gap:var(--spacing-xs);--home-section-title-size:var(--font-size-xxl);--home-section-rule-width:var(--space-6);--home-section-rule-height:3px;--home-section-rule-color:var(--color-terracotta);--home-section-cta-gap:var(--space-4);--scroll-offset:calc(var(--navbar-height) + var(--space-3));--container-padding-inline:var(--spacing-sm);--container-padding-inline-narrow:var(--space-4);--tap-target-min:44px;--navbar-height:84px;--navbar-active-accent:#33CC8B;--navbar-search-bg:var(--nav-search-bg);--navbar-search-text:var(--color-text);--navbar-search-placeholder:var(--color-text-muted);--navbar-search-icon-color:var(--color-primary);--navbar-search-border:var(--color-border);--navbar-search-radius:var(--radius-button);--navbar-search-height:48px;--navbar-search-font-size:var(--font-size-base);--navbar-search-padding-x:0.85rem;--navbar-search-shadow:0 1px 3px rgba(0, 0, 0, 0.18);--navbar-search-focus-ring:0 0 0 3px rgba(4, 101, 60, 0.3);--navbar-search-max-width:640px;--navbar-search-toggle-size:44px;--navbar-search-toggle-color:var(--color-text-invert);--navbar-search-toggle-hover:var(--navbar-active-accent);--navbar-search-toggle-hover-bg:rgba(255, 255, 255, 0.09);--nav-bg:#FFFFFF;--nav-border:#D6D2C6;--nav-brand-text:var(--color-charcoal);--nav-link:var(--color-charcoal);--nav-link-active:var(--color-primary);--nav-link-active-bg:#F7F7F5;--nav-link-hover-bg:#F7F7F5;--nav-link-radius:24px;--nav-link-padding-y:10px;--nav-link-padding-x:22px;--nav-link-size:18px;--nav-link-weight:600;--nav-menu-gap:24px;--nav-menu-gap-tablet:24px;--nav-underline-height:4px;--nav-toggle-bar:var(--color-charcoal);--nav-search-bg:#F7F7F5;--nav-search-bg-hover:#F7F7F5;--nav-search-text:#5A6B5D;--nav-search-width:240px;--nav-search-height:48px;--nav-search-radius:24px;--nav-search-padding-left:20px;--nav-search-inset:4px;--nav-search-btn-size:40px;--nav-search-btn-bg:#171C18;--nav-search-btn-bg-hover:var(--color-primary);--nav-search-btn-icon:var(--color-text-invert);--nav-search-input-text:var(--color-charcoal);--nav-focus-ring:var(--nav-search-btn-bg);--nav-focus-width:3px;--nav-focus-offset:2px;--nav-line-height:48px;--nav-line-height-mobile:44px;--nav-line-padding-x:24px;--nav-line-radius:24px;--nav-line-bg:var(--line-btn-bg);--nav-line-text:var(--line-btn-text);--navbar-search-panel-bg:var(--nav-bg);--navbar-search-panel-shadow:0 12px 24px -10px rgba(0, 0, 0, 0.25);--navbar-search-panel-padding-y:var(--spacing-md);--navbar-search-panel-offset:-10px;--navbar-search-panel-transition:0.28s cubic-bezier(0.4, 0, 0.2, 1);--logo-navbar-height:62px;--logo-navbar-height-tablet:48px;--logo-navbar-height-mobile:40px;--logo-footer-height:72px;--social-icon-circle-size:48px;--social-icon-size:1.35rem;--social-icon-gap:var(--space-1);--placeholder-icon-color:var(--color-secondary);--placeholder-icon-size:2rem;--card-image-ratio:1/1;--product-thumb-badge-strip:38px;--badge-radius:3px;--badge-padding:var(--space-1) 10px;--badge-font-size:13px;--badge-font-weight:700;--badge-letter-spacing:0.06em;--badge-offset:var(--space-1);--badge-shadow:0 1px 2px rgba(0, 0, 0, 0.12);--badge-cat-insect-bg:#FBEBEA;--badge-cat-insect-text:var(--color-red-deep);--badge-cat-weed-bg:#F7F7F5;--badge-cat-weed-text:var(--color-green);--badge-cat-disease-bg:#E9EBE8;--badge-cat-disease-text:var(--color-charcoal);--badge-cat-adjuvant-bg:#FAF0D6;--badge-cat-adjuvant-text:var(--color-gold-deep);--badge-new-bg:#CE2A24;--badge-new-text:#FFFFFF;--section-header-tight-gap:var(--spacing-sm);--carousel-snap-type:x mandatory;--carousel-snap-align:start;--carousel-overscroll:contain;--hero-aspect:3/1;--hero-copy-top:20%;--hero-copy-width:min(600px, calc(48vw - 32px));--hero-copy-top-mid:18%;--hero-copy-width-mid:42vw;--hero-gap-title:12px;--hero-gap-subtitle:18px;--hero-title-size:min(3.3vw, 48px);--hero-title-size-mid:3.05vw;--hero-title-size-mobile:27px;--hero-title-weight:600;--hero-title-line-height:1.25;--hero-subtitle-size:max(16px, 1.35vw);--hero-subtitle-size-mid:max(16px, 1.6vw);--hero-subtitle-size-mobile:18px;--hero-subtitle-weight:500;--hero-copy-color:var(--color-green-dark);--hero-text-color:var(--color-text);--hero-subtitle-color:var(--color-text-muted);--hero-band-bg:#F7F7F5;--hero-btn-bg:var(--color-terracotta);--hero-btn-text:var(--color-text-invert);--hero-btn-bg-hover:var(--color-terracotta-dark);--hero-btn-height:52px;--hero-btn-padding-inline:24px;--hero-btn-font-size:18px;--hero-btn-weight:600;--hero-btn-icon-size:1.15em;--hero-btn-icon-stroke:1.75;--hero-btn-icon-gap:10px;--hero-btn-icon-shift:4px;--hero-btn-height-mobile:44px;--hero-btn-font-size-mobile:16px;--card-name-size:18px;--card-name-line-height:1.4;--card-name-lines:2;--card-name-min-height:calc(var(--card-name-lines) * var(--card-name-size) * var(--card-name-line-height));--card-link-size:17px;--card-package-size:17px;--card-min-width:290px;--card-body-pad-inline:28px;--pd-gap:var(--spacing-md);--pd-card-bg:var(--color-bg);--pd-card-border:1px solid var(--color-border);--pd-card-radius:10px;--pd-card-pad:var(--spacing-sm);--pd-media-height:300px;--pd-media-height-tablet:240px;--pd-media-height-mobile:200px;--pd-media-pad:20px;--pd-media-radius:8px;--pd-media-bg:var(--product-media-bg);--pd-title-size:24px;--pd-title-line-height-mobile:1.3;--pd-spec-key-size:16px;--pd-spec-value-size:18px;--pd-spec-row-pad-mobile:12px;--pd-back-size:18px;--pd-back-color:var(--color-primary);--pd-rate-bg:#F7F7F5;--pd-rate-radius:10px;--pd-rate-pad:18px;--pd-rate-label-size:16px;--pd-rate-main-size:22px;--pd-rate-note-size:16px;--pd-rate-label-color:var(--hero-subtitle-color);--pd-box-label-size:16px;--pd-box-text-size:18px;--pd-chip-size:16px;--empty-state-padding-block:72px;--empty-state-gap:16px;--empty-state-icon-size:48px;--empty-state-icon-color:var(--color-text-muted);--empty-state-title-size:27.65px;--empty-state-text-size:18px;--empty-state-text-max-width:44ch;--pd-action-height:52px;--pd-action-gap:10px;--pd-related-min-width:240px;--product-image-ratio:4/5;--products-sidebar-sticky-top:calc(var(--navbar-height) + var(--spacing-md));--cat-grid-gap:20px;--cat-card-pad:20px;--cat-card-radius:var(--ui-radius);--cat-name-xl:26px;--cat-count-xl:20px;--cat-name-wide:20px;--cat-count-wide:17px;--cat-name-sm:18px;--cat-count-sm:16px;--cat-min-height-sm:108px;--cat-min-height-wide:132px;--cat-min-height-row:96px;--cat-count-color:var(--color-terracotta);--product-spec-key-width:104px;--product-gallery-sticky-top:calc(var(--navbar-height) + var(--spacing-md));--loader-bg:#131813;--loader-logo-width:clamp(120px, 30vw, 176px);--loader-brand-color:#f2f2f2;--loader-brand-gap:var(--spacing-md);--loader-spinner-size:44px;--loader-spinner-thickness:3px;--loader-spinner-track:rgba(255, 255, 255, 0.16);--loader-spinner-color:var(--color-primary);--loader-fade-duration:0.5s;--loader-pulse-duration:2.2s;--loader-spin-duration:0.8s;--skeleton-base:#e6e6e6;--skeleton-highlight:rgba(255, 255, 255, 0.65);--skeleton-shimmer-duration:1.4s;--skeleton-fade-duration:0.4s;--contact-line-bg:var(--ui-forest);--contact-line-padding:var(--spacing-xl);--contact-line-gap:var(--spacing-xl);--contact-line-max-width:920px;--contact-line-btn-padding:0.8rem 1.75rem;--contact-qr-size:180px;--contact-qr-frame-padding:12px;--contact-qr-frame-radius:var(--ui-radius);--contact-icon-circle-size:52px;--contact-icon-size:1.4rem;--contact-icon-bg:#F7F7F5;--contact-icon-color:var(--color-primary);--contact-card-gap:var(--spacing-md);--contact-section-max-width:860px;--contact-map-height:420px;--contact-map-height-mobile:300px;--mascot-src:url('../images/logo/logo-superrad.webp');--mascot-hero-width:clamp(190px, 24vw, 330px);--mascot-hero-right:clamp(8px, 4vw, 72px);--mascot-empty-width:clamp(150px, 42vw, 230px);--line-banner-gap:48px;--line-banner-qr-size:160px;--line-banner-btn-height:56px;--mascot-opacity-hero:1;--brand-ph-logo:var(--mascot-src);--brand-ph-logo-size:55%;--brand-ph-logo-color:rgba(255, 255, 255, 0.16);--transition-fast:0.15s cubic-bezier(0.4, 0, 0.2, 1);--transition-base:0.25s cubic-bezier(0.4, 0, 0.2, 1);--motion-fast:150ms;--motion-base:200ms;--ease:cubic-bezier(.2, .7, .3, 1);--focus-ring:3px solid var(--color-primary);--focus-offset:2px;--link-underline-offset:3px;--link-underline-thickness:1.5px;--filter-count-bg:#F0F0EE;--cat-insect:var(--color-red-deep);--cat-weed:var(--color-green);--cat-disease:var(--color-charcoal);--cat-adjuvant:var(--color-gold-deep);--shadow-card:0 1px 3px rgba(0, 0, 0, 0.08),0 1px 2px rgba(0, 0, 0, 0.06)}