/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:"Roboto", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-icons:"fl-icons";--color-primary:#4c9a14;--color-primary-dark:#38780b;--color-secondary:#245208;--color-body:#333;--color-page:#f4f9f0;--color-line:#e4efe0;--color-muted:#4a4a4ad9;--color-muted-hover:#121212d9;--shadow-dropdown:1px 1px 15px #00000026;--shadow-sticky:1px 1px 10px #00000026}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{-webkit-text-size-adjust:100%;background-color:#000}body{background-color:var(--color-page);color:var(--color-body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{color:#222;font-weight:700;line-height:1.3}a{color:inherit;text-decoration:none}img{vertical-align:middle;max-width:100%;height:auto;display:inline-block}del{text-decoration:line-through}ins{text-decoration:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}}@layer components{.fl-icon{speak:never;line-height:1.2;display:inline-block;position:relative;font-family:var(--font-icons)!important;text-transform:none!important;font-style:normal!important;font-weight:400!important}.fl-icon--user:before{content:""}.fl-icon--menu:before{content:""}.fl-icon--bag:before{content:""}.fl-icon--angle-up:before{content:""}.fl-icon--angle-down:before{content:""}.fl-icon--search:before{content:""}.fl-icon--facebook:before{content:""}.fl-icon--instagram:before{content:""}.fl-icon--tiktok:before{content:""}.fl-icon--x:before{content:""}.fl-icon--youtube:before{content:""}.row{flex-flow:wrap;width:100%;max-width:1170px;margin-inline:auto;display:flex}.row>.col{width:100%;padding:0 15px 30px;position:relative}.row-small{max-width:1162.5px}.row-small>.col,.row-small>.slider__viewport>.slider__track>.col{padding:0 9.8px 19.6px}.row-collapse{max-width:1140px}.row-collapse>.col{padding:0}.row .row{width:auto;max-width:none;margin-inline:-15px}.row .row-small{margin-inline:-10px}.row .row-collapse{margin-inline:0}.cols-2>.col{flex-basis:50%;max-width:50%}@media (min-width:550px){.cols-m3>.col{flex-basis:33.3333%;max-width:33.3333%}}@media (min-width:850px){.cols-l3>.col{flex-basis:33.3333%;max-width:33.3333%}.cols-l4>.col,.large-3{flex-basis:25%;max-width:25%}.large-9{flex-basis:75%;max-width:75%}}@media (max-width:849px){.hide-for-medium{display:none!important}}.category-page-row{padding-top:30px;padding-bottom:40px}.nav-link{white-space:nowrap}.widget-title{text-transform:uppercase;letter-spacing:.05em;color:#222;margin-bottom:.5em;font-size:15px;font-weight:700;line-height:1.2;display:block}.is-divider{background-color:var(--color-primary);width:100%;max-width:30px;height:3px;margin:.5em 0 1em;display:block}.is-divider.small{height:2px}.title-bar{background-color:#fff;border-radius:5px;position:relative}.title-bar:before{content:"";border-top:2px solid var(--color-primary);pointer-events:none;z-index:1;border-radius:5px;position:absolute;inset:0}.title-box{position:relative;z-index:2;background-color:var(--color-primary);border-radius:5px 0 0 5px;align-items:center;width:fit-content;min-height:45.6px;padding:10px 15px;display:flex}.title-box img{width:20px;height:20px}.title-box h2{color:#fff;width:fit-content;margin:0;padding-left:10px;font-size:17.5px;font-weight:700;line-height:1.3}.title-box--full{border-radius:5px;width:100%}@media (max-width:767px){.title-box:not(.title-box--full){border-radius:4px 4px 0 0;width:100%}}.product-card{position:relative}.product-card__badge{z-index:21;pointer-events:none;margin-top:10px;position:absolute;top:0;right:10px}.product-card__badge-circle{width:2.8em;height:2.8em;margin-left:-.4em;display:table}.product-card__badge-inner{background-color:var(--color-primary);color:#fff;text-align:center;vertical-align:middle;white-space:nowrap;border-radius:999px;width:100%;height:100%;padding:2px;font-weight:700;line-height:.85;display:table-cell}.product-card__badge-inner:before{content:"";border-left:17px solid #0000;border-right:17px solid #0000;border-bottom:17px solid var(--color-primary);position:absolute;top:-6px;right:-6px;transform:rotate(30deg)}.product-card__box{background-color:#fff}.product-card__image{position:relative;overflow:hidden}.product-card__image img{border-radius:3px 0 0 3px;width:100%;display:block}.product-card__tools{opacity:0;transition:opacity .5s,transform .3s;position:absolute;bottom:0;left:0;right:0}.product-card:hover .product-card__tools,.product-card:focus-within .product-card__tools{opacity:1}@media only screen and (max-device-width:1024px){.product-card__tools{opacity:1}}.product-card__cart{width:40px;height:40px;color:var(--color-primary);background-color:#fff;border-radius:99px;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;bottom:0;right:10px;transform:translate(100%)translateY(-100px);box-shadow:0 0 0 1px #0000000d}.product-card:hover .product-card__cart,.product-card__cart:focus-visible{transform:translate(0)translateY(-100px)}.product-card__oos{color:#333;opacity:.9;text-align:center;text-transform:uppercase;pointer-events:none;background-color:#ffffffe6;padding:20px 0;font-weight:700;position:absolute;top:40%;left:0;right:0}.product-card{background-color:#fff;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 1px 4px #00000014}.product-card:hover{box-shadow:0 4px 14px #0000001f}.product-card__text{padding:16px 20px;font-size:16px;line-height:1.5;position:relative}@media (max-width:767px){.product-card__text{padding:12px 10px}}.product-card__title{color:#222;border-bottom:1px solid #e5e5e5;margin:.1em 0 12px;padding-bottom:10px;font-size:17px;font-weight:700;line-height:1.4}.product-card__title a{color:#222;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:.1em 0;font-size:17px;font-weight:700;line-height:1.4;transition:color .2s;display:-webkit-box;overflow:hidden}.product-card__title a:hover{color:var(--color-primary)}.price{flex-direction:column;gap:4px;min-height:42px;line-height:1.2;display:flex}.price del{color:#888;opacity:.8;font-size:14px;display:block}.price del .amount{color:#888;margin-right:.3em;font-size:14px;font-weight:400}.price .amount,.price ins .amount{color:var(--color-primary);font-size:18px;font-weight:700}.slider{position:relative}.slider__viewport{touch-action:pan-y;width:100%;position:relative;overflow:hidden}.slider.is-draggable .slider__viewport{cursor:grab}.slider.is-dragging .slider__viewport{cursor:grabbing}.slider.is-dragging .slider__track{pointer-events:none}.slider__track{will-change:transform;flex-wrap:nowrap;align-items:flex-start;display:flex}.slider__track>*{width:calc(100% / var(--cols,1));flex:none}.slider--products,.slider--logos{--cols:2}@media (min-width:550px){.slider--products,.slider--logos{--cols:3}}@media (min-width:850px){.slider--products{--cols:4}.slider--logos{--cols:6}}.slider--logos .slider__track>.col{padding:0 15px}.slider__arrow{z-index:2;color:#fff;cursor:pointer;opacity:1;background:0 0;border:0;width:36px;margin:0;padding:0;transition:transform .3s,opacity .3s;position:absolute;top:40%;bottom:40%}.slider__arrow--prev{left:2%;transform:translate(20%)}.slider__arrow--next{right:2%;transform:translate(-20%)}.slider:hover .slider__arrow,.slider--show-nav .slider__arrow{opacity:.7;transform:translate(0)}.slider .slider__arrow:hover{opacity:1}.slider .slider__arrow:disabled{opacity:0;pointer-events:none;cursor:auto}.slider--nav-push .slider__arrow{margin-top:-10%}.slider__arrow svg{border:2px solid var(--color-primary);background-color:var(--color-primary);fill:#fff;border-radius:100%;width:100%;max-width:100%;height:36px;padding:20%;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:549px){.slider__arrow{width:24px}.slider__arrow svg{height:24px;padding:3px}.slider--banner .slider__arrow{display:none}}.nav-dropdown{z-index:9;min-width:260px;box-shadow:var(--shadow-dropdown);color:#777;opacity:0;visibility:hidden;background-color:#fff;margin:0;padding:0;list-style:none;transition:opacity .25s,visibility .25s;position:absolute;top:100%;left:-99999px}.has-dropdown:hover>.nav-dropdown,.has-dropdown.is-open>.nav-dropdown{opacity:1;visibility:visible;left:-15px}.nav-dropdown a{color:var(--color-muted);white-space:nowrap;padding:10px 20px;font-size:16px;line-height:1.3;display:block}.nav-dropdown a:hover,.nav-dropdown a:focus-visible{color:var(--color-muted-hover);background-color:#00000008}.vmenu .has-dropdown>.nav-dropdown{top:0}.vmenu .has-dropdown:hover>.nav-dropdown,.vmenu .has-dropdown.is-open>.nav-dropdown{left:100%}.header-wrapper{z-index:1001;width:100%;position:relative}.header-wrapper.is-stuck{box-shadow:var(--shadow-sticky);position:fixed;top:0;left:0;right:0}.header-wrapper.is-stuck .hide-for-sticky,.header-wrapper.is-stuck .vmenu{display:none}.has-dropdown.is-suppressed>.nav-dropdown{opacity:0!important;visibility:hidden!important;left:-99999px!important}.search-form{width:100%;display:flex}.search-form input[type=search]{color:#333;appearance:none;background-color:#fff;border:1px solid #ddd;border-radius:5px 0 0 5px;flex:auto;min-width:0;height:2.507em;padding:0 .75em;font-size:.97em;box-shadow:inset 0 1px 2px #0000001a}.search-form input[type=search]::placeholder{color:#757575;opacity:1}.search-form--mobile input[type=search]{font-size:1em}.search-form input[type=search]:focus{outline:none;box-shadow:0 0 5px #ccc}.search-form input[type=search]:focus-visible{outline:2px solid var(--color-secondary);outline-offset:-2px}.search-form button{background-color:var(--color-secondary);color:#fff;cursor:pointer;border:1px solid #0000000d;border-radius:0 5px 5px 0;flex:none;min-width:2.5em;padding:0 .6em;font-size:.97em;line-height:2.4em;transition:opacity .3s}.search-form button:hover{box-shadow:inset 0 0 0 100px #0003}.search-form button .fl-icon{font-size:1.2em;top:-1.5px}.offcanvas-bg{z-index:1042;opacity:0;background:#0b0b0b;transition:opacity .25s;position:fixed;inset:0}.offcanvas.is-open .offcanvas-bg{opacity:.6}.offcanvas__panel{z-index:1045;opacity:0;scrollbar-width:none;background-color:#fffffff2;width:300px;max-width:100%;padding:30px 0;transition:transform .3s,opacity .3s;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto;transform:translate(-300px);box-shadow:0 0 10px #00000080}.offcanvas.is-open .offcanvas__panel{opacity:1;transform:translate(0)}.offcanvas__close{z-index:1046;color:#fff;cursor:pointer;mix-blend-mode:difference;opacity:.6;background:0 0;border:0;width:40px;height:40px;padding:0;transition:opacity .3s;position:fixed;top:0;right:0}.offcanvas__close:hover{opacity:1}.offcanvas__close svg{width:28px;height:28px;margin:6px;display:block}.offcanvas-nav>li{flex-flow:wrap;align-items:center;transition:background-color .3s;display:flex}.offcanvas-nav>li+li{border-top:1px solid var(--color-line)}.offcanvas-nav>li:hover,.offcanvas-nav>li.is-active{background-color:#0000000d}.offcanvas-nav>li>a{color:#222;letter-spacing:.02em;text-transform:uppercase;flex-grow:1;align-items:center;padding:15px 0 15px 20px;font-size:14px;font-weight:700;display:flex}.offcanvas-nav__toggle{color:#222;cursor:pointer;opacity:.6;background:0 0;border:0;width:45px;margin:0 5px 0 0;padding:0;line-height:1}.offcanvas-nav__toggle:hover{opacity:1}.offcanvas-nav__toggle .fl-icon{font-size:1.8em;transition:transform .3s}.offcanvas-nav>li.is-active .offcanvas-nav__toggle .fl-icon{transform:rotate(-180deg)}.offcanvas-nav__sub{width:100%;margin:0 0 2em;padding:0;list-style:none;display:none}.offcanvas-nav>li.is-active>.offcanvas-nav__sub{display:block}.offcanvas-nav__sub li{padding-left:.5em}.offcanvas-nav__sub a{color:#222;padding:5px 0 5px 20px;font-size:16px;transition:color .2s;display:block}.offcanvas-nav__sub a:hover{color:#111}.back-to-top{opacity:0;pointer-events:none;transition:opacity .3s,transform .3s,background-color .3s,color .3s,border-color .3s;transform:translateY(30%)}.back-to-top.is-active{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}.tabs-nav{pointer-events:none}.tabs-nav>*{pointer-events:auto}.tabs-nav__tab{color:var(--color-muted);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex-wrap:wrap;align-items:center;padding:15px 10px;font-size:15px;font-weight:700;line-height:1.6;transition:color .2s;display:inline-flex;position:relative}.tabs-nav__tab:hover,.tabs-nav__tab[aria-selected=true]{color:var(--color-muted-hover)}.tabs-nav__tab:before{content:" ";background-color:var(--color-primary);clip-path:polygon(0 0,50% 100%,100% 0);opacity:0;width:15px;height:5px;transition:all .3s;position:absolute;top:0;left:50%;transform:translate(-50%)}.tabs-nav__tab:hover:before,.tabs-nav__tab[aria-selected=true]:before{opacity:1}@media (max-width:767px){.tabs-nav{scrollbar-width:none}.tabs-nav::-webkit-scrollbar{display:none}}.subscribe-input{color:#333;height:2.507em;box-shadow:none;background-color:#fff;border:1px solid #ebebeb;border-radius:99px 0 0 99px;padding:0 20px;font-size:.97em}.subscribe-input::placeholder{color:#757575;opacity:1}.subscribe-input:focus{outline:none}.subscribe-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.subscribe-input[aria-invalid=true]{border-color:#b20000}.subscribe-btn{background-color:var(--color-primary);color:#fff;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:0 99px 99px 0;height:40px;margin:0;padding:0 1.2em;font-size:14px;font-weight:700;line-height:2.4em;transition:transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s}.subscribe-btn:hover{box-shadow:inset 0 0 0 100px #0003}.vmenu--dropdown nav{display:none}.vmenu--dropdown:hover nav,.vmenu--dropdown:focus-within nav,.vmenu--dropdown.is-open nav{box-shadow:var(--shadow-dropdown);display:block}.page-title-banner{text-align:center;color:#fff;background-position:8% 37%;background-size:cover;justify-content:center;align-items:center;min-height:200px;display:flex;position:relative}.page-title-banner:before{content:"";z-index:1;background-color:#00000073;position:absolute;inset:0}.page-title-banner>*{z-index:2;position:relative}.widget{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:25px;overflow:hidden;box-shadow:1px 1px 5px #00000014}.widget .widget-title{border-top:3px solid var(--color-primary);text-transform:uppercase;color:#222;letter-spacing:.03em;border-bottom:1px solid #eee;margin-bottom:0;padding:14px 18px;font-size:16px;font-weight:700;display:block}.widget .is-divider{display:none}.widget ul{margin:0;padding:8px 16px;list-style:none}.widget ul li{border-bottom:1px solid #f0f0f0;padding:9px 0}.widget ul li:last-child{border-bottom:none}.widget ul li a{color:#333;font-size:15px;transition:color .2s}.widget ul li a:hover{color:var(--color-primary)}.form-control-input{color:#333;background-color:#fff;border:1px solid #ddd;border-radius:4px;width:100%;height:40px;padding:0 15px;font-size:14px;transition:border-color .2s}.form-control-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #4c9a1433}.form-control-textarea{color:#333;background-color:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:10px 15px;font-size:14px;transition:border-color .2s}.form-control-textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #4c9a1433}.pagination-item{color:#333;background-color:#fff;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 10px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.pagination-item:hover,.pagination-item.is-current{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.pagination-item.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.rotate-90{rotate:90deg}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-3{top:calc(var(--spacing) * 3)}.top-\[-1px\]{top:-1px}.top-\[10px\]{top:10px}.top-\[20\%\]{top:20%}.top-\[50px\]{top:50px}.top-\[calc\(100\%\+20px\)\]{top:calc(100% + 20px)}.right-\[-2px\]{right:-2px}.right-\[20px\]{right:20px}.bottom-\[20px\]{bottom:20px}.left-0{left:0}.left-3{left:calc(var(--spacing) * 3)}.z-1{z-index:1}.z-3{z-index:3}.z-10{z-index:10}.z-\[9\]{z-index:9}.z-\[21\]{z-index:21}.z-\[1001\]{z-index:1001}.z-\[99999\]{z-index:99999}.col-1{grid-column:1}.col-2{grid-column:2}.col-954118{grid-column:954118}.col-34078224{grid-column:34078224}.col-52124445{grid-column:52124445}.col-79293318{grid-column:79293318}.col-123627946{grid-column:123627946}.col-123867597{grid-column:123867597}.col-129892883{grid-column:129892883}.col-138304272{grid-column:138304272}.col-154589682{grid-column:154589682}.col-169833803{grid-column:169833803}.col-169989741{grid-column:169989741}.col-185786030{grid-column:185786030}.col-215761951{grid-column:215761951}.col-220616421{grid-column:220616421}.col-236056720{grid-column:236056720}.col-240516996{grid-column:240516996}.col-255942637{grid-column:255942637}.col-299621650{grid-column:299621650}.col-303556792{grid-column:303556792}.col-312402842{grid-column:312402842}.col-328735239{grid-column:328735239}.col-344662453{grid-column:344662453}.col-360262951{grid-column:360262951}.col-400035031{grid-column:400035031}.col-408009920{grid-column:408009920}.col-416161655{grid-column:416161655}.col-431414114{grid-column:431414114}.col-450210584{grid-column:450210584}.col-483451771{grid-column:483451771}.col-501392937{grid-column:501392937}.col-510829409{grid-column:510829409}.col-518354118{grid-column:518354118}.col-519817087{grid-column:519817087}.col-525334840{grid-column:525334840}.col-534323966{grid-column:534323966}.col-536053679{grid-column:536053679}.col-546965296{grid-column:546965296}.col-549517098{grid-column:549517098}.col-552402980{grid-column:552402980}.col-563478038{grid-column:563478038}.col-564655088{grid-column:564655088}.col-595726292{grid-column:595726292}.col-599281816{grid-column:599281816}.col-603625099{grid-column:603625099}.col-613530188{grid-column:613530188}.col-638435328{grid-column:638435328}.col-653332233{grid-column:653332233}.col-716232817{grid-column:716232817}.col-730602618{grid-column:730602618}.col-739528463{grid-column:739528463}.col-759298514{grid-column:759298514}.col-779964526{grid-column:779964526}.col-793745863{grid-column:793745863}.col-793999659{grid-column:793999659}.col-818981078{grid-column:818981078}.col-859232377{grid-column:859232377}.col-872438683{grid-column:872438683}.col-927886145{grid-column:927886145}.col-934379599{grid-column:934379599}.col-935035843{grid-column:935035843}.col-969647520{grid-column:969647520}.col-978602506{grid-column:978602506}.col-982700586{grid-column:982700586}.col-1019252681{grid-column:1019252681}.col-1053877561{grid-column:1053877561}.col-1073736031{grid-column:1073736031}.col-1087480319{grid-column:1087480319}.col-1098089476{grid-column:1098089476}.col-1104993822{grid-column:1104993822}.col-1105399288{grid-column:1105399288}.col-1166513268{grid-column:1166513268}.col-1169684242{grid-column:1169684242}.col-1209698600{grid-column:1209698600}.col-1212370819{grid-column:1212370819}.col-1250322801{grid-column:1250322801}.col-1264740294{grid-column:1264740294}.col-1275801114{grid-column:1275801114}.col-1278001700{grid-column:1278001700}.col-1308102800{grid-column:1308102800}.col-1346533737{grid-column:1346533737}.col-1355257929{grid-column:1355257929}.col-1367807676{grid-column:1367807676}.col-1377236019{grid-column:1377236019}.col-1419255049{grid-column:1419255049}.col-1489837809{grid-column:1489837809}.col-1492913317{grid-column:1492913317}.col-1493644363{grid-column:1493644363}.col-1523220926{grid-column:1523220926}.col-1560682568{grid-column:1560682568}.col-1569308409{grid-column:1569308409}.col-1576462864{grid-column:1576462864}.col-1590958536{grid-column:1590958536}.col-1609756091{grid-column:1609756091}.col-1613191634{grid-column:1613191634}.col-1613804257{grid-column:1613804257}.col-1615887246{grid-column:1615887246}.col-1636914876{grid-column:1636914876}.col-1644210907{grid-column:1644210907}.col-1657694650{grid-column:1657694650}.col-1709057907{grid-column:1709057907}.col-1724156955{grid-column:1724156955}.col-1731313602{grid-column:1731313602}.col-1765254030{grid-column:1765254030}.col-1771754503{grid-column:1771754503}.col-1794526740{grid-column:1794526740}.col-1827645487{grid-column:1827645487}.col-1842006345{grid-column:1842006345}.col-1872606898{grid-column:1872606898}.col-1898030526{grid-column:1898030526}.col-1910719236{grid-column:1910719236}.col-1936222211{grid-column:1936222211}.col-1939710641{grid-column:1939710641}.col-1987710144{grid-column:1987710144}.col-2026452480{grid-column:2026452480}.col-2033270419{grid-column:2033270419}.col-2054020849{grid-column:2054020849}.col-2095565994{grid-column:2095565994}.col-2106384646{grid-column:2106384646}.col-2118207015{grid-column:2118207015}.col-2137503877{grid-column:2137503877}.row-36069656{grid-row:36069656}.row-136400695{grid-row:136400695}.row-173665222{grid-row:173665222}.row-231300796{grid-row:231300796}.row-266439947{grid-row:266439947}.row-442900773{grid-row:442900773}.row-479966952{grid-row:479966952}.row-526285787{grid-row:526285787}.row-692292327{grid-row:692292327}.row-715974041{grid-row:715974041}.row-961012006{grid-row:961012006}.row-1104022699{grid-row:1104022699}.row-1169759280{grid-row:1169759280}.row-1172723830{grid-row:1172723830}.row-1196125790{grid-row:1196125790}.row-1244195020{grid-row:1244195020}.row-1258112877{grid-row:1258112877}.row-1314724818{grid-row:1314724818}.row-1366082959{grid-row:1366082959}.row-1401559749{grid-row:1401559749}.row-1512110921{grid-row:1512110921}.row-1523496056{grid-row:1523496056}.row-1548303178{grid-row:1548303178}.row-1551616794{grid-row:1551616794}.row-1559879455{grid-row:1559879455}.row-1575973232{grid-row:1575973232}.row-1577742106{grid-row:1577742106}.row-1708754052{grid-row:1708754052}.row-1798516518{grid-row:1798516518}.row-1840814095{grid-row:1840814095}.row-1854564055{grid-row:1854564055}.row-1890416071{grid-row:1890416071}.row-1938291028{grid-row:1938291028}.row-1953748387{grid-row:1953748387}.row-1987641825{grid-row:1987641825}.container{width:100%}@media (min-width:550px){.container{max-width:550px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:850px){.container{max-width:850px}}.mx-1{margin-inline:var(--spacing)}.mx-2{margin-inline:calc(var(--spacing) * 2)}.mx-\[1\.86px\]{margin-inline:1.86px}.mx-\[1\.92px\]{margin-inline:1.92px}.mx-\[4\.08px\]{margin-inline:4.08px}.mx-auto{margin-inline:auto}.my-4{margin-block:calc(var(--spacing) * 4)}.-mt-\[30px\]{margin-top:-30px}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-\[5px\]{margin-top:5px}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-\[-1\.6px\]{margin-right:-1.6px}.mr-\[7px\]{margin-right:7px}.mr-\[10px\]{margin-right:10px}.mr-\[15px\]{margin-right:15px}.-mb-\[2px\]{margin-bottom:-2px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-\[\.3em\]{margin-bottom:.3em}.mb-\[5px\]{margin-bottom:5px}.mb-\[9px\]{margin-bottom:9px}.mb-\[20\.8px\]{margin-bottom:20.8px}.ml-1{margin-left:var(--spacing)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-\[\.2em\]{margin-left:.2em}.ml-\[5px\]{margin-left:5px}.ml-\[15px\]{margin-left:15px}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-\[16\/9\]{aspect-ratio:16/9}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-\[38\.8px\]{width:38.8px;height:38.8px}.size-\[50px\]{width:50px;height:50px}.size-\[60px\]{width:60px;height:60px}.size-\[64px\]{width:64px;height:64px}.size-\[70px\]{width:70px;height:70px}.size-\[90px\]{width:90px;height:90px}.size-full{width:100%;height:100%}.h-0\.5{height:calc(var(--spacing) * .5)}.h-11{height:calc(var(--spacing) * 11)}.h-\[27px\]{height:27px}.h-\[30px\]{height:30px}.h-\[35\.6px\]{height:35.6px}.h-\[40\.4px\]{height:40.4px}.h-\[44px\]{height:44px}.h-\[50px\]{height:50px}.h-\[70px\]{height:70px}.h-\[100px\]{height:100px}.h-auto{height:auto}.h-full{height:100%}.min-h-\[35px\]{min-height:35px}.min-h-\[40px\]{min-height:40px}.min-h-\[110px\]{min-height:110px}.w-1\/3{width:33.3333%}.w-1\/4{width:25%}.w-6{width:calc(var(--spacing) * 6)}.w-12{width:calc(var(--spacing) * 12)}.w-\[20px\]{width:20px}.w-\[35px\]{width:35px}.w-\[48px\]{width:48px}.w-\[110px\]{width:110px}.w-\[240px\]{width:240px}.w-\[270px\]{width:270px}.w-\[294px\]{width:294px}.w-auto{width:auto}.w-full{width:100%}.max-w-\[200px\]{max-width:200px}.max-w-\[600px\]{max-width:600px}.max-w-\[800px\]{max-width:800px}.max-w-\[1170px\]{max-width:1170px}.max-w-none{max-width:none}.min-w-0{min-width:0}.min-w-\[40px\]{min-width:40px}.flex-1{flex:1}.flex-none{flex:none}.flex-grow{flex-grow:1}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-\[10px\]{gap:10px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\[\#ececec\]>:not(:last-child)){border-color:#ececec}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[3px\]{border-radius:3px}.rounded-\[5px\]{border-radius:5px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-l-\[5px\]{border-top-left-radius:5px;border-bottom-left-radius:5px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-\[\#c0c0c0\]{border-color:silver}.border-\[\#ddd\]{border-color:#ddd}.border-black\/5{border-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.border-black\/5{border-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.border-line{border-color:var(--color-line)}.border-primary{border-color:var(--color-primary)}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.border-white\/30{border-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.bg-\[\#4c9a14\]{background-color:#4c9a14}.bg-\[\#f5f5f5\]{background-color:#f5f5f5}.bg-\[\#f8f8f8\]{background-color:#f8f8f8}.bg-\[\#fbfbfb\]{background-color:#fbfbfb}.bg-black{background-color:var(--color-black)}.bg-page{background-color:var(--color-page)}.bg-primary{background-color:var(--color-primary)}.bg-primary-dark{background-color:var(--color-primary-dark)}.bg-primary\/10{background-color:#4c9a141a}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.bg-secondary{background-color:var(--color-secondary)}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.bg-white\/20{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.object-cover{object-fit:cover}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[6px\]{padding-inline:6px}.px-\[10px\]{padding-inline:10px}.px-\[15px\]{padding-inline:15px}.px-\[20px\]{padding-inline:20px}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-\[4\.8px\]{padding-block:4.8px}.py-\[5px\]{padding-block:5px}.py-\[7\.5px\]{padding-block:7.5px}.py-\[8px\]{padding-block:8px}.py-\[10px\]{padding-block:10px}.py-\[12px\]{padding-block:12px}.py-\[15px\]{padding-block:15px}.py-\[20px\]{padding-block:20px}.py-\[30px\]{padding-block:30px}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-\[\.2em\]{padding-top:.2em}.pt-\[10px\]{padding-top:10px}.pt-\[15px\]{padding-top:15px}.pr-\[15px\]{padding-right:15px}.pb-0{padding-bottom:0}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-\[5px\]{padding-bottom:5px}.pb-\[7\.5px\]{padding-bottom:7.5px}.pb-\[15px\]{padding-bottom:15px}.pb-\[30px\]{padding-bottom:30px}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-\[16px\]{padding-left:16px}.pl-\[105px\]{padding-left:105px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[1\.4em\]{font-size:1.4em}.text-\[1\.715em\]{font-size:1.715em}.text-\[12\.8px\]{font-size:12.8px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13\.6px\]{font-size:13.6px}.text-\[13\.8px\]{font-size:13.8px}.text-\[13px\]{font-size:13px}.text-\[14\.4px\]{font-size:14.4px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14\.8px\]{font-size:14.8px}.text-\[14\.58px\]{font-size:14.58px}.text-\[14px\]{font-size:14px}.text-\[15\.52px\]{font-size:15.52px}.text-\[15px\]{font-size:15px}.text-\[16\.32px\]{font-size:16.32px}.text-\[16px\]{font-size:16px}.text-\[19\.2px\]{font-size:19.2px}.text-\[20px\]{font-size:20px}.text-\[27\.36px\]{font-size:27.36px}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.05\]{--tw-leading:1.05;line-height:1.05}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[1\.33\]{--tw-leading:1.33;line-height:1.33}.leading-\[24px\]{--tw-leading:24px;line-height:24px}.leading-\[34px\]{--tw-leading:34px;line-height:34px}.leading-\[38\.4px\]{--tw-leading:38.4px;line-height:38.4px}.leading-\[50px\]{--tw-leading:50px;line-height:50px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[\.02em\]{--tw-tracking:.02em;letter-spacing:.02em}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.tab-2{tab-size:2}.text-\[\#222\]{color:#222}.text-\[\#333\]{color:#333}.text-\[\#444\]{color:#444}.text-\[\#555\]{color:#555}.text-\[\#666\]{color:#666}.text-\[\#777\]{color:#777}.text-\[\#999\]{color:#999}.text-\[\#334862\]{color:#334862}.text-\[\#b20000\]{color:#b20000}.text-\[\#c0c0c0\]{color:silver}.text-\[\#ccc\]{color:#ccc}.text-\[\#f1f1f1\]{color:#f1f1f1}.text-\[\#ff9800\]{color:#ff9800}.text-black{color:var(--color-black)}.text-muted{color:var(--color-muted)}.text-primary{color:var(--color-primary)}.text-white{color:var(--color-white)}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab, red, red)){.text-white\/80{color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.text-white\/90{color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.text-white\/95{color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.text-white\/95{color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-\[0_1px_4px_rgba\(0\,0\,0\,\.16\)\]{--tw-shadow:0 1px 4px var(--tw-shadow-color,#00000029);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:border-b-\[5px\]:after{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:5px}.after\:border-primary:after{content:var(--tw-content);border-color:var(--color-primary)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:bg-primary-dark:hover{background-color:var(--color-primary-dark)}.hover\:bg-white\/30:hover{background-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/30:hover{background-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.hover\:text-\[\#111\]:hover{color:#111}.hover\:text-muted-hover:hover{color:var(--color-muted-hover)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[inset_0_0_0_100px_rgba\(0\,0\,0\,\.2\)\]:hover{--tw-shadow:inset 0 0 0 100px var(--tw-shadow-color,#0003);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:top-\[7px\]:focus{top:7px}.focus\:left-\[6px\]:focus{left:6px}.focus\:z-\[100000\]:focus{z-index:100000}.focus\:block:focus{display:block}.focus\:bg-\[\#f1f1f1\]:focus{background-color:#f1f1f1}.focus\:px-\[23px\]:focus{padding-inline:23px}.focus\:py-\[15px\]:focus{padding-block:15px}.focus\:text-\[14px\]:focus{font-size:14px}.focus\:font-bold:focus{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.focus\:text-\[\#21759b\]:focus{color:#21759b}.focus\:shadow-\[0_0_2px_2px_rgba\(0\,0\,0\,\.6\)\]:focus{--tw-shadow:0 0 2px 2px var(--tw-shadow-color,#0009);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-primary:focus{--tw-ring-color:var(--color-primary)}.focus\:ring-white:focus{--tw-ring-color:var(--color-white)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:bg-primary-dark:focus-visible{background-color:var(--color-primary-dark)}.focus-visible\:text-muted-hover:focus-visible{color:var(--color-muted-hover)}.focus-visible\:text-white:focus-visible{color:var(--color-white)}@media not all and (min-width:850px){.max-lg\:px-\[15px\]{padding-inline:15px}.max-lg\:pt-\[15px\]{padding-top:15px}}@media not all and (min-width:768px){.max-md\:flex-1{flex:1}.max-md\:flex-nowrap{flex-wrap:nowrap}.max-md\:justify-start{justify-content:flex-start}.max-md\:overflow-x-auto{overflow-x:auto}.max-md\:bg-white{background-color:var(--color-white)}.max-md\:pl-0{padding-left:0}}@media not all and (min-width:550px){.max-sm\:mb-\[8px\]{margin-bottom:8px}.max-sm\:hidden{display:none}.max-sm\:pb-\[15px\]{padding-bottom:15px}.max-sm\:text-\[12\.96px\]{font-size:12.96px}}@media (min-width:550px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:-mt-\[75px\]{margin-top:-75px}.sm\:h-\[68px\]{height:68px}.sm\:w-1\/2{width:50%}.sm\:max-w-1\/2{max-width:50%}.sm\:max-w-1\/3{max-width:33.3333%}.sm\:max-w-1\/4{max-width:25%}.sm\:basis-1\/2{flex-basis:50%}.sm\:basis-1\/3{flex-basis:33.3333%}.sm\:basis-1\/4{flex-basis:25%}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:p-16{padding:calc(var(--spacing) * 16)}.sm\:py-\[30px\]{padding-block:30px}.sm\:py-\[60px\]{padding-block:60px}.sm\:pt-\[20px\]{padding-top:20px}.sm\:pr-\[10px\]{padding-right:10px}.sm\:pb-0{padding-bottom:0}.sm\:pl-\[10px\]{padding-left:10px}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-\[12\.8px\]{font-size:12.8px}}@media (min-width:768px){.md\:mr-0{margin-right:0}.md\:ml-\[7px\]{margin-left:7px}.md\:block{display:block}.md\:w-full{width:100%}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:justify-end{justify-content:flex-end}.md\:pt-\[15px\]{padding-top:15px}}@media (min-width:850px){.lg\:mr-\[30px\]{margin-right:30px}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:w-\[270px\]{width:270px}.lg\:max-w-1\/3{max-width:33.3333%}.lg\:max-w-1\/6{max-width:16.6667%}.lg\:max-w-3\/4{max-width:75%}.lg\:basis-1\/3{flex-basis:33.3333%}.lg\:basis-1\/6{flex-basis:16.6667%}.lg\:basis-3\/4{flex-basis:75%}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-row-reverse{flex-direction:row-reverse}.lg\:justify-between{justify-content:space-between}.lg\:justify-end{justify-content:flex-end}.lg\:justify-start{justify-content:flex-start}.lg\:text-left{text-align:left}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}}@media not all and (min-width:768px){.max-md\:\[\&_button\]\:whitespace-nowrap button{white-space:nowrap}}.\[\&\>svg\]\:mr-\[10px\]>svg{margin-right:10px}.\[\&\>svg\]\:size-6>svg{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.\[\&\>svg\]\:flex-none>svg{flex:none}}@font-face{font-family:fl-icons;src:url(../fonts/fl-icons.woff2)format("woff2");font-display:block;font-style:normal;font-weight:400}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}

/* Enhanced Category Navigation & Sidebar Styling */
[data-vmenu] > p {
  border-radius: 6px 6px 0 0;
  border-bottom: 2px solid var(--color-primary);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
[data-vmenu] > nav {
  border: 1px solid #e6e6e6;
  border-top: 0;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  background-color: #fff;
}
.slider--banner {
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}
.vmenu-list > li {
  border-color: #f0f0f0 !important;
}
.vmenu-list > li > a {
  height: auto !important;
  min-height: 52px;
  padding: 11px 14px !important;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 1.35 !important;
  color: #2c2c2c !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.2s ease !important;
}
.vmenu-list > li > a > svg {
  width: 20px !important;
  height: 20px !important;
  margin-right: 11px !important;
  color: var(--color-primary);
  opacity: 0.88;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.vmenu-list > li:not(.has-dropdown) > a::after {
  content: "›";
  margin-left: auto;
  padding-left: 8px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  color: #ccc;
  transition: transform 0.2s ease, color 0.2s ease;
}
.vmenu-list > li > a:hover,
.vmenu-list > li > a:focus-visible {
  background-color: #eef8e6 !important;
  color: var(--color-primary) !important;
  padding-left: 18px !important;
}
.vmenu-list > li > a:hover > svg,
.vmenu-list > li > a:focus-visible > svg {
  transform: scale(1.1);
  opacity: 1;
}
.vmenu-list > li:not(.has-dropdown) > a:hover::after,
.vmenu-list > li:not(.has-dropdown) > a:focus-visible::after {
  color: var(--color-primary);
  transform: translateX(2px);
}
.widget .product-categories {
  padding: 6px 12px !important;
}
.widget .product-categories li {
  padding: 2px 0 !important;
  border-bottom: 1px dashed #efefef !important;
}
.widget .product-categories li:last-child {
  border-bottom: none !important;
}
.widget .product-categories li a {
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 9px 10px !important;
  font-size: 14.2px !important;
  font-weight: 500;
  color: #2c2c2c;
  border-radius: 5px;
  transition: all 0.2s ease !important;
}
.widget .product-categories li a svg {
  width: 19px;
  height: 19px;
  flex-shrink: 0;
  color: var(--color-primary);
  opacity: 0.88;
  transition: transform 0.2s ease;
}
.widget .product-categories li a::after {
  content: "›";
  margin-left: auto;
  font-size: 16px;
  font-weight: 700;
  color: #ccc;
  line-height: 1;
  transition: transform 0.2s ease, color 0.2s ease;
}
.widget .product-categories li a:hover,
.widget .product-categories li.current-cat > a {
  background-color: #eef8e6;
  color: var(--color-primary) !important;
  padding-left: 14px !important;
}
.widget .product-categories li a:hover svg,
.widget .product-categories li.current-cat > a svg {
  transform: scale(1.1);
  opacity: 1;
}
.widget .product-categories li a:hover::after,
.widget .product-categories li.current-cat > a::after {
  color: var(--color-primary);
  transform: translateX(2px);
}
.masthead-bar {
  min-height: 76px;
  padding: 10px 0;
}
.masthead-utilities {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  max-width: 830px;
  margin: 0 auto;
}
.masthead-utility {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}
.masthead-utility + .masthead-utility {
  padding-left: 20px;
  border-left: 1px solid #e5efe0;
}
.masthead-utility--address {
  flex: 1.45;
  max-width: 345px;
}
.masthead-utility:not(.masthead-utility--address) {
  flex: 0 0 auto;
}
.masthead-utility__icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #eef8e6;
  border: 1px solid #d5ecc5;
  color: var(--color-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.masthead-utility__icon svg {
  width: 19px;
  height: 19px;
}
.masthead-utility__body {
  min-width: 0;
  line-height: 1.38;
}
.masthead-utility__address {
  margin: 0;
  font-size: 13px;
  font-weight: 500;
  color: #2f382b;
  line-height: 1.42;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.masthead-utility__title {
  margin: 0;
  font-size: 13.8px;
  font-weight: 700;
  color: #222;
  line-height: 1.3;
  white-space: nowrap;
}
.masthead-utility__sub {
  margin: 2px 0 0;
  font-size: 12.6px;
  color: #556250;
  line-height: 1.3;
  white-space: nowrap;
}
.masthead-cart {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 14px 6px 8px;
  border-radius: 8px;
  background-color: #f6fbf2;
  border: 1px solid #d6ecc6;
  transition: all 0.2s ease;
}
.masthead-cart:hover {
  background-color: #eef8e6;
  border-color: var(--color-primary);
}
.masthead-cart__icon {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background-color: var(--color-primary);
  color: #fff;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.masthead-cart__text {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}
.masthead-cart__label {
  font-size: 13.5px;
  font-weight: 700;
  color: #222;
}
.masthead-cart__amount {
  font-size: 12.5px;
  font-weight: 600;
  color: var(--color-primary);
}
.prose img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 1rem auto;
  display: block;
}
.prose figure {
  margin: 1.25rem 0;
  text-align: center;
}
.prose figure img {
  margin: 0 auto 0.5rem;
}
.prose figcaption {
  font-size: 13.5px;
  color: #556250;
  font-style: italic;
  text-align: center;
}
.prose table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
}
.prose th,
.prose td {
  border: 1px solid #e5e5e5;
  padding: 0.5rem 0.75rem;
}

/* ========================================================
   Tuệ Trúc Checkout Mockup Pixel-Perfect Layout
   ======================================================== */
.checkout-page-wrapper {
  background-color: #f7f9f6;
  min-height: 100vh;
  padding: 24px 0 60px;
}

/* Breadcrumb */
.checkout-breadcrumb {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 12px;
}
.checkout-breadcrumb a {
  color: #6b7280;
  transition: color 0.15s;
}
.checkout-breadcrumb a:hover {
  color: #245208;
}
.checkout-breadcrumb span.sep {
  margin: 0 6px;
  color: #9ca3af;
}

/* Page Header */
.checkout-header-bar {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}
@media (min-width: 640px) {
  .checkout-header-bar {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.checkout-header-title {
  font-size: 28px;
  font-weight: 800;
  color: #111827;
  letter-spacing: -0.02em;
  margin: 0 0 4px;
  line-height: 1.25;
}
.checkout-header-sub {
  font-size: 14px;
  color: #6b7280;
  margin: 0;
}
.checkout-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 10px;
  border: 1.5px solid #d1d5db;
  background-color: #ffffff;
  color: #374151;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  white-space: nowrap;
}
.checkout-back-btn:hover {
  border-color: #245208;
  color: #245208;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

/* Steps Indicator */
.checkout-steps-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 32px;
  padding: 0 10px;
}
.checkout-step-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: #6b7280;
  white-space: nowrap;
}
.checkout-step-num {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12.5px;
  font-weight: 700;
  background-color: #e5e7eb;
  color: #4b5563;
}
.checkout-step-pill.is-active {
  color: #1e4620;
  font-weight: 700;
}
.checkout-step-pill.is-active .checkout-step-num {
  background-color: #2e7d32;
  color: #ffffff;
}
.checkout-step-line {
  flex: 1;
  max-width: 110px;
  height: 1.5px;
  background-color: #d1d5db;
}
.checkout-step-line.is-done {
  background-color: #a5d6a7;
}

/* 2-Column Grid Layout */
.checkout-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
.checkout-grid.hidden,
#cart-filled-state.hidden {
  display: none !important;
}
#cart-empty-state.hidden {
  display: none !important;
}
@media (min-width: 992px) {
  .checkout-grid {
    grid-template-columns: 1fr 390px;
    align-items: start;
    gap: 28px;
  }
}
@media (min-width: 1200px) {
  .checkout-grid {
    grid-template-columns: 1fr 410px;
    gap: 32px;
  }
}
.checkout-main-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}
.checkout-side-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: -webkit-sticky;
  position: sticky;
  top: 85px;
}

/* Card Container */
.checkout-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  padding: 22px 24px;
}
.checkout-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid #f3f4f6;
}
.checkout-card-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  margin: 0;
}
.checkout-card-title svg {
  color: #2e7d32;
  flex-shrink: 0;
}
.checkout-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  background-color: #e8f5e9;
  color: #2e7d32;
  font-size: 12px;
  font-weight: 600;
  margin-left: 4px;
}
.checkout-clear-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #ef4444;
  font-size: 13px;
  font-weight: 600;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  transition: opacity 0.15s;
}
.checkout-clear-all-btn:hover {
  text-decoration: underline;
  opacity: 0.85;
}
.checkout-req-note {
  font-size: 12px;
  color: #9ca3af;
}

/* Cart Item Row */
.checkout-item-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 20px;
}
.checkout-item-row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-bottom: 18px;
  border-bottom: 1px solid #f3f4f6;
}
.checkout-item-row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.checkout-item-thumb {
  width: 72px;
  height: 72px;
  min-width: 72px;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  flex-shrink: 0;
}
.checkout-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.checkout-item-info {
  flex: 1;
  min-width: 0;
}
.checkout-item-name {
  font-size: 14.5px;
  font-weight: 700;
  color: #111827;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-decoration: none;
  margin-bottom: 4px;
}
.checkout-item-name:hover {
  color: #2e7d32;
}
.checkout-item-price-unit {
  font-size: 13px;
  color: #6b7280;
}
.checkout-item-stepper {
  display: inline-flex;
  align-items: center;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
}
.checkout-stepper-btn {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  font-size: 15px;
  font-weight: 700;
  color: #374151;
  cursor: pointer;
  transition: background-color 0.15s;
}
.checkout-stepper-btn:hover {
  background-color: #f3f4f6;
  color: #2e7d32;
}
.checkout-stepper-val {
  width: 32px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: #111827;
}
.checkout-item-subtotal {
  font-size: 15.5px;
  font-weight: 700;
  color: #2e7d32;
  white-space: nowrap;
  min-width: 90px;
  text-align: right;
}
.checkout-item-del-btn {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background-color: #fef2f2;
  border: 1px solid #fee2e2;
  color: #ef4444;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
}
.checkout-item-del-btn:hover {
  background-color: #ef4444;
  color: #ffffff;
  border-color: #ef4444;
}
.checkout-item-del-btn svg,
.checkout-clear-all-btn svg {
  pointer-events: none;
}

@media (max-width: 640px) {
  .checkout-item-row {
    flex-wrap: wrap;
  }
  .checkout-item-info {
    width: calc(100% - 88px);
    flex: auto;
  }
  .checkout-item-stepper {
    margin-left: 88px;
  }
  .checkout-item-subtotal {
    flex: 1;
    text-align: right;
  }
}

/* Voucher Box in Cart Card */
.checkout-voucher-accordion {
  border-top: 1px solid #f3f4f6;
  padding-top: 16px;
  margin-top: 6px;
}
.checkout-voucher-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 12px;
}
.checkout-voucher-title svg {
  color: #2e7d32;
}
.checkout-voucher-form {
  display: flex;
  gap: 10px;
}
.checkout-voucher-input {
  flex: 1;
  height: 42px;
  padding: 0 14px;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  background-color: #ffffff;
  font-size: 13.5px;
  text-transform: uppercase;
  font-weight: 600;
  color: #111827;
  outline: none;
  transition: border-color 0.15s;
}
.checkout-voucher-input:focus {
  border-color: #2e7d32;
}
.checkout-voucher-btn {
  height: 42px;
  padding: 0 22px;
  border-radius: 10px;
  background-color: #245208;
  color: #ffffff;
  font-size: 13.5px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  transition: background-color 0.15s;
  white-space: nowrap;
}
.checkout-voucher-btn:hover {
  background-color: #2e7d32;
}

/* Form Groups & Inputs */
.checkout-form-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
}
@media (min-width: 640px) {
  .checkout-form-grid-2 {
    grid-template-columns: 1fr 1fr;
  }
}
.checkout-field-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.checkout-field-label {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
}
.checkout-field-label span.req {
  color: #ef4444;
}
.checkout-text-input {
  width: 100%;
  box-sizing: border-box;
  height: 42px;
  padding: 0 14px;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  background-color: #ffffff;
  font-size: 14px;
  color: #111827;
  outline: none;
  transition: all 0.15s;
}
.checkout-text-input:focus {
  border-color: #2e7d32;
  box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.12);
}
.checkout-select-wrap {
  position: relative;
  width: 100%;
}
.checkout-select {
  width: 100%;
  box-sizing: border-box;
  height: 42px;
  padding: 0 38px 0 14px;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 14px;
  color: #111827;
  outline: none;
  transition: all 0.15s;
  cursor: pointer;
}
.checkout-select:focus {
  border-color: #2e7d32;
  box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.12);
}
.checkout-textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 14px;
  border: 1.5px solid #e5e7eb;
  border-radius: 10px;
  background-color: #ffffff;
  font-size: 14px;
  color: #111827;
  outline: none;
  resize: vertical;
  min-height: 72px;
  transition: all 0.15s;
}
.checkout-textarea:focus {
  border-color: #2e7d32;
  box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.12);
}

/* Payment Method Radio Cards */
.checkout-payment-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.checkout-payment-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border: 1.5px solid #e5e7eb;
  border-radius: 12px;
  background-color: #ffffff;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}
.checkout-payment-card.is-active {
  border-color: #86efac;
  background-color: #f4fbf0;
  box-shadow: 0 0 0 1px #86efac;
}
.checkout-payment-card input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.checkout-radio-indicator {
  width: 18px;
  height: 18px;
  border-radius: 999px;
  border: 2px solid #d1d5db;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.15s;
}
.checkout-payment-card.is-active .checkout-radio-indicator {
  border-color: #2e7d32;
}
.checkout-radio-indicator::after {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background-color: #2e7d32;
  display: none;
}
.checkout-payment-card.is-active .checkout-radio-indicator::after {
  display: block;
}
.checkout-payment-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background-color: #f3f4f6;
  color: #4b5563;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.checkout-payment-card.is-active .checkout-payment-icon {
  background-color: #e8f5e9;
  color: #2e7d32;
}
.checkout-payment-text {
  flex: 1;
}
.checkout-payment-title {
  display: block;
  font-size: 14.5px;
  font-weight: 700;
  color: #111827;
}
.checkout-payment-sub {
  display: block;
  font-size: 12.5px;
  color: #6b7280;
  margin-top: 2px;
}

/* Sidebar Summary Card */
.checkout-summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #4b5563;
  margin-bottom: 12px;
}
.checkout-summary-row strong {
  color: #111827;
  font-weight: 700;
}
.checkout-summary-divider {
  height: 1px;
  background-color: #f3f4f6;
  margin: 16px 0;
}
.checkout-summary-total-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
.checkout-total-left {
  display: flex;
  flex-direction: column;
}
.checkout-total-label {
  font-size: 15px;
  font-weight: 700;
  color: #111827;
}
.checkout-total-sub {
  font-size: 12px;
  color: #9ca3af;
  margin-top: 2px;
}
.checkout-total-amount {
  font-size: 24px;
  font-weight: 800;
  color: #2e7d32;
  letter-spacing: -0.02em;
}

/* Big CTA Submit Button */
.checkout-submit-cta {
  width: 100%;
  height: 50px;
  border-radius: 12px;
  background-color: #1e4620;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.2s ease;
  box-shadow: 0 4px 12px rgba(30, 70, 32, 0.25);
}
.checkout-submit-cta:hover {
  background-color: #245208;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(30, 70, 32, 0.35);
}
.checkout-submit-cta:active {
  transform: translateY(0);
}
.checkout-submit-cta:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
.checkout-secure-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 12px;
  color: #6b7280;
  margin-top: 12px;
}
.checkout-verify-text {
  text-align: center;
  font-size: 12px;
  color: #9ca3af;
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid #f3f4f6;
}

/* Trust Guarantee Card */
.checkout-trust-stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.checkout-trust-card-item {
  display: flex;
  align-items: center;
  gap: 14px;
}
.checkout-trust-card-icon {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background-color: #eaf5e6;
  color: #2e7d32;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.checkout-trust-card-item strong {
  display: block;
  font-size: 13.5px;
  font-weight: 700;
  color: #111827;
}
.checkout-trust-card-item span {
  display: block;
  font-size: 12px;
  color: #6b7280;
  margin-top: 1px;
}

/* Support Help Card */
.checkout-help-card {
  background-color: #edf7ed;
  border: 1px solid #c8e6c9;
  border-radius: 16px;
  padding: 20px;
}
.checkout-help-top {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 14px;
}
.checkout-help-icon {
  width: 36px;
  height: 36px;
  border-radius: 999px;
  background-color: #ffffff;
  color: #2e7d32;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.checkout-help-top strong {
  display: block;
  font-size: 14.5px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 2px;
}
.checkout-help-top p {
  font-size: 12.5px;
  color: #4b5563;
  margin: 0;
  line-height: 1.4;
}
.checkout-help-btn {
  width: 100%;
  height: 40px;
  border-radius: 10px;
  background-color: #ffffff;
  border: 1px solid #d1d5db;
  color: #1e4620;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-decoration: none;
  transition: all 0.15s ease;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.checkout-help-btn:hover {
  background-color: #f9fafb;
  border-color: #2e7d32;
  color: #2e7d32;
}

/* Bottom Peace of Mind Accent */
.checkout-bottom-accent {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 48px;
  padding-bottom: 12px;
}
.checkout-bottom-line {
  flex: 1;
  max-width: 200px;
  height: 1px;
  background-color: #e5e7eb;
}
.checkout-bottom-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12.5px;
  font-weight: 500;
  color: #6b7280;
}
.checkout-bottom-badge svg {
  color: #2e7d32;
}