/* ==========================================================================
   Tabiat Design — global tokens, Woodmart overrides, home page, footer
   ========================================================================== */

@font-face {
	font-family: "Vazirmatn FaNum";
	src: url("../fonts/vazirmatn-fanum.woff2") format("woff2-variations"), url("../fonts/vazirmatn-fanum.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

:root {
	--t-g950: #04210f;
	--t-g900: #062f19;
	--t-g800: #0a4425;
	--t-g700: #0d5c31;
	--t-g600: #128040;
	--t-g500: #19a34f;
	--t-lime: #a3e635;
	--t-lime-2: #c6f36b;
	--t-red: #e3242b;
	--t-red-2: #b9151c;
	--t-gold: #ffc83d;
	--t-cream: #fbf7ee;
	--t-cream-2: #f3ecdc;
	--t-ink: #0d1b12;
	--t-ink-2: #3b4a40;
	--t-muted: #7b877f;
	--t-line: #e7e2d4;
	--t-radius: 22px;
	--t-shadow: 0 1px 2px rgba(6, 47, 25, .06), 0 12px 32px -14px rgba(6, 47, 25, .28);
	--t-shadow-lg: 0 2px 4px rgba(6, 47, 25, .06), 0 30px 60px -24px rgba(6, 47, 25, .45);
	--t-font: "Vazirmatn FaNum", "Vazirmatn", Tahoma, sans-serif;
	--t-ease: cubic-bezier(.2, .8, .2, 1);

	/* Woodmart tokens */
	--wd-text-font: var(--t-font);
	--wd-title-font: var(--t-font);
	--wd-entities-title-font: var(--t-font);
	--wd-alternative-font: var(--t-font);
	--wd-widget-title-font: var(--t-font);
	--wd-header-el-font: var(--t-font);
	--wd-nav-font: var(--t-font);
	--wd-primary-color: var(--t-g600);
	--wd-alternative-color: var(--t-red);
	--wd-link-color: var(--t-g600);
	--wd-link-color-hover: var(--t-g800);
	--wd-text-color: var(--t-ink-2);
	--wd-title-color: var(--t-ink);
	--wd-entities-title-color: var(--t-ink);
	--wd-entities-title-color-hover: var(--t-g600);
	--wd-title-font-weight: 800;
	--wd-entities-title-font-weight: 700;
	--wd-brd-radius: 14px;
	--btn-accent-bgcolor: var(--t-g700);
	--btn-accent-bgcolor-hover: var(--t-g900);
	--btn-accented-bgcolor: var(--t-g700);
	--btn-accented-bgcolor-hover: var(--t-g900);
	--btn-default-bgcolor: var(--t-g700);
	--btn-default-bgcolor-hover: var(--t-g900);
	--btn-default-color: #fff;
	--btn-default-color-hover: #fff;
}

/* ---------- base ---------- */
/*
 * Apply Vazirmatn on text nodes directly. Inheritance from body alone loses to
 * Woodmart/Elementor rules that set font-family on p/span/a/li/etc.
 * Do not target ::before/::after so Woodmart / FA icon fonts keep working.
 */
body.tabiat,
body.tabiat h1, body.tabiat h2, body.tabiat h3, body.tabiat h4, body.tabiat h5, body.tabiat h6,
body.tabiat p, body.tabiat a, body.tabiat span, body.tabiat li, body.tabiat ul, body.tabiat ol,
body.tabiat small, body.tabiat b, body.tabiat strong, body.tabiat em, body.tabiat i,
body.tabiat label, body.tabiat td, body.tabiat th, body.tabiat div, body.tabiat section,
body.tabiat article, body.tabiat header, body.tabiat footer, body.tabiat nav, body.tabiat main,
body.tabiat blockquote, body.tabiat figcaption,
body.tabiat input, body.tabiat select, body.tabiat textarea, body.tabiat button,
body.tabiat .btn, body.tabiat .button {
	font-family: var(--t-font) !important;
}
body.tabiat {
	color: var(--t-ink-2);
	font-size: 15px;
	line-height: 1.85;
	-webkit-font-smoothing: antialiased;
	background: var(--t-cream);
}
body.tabiat .wd-page-content,
body.tabiat .main-page-wrapper {
	background: var(--t-cream);
}
body.tabiat h1, body.tabiat h2, body.tabiat h3, body.tabiat h4, body.tabiat .title {
	color: var(--t-ink);
	letter-spacing: -.01em;
}
::selection { background: var(--t-lime); color: var(--t-g950); }

body.tabiat .btn,
body.tabiat .button,
body.tabiat button[type="submit"],
body.tabiat .single_add_to_cart_button,
body.tabiat .checkout-button,
body.tabiat #place_order {
	border-radius: 999px !important;
	font-weight: 800 !important;
	letter-spacing: 0;
	text-transform: none;
	transition: transform .25s var(--t-ease), box-shadow .25s var(--t-ease), background-color .25s;
}
body.tabiat .single_add_to_cart_button,
body.tabiat .checkout-button,
body.tabiat #place_order,
body.tabiat .btn-accent {
	background: linear-gradient(135deg, var(--t-g600), var(--t-g800)) !important;
	color: #fff !important;
	box-shadow: 0 10px 24px -10px rgba(18, 128, 64, .7);
}
body.tabiat .single_add_to_cart_button:hover,
body.tabiat .checkout-button:hover,
body.tabiat #place_order:hover,
body.tabiat .btn-accent:hover {
	transform: translateY(-2px);
	box-shadow: 0 16px 30px -12px rgba(18, 128, 64, .8);
}

/* ---------- top bar ---------- */
.t-topbar {
	background: linear-gradient(90deg, color-mix(in srgb, var(--t-topbar, var(--t-red)) 78%, #000), var(--t-topbar, var(--t-red)) 50%, color-mix(in srgb, var(--t-topbar, var(--t-red)) 78%, #000));
	color: #fff;
	font: 700 13px/1 var(--t-font);
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	z-index: 400;
}
.t-topbar__track { display: inline-flex; animation: t-marquee 38s linear infinite; }
.t-topbar__group { display: inline-flex; align-items: center; padding: 11px 20px; }
.t-topbar__item + .t-topbar__item::before { content: "✦"; margin-inline: 40px; }
.t-topbar a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.t-topbar:hover .t-topbar__track { animation-play-state: paused; }

/* ---------- header ---------- */
body.tabiat .whb-header { box-shadow: 0 1px 0 var(--t-line); }
body.tabiat .whb-main-header { background: #fff; }
body.tabiat .whb-sticked .whb-main-header { box-shadow: 0 10px 30px -18px rgba(6, 47, 25, .35); }
body.tabiat .whb-general-header { border-bottom: 0 !important; }
body.tabiat .whb-header-bottom { border-top: 1px solid var(--t-line); }
body.tabiat .wd-header-search-form .searchform input[type="text"],
body.tabiat .wd-header-search-form-mobile .searchform input[type="text"] {
	border-radius: 999px !important;
	border: 2px solid var(--t-line) !important;
	background: var(--t-cream) !important;
	height: 50px;
	padding-inline: 22px 60px;
	font: 500 15px/1.4 var(--t-font) !important;
	transition: border-color .2s, background .2s, box-shadow .2s;
}
body.tabiat .searchform input[type="text"]:focus {
	border-color: var(--t-g600) !important;
	background: #fff !important;
	box-shadow: 0 0 0 5px rgba(25, 163, 79, .12);
}
body.tabiat .searchform .searchsubmit {
	border-radius: 999px !important;
	inset-inline-end: 5px !important;
	top: 5px !important;
	bottom: 5px !important;
	height: auto !important;
	width: 40px !important;
	background: var(--t-g700) !important;
}
body.tabiat .wd-nav-main > li > a,
body.tabiat .wd-nav-header > li > a {
	font: 700 14px/1.4 var(--t-font) !important;
	color: var(--t-ink) !important;
	text-transform: none !important;
}
body.tabiat .wd-nav-main > li > a:hover,
body.tabiat .wd-nav-header > li.current-menu-item > a { color: var(--t-g600) !important; }
body.tabiat .wd-tools-count,
body.tabiat .wd-cart-number {
	background: var(--t-red) !important;
	color: #fff !important;
	font-weight: 800;
}
body.tabiat .whb-header .wd-header-divider:before { opacity: .4; }

/* ---------- shop / archive cards ---------- */
body.tabiat .products.wd-products { --wd-gap-lg: 22px; --wd-gap-sm: 12px; }
body.tabiat .products-bordered-grid .wd-product,
body.tabiat .products-bordered-grid.products-bordered-grid-ins .wd-product { border: 0 !important; }
body.tabiat .wd-product .product-wrapper {
	background: #fff;
	border-radius: var(--t-radius);
	box-shadow: var(--t-shadow);
	padding: 12px 12px 16px;
	transition: transform .35s var(--t-ease), box-shadow .35s var(--t-ease);
	height: 100%;
}
body.tabiat .wd-product:hover .product-wrapper { transform: translateY(-6px); box-shadow: var(--t-shadow-lg); }
body.tabiat .wd-product .product-element-top {
	border-radius: calc(var(--t-radius) - 8px);
	overflow: hidden;
	background: var(--t-cream);
}
body.tabiat .wd-product .wd-entities-title { font: 800 15px/1.6 var(--t-font) !important; }
body.tabiat .wd-product .price,
body.tabiat .wd-product .price * { font: 900 17px/1.4 var(--t-font) !important; color: var(--t-g700) !important; }
body.tabiat .wd-product .price del,
body.tabiat .wd-product .price del * { color: var(--t-muted) !important; font-weight: 500 !important; font-size: 13px !important; }
body.tabiat .product-labels .product-label {
	border-radius: 999px !important;
	font: 800 12px/1.4 var(--t-font) !important;
	padding: 4px 12px;
	background: var(--t-red);
	color: #fff;
}
body.tabiat .wd-product .wd-add-btn .add-to-cart-loop,
body.tabiat .wd-product .add_to_cart_button {
	border-radius: 999px !important;
	background: var(--t-g700) !important;
	color: #fff !important;
	font-weight: 800 !important;
}
body.tabiat .wd-product .add_to_cart_button:hover { background: var(--t-g900) !important; }

/* page title band */
body.tabiat .wd-page-title {
	background: radial-gradient(120% 140% at 85% 0%, var(--t-g600) 0%, var(--t-g800) 45%, var(--t-g950) 100%) !important;
	border-radius: 0 0 32px 32px;
}
body.tabiat .wd-page-title .title { color: #fff; font-weight: 900; }
body.tabiat .wd-page-title .breadcrumbs a,
body.tabiat .wd-page-title .woocommerce-breadcrumb { color: rgba(255, 255, 255, .75); }

/* ---------- single product ---------- */
body.tabiat.single-product .product_title { font-weight: 900; font-size: clamp(22px, 2.6vw, 32px); line-height: 1.5; }
body.tabiat.single-product .summary .price,
body.tabiat.single-product .elementor-widget-wd_single_product_price .price { color: var(--t-g700); font-weight: 900; font-size: 28px; }
body.tabiat.single-product .woocommerce-product-gallery img { border-radius: 20px; }
body.tabiat .quantity input[type="number"] { font-weight: 800; }
body.tabiat .woocommerce-tabs .tabs li a,
body.tabiat .wd-nav-tabs > li > a { font-weight: 800 !important; }

/* ==========================================================================
   Shared building blocks
   ========================================================================== */
.t-wrap { max-width: 1260px; margin-inline: auto; padding-inline: 20px; }
.t-section { margin-top: 96px; }

.t-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 22px;
	border-radius: 999px;
	font: 800 15px/1.4 var(--t-font);
	text-decoration: none !important;
	border: 0;
	cursor: pointer;
	transition: transform .25s var(--t-ease), box-shadow .25s var(--t-ease), background .25s, color .25s;
	white-space: nowrap;
}
.t-btn svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s var(--t-ease); }
.t-btn:hover svg { transform: translateX(-4px); }
.t-btn--lg { padding: 17px 30px; font-size: 17px; }
.t-btn--lime { background: var(--t-lime); color: var(--t-g950) !important; box-shadow: 0 12px 30px -10px rgba(163, 230, 53, .65); }
.t-btn--lime:hover { background: var(--t-lime-2); transform: translateY(-3px); box-shadow: 0 18px 36px -12px rgba(163, 230, 53, .8); }
.t-btn--glass { background: rgba(255, 255, 255, .1); color: #fff !important; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .28); backdrop-filter: blur(8px); }
.t-btn--glass:hover { background: rgba(255, 255, 255, .18); transform: translateY(-3px); }
.t-btn--glass:hover svg { transform: rotate(-12deg); }
.t-btn--ghost { background: var(--t-cream-2); color: var(--t-ink-2) !important; }

.t-kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font: 800 13px/1 var(--t-font);
	color: var(--t-red);
	margin-bottom: 12px;
}
.t-kicker::before { content: ""; width: 26px; height: 3px; border-radius: 3px; background: currentColor; }
.t-kicker--light { color: var(--t-lime); }
.t-h2 { font: 900 clamp(28px, 3.6vw, 44px)/1.3 var(--t-font) !important; color: var(--t-ink); margin: 0 !important; }
.t-h2--light { color: #fff !important; }
.t-hl-dark { position: relative; color: var(--t-g600); white-space: nowrap; }
.t-hl-dark::after {
	content: ""; position: absolute; inset-inline: -4px; bottom: .08em; height: .32em; z-index: -1;
	background: var(--t-lime); border-radius: 6px; transform: skewX(-12deg); opacity: .55;
}
.t-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 34px; }
.t-head--center { justify-content: center; text-align: center; }
.t-head--center .t-kicker { justify-content: center; }
.t-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; color: var(--t-g700) !important; white-space: nowrap; }
.t-link svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; transition: transform .25s var(--t-ease); }
.t-link:hover svg { transform: translateX(-4px); }

/* ==========================================================================
   Home
   ========================================================================== */
body.tabiat-home .wd-page-title { display: none !important; }
body.tabiat-home .main-page-wrapper { padding-top: 0 !important; }
body.tabiat-home main.wd-content-layout { max-width: none !important; width: 100% !important; padding: 0 !important; display: block !important; }
.t-home { overflow-x: clip; padding-bottom: 96px; }

/* ---------- shared image slider ---------- */
.t-slider { position: relative; }
.t-slider__frame {
	position: relative; overflow: hidden;
	border-radius: 28px; background: #123524;
	box-shadow: 0 24px 50px -32px rgba(6, 47, 25, .55);
}
.t-slider__slide {
	position: absolute; inset: 0; opacity: 0;
	transition: opacity .45s var(--t-ease); pointer-events: none;
}
.t-slider__slide.is-active { opacity: 1; z-index: 1; pointer-events: auto; }
.t-slider__slide a, .t-slider__img { display: block; width: 100%; height: 100%; }
.t-slider__img { object-fit: cover; }
/* theme styles every <button>; reset hard so the controls stay round and inside the frame */
.t-slider .t-slider__nav,
.t-slider .t-slider__dot {
	position: absolute !important; z-index: 2; margin: 0 !important; padding: 0 !important;
	min-width: 0 !important; min-height: 0 !important; line-height: 0 !important; font-size: 0 !important;
	border: 0 !important; border-radius: 50% !important; cursor: pointer;
	transition: background-color .2s, color .2s, opacity .2s, transform .2s, width .25s var(--t-ease);
}
.t-slider .t-slider__nav {
	top: 50% !important; bottom: auto !important; transform: translateY(-50%);
	width: 44px !important; height: 44px !important;
	display: grid !important; place-items: center;
	background: rgba(10, 30, 20, .45) !important; color: #fff !important;
	box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .55), 0 8px 22px -10px rgba(0, 0, 0, .6) !important;
	-webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
	opacity: .85;
}
.t-slider:hover .t-slider__nav { opacity: 1; }
.t-slider .t-slider__nav:hover,
.t-slider .t-slider__nav:focus-visible { background: #fff !important; color: var(--t-g800) !important; transform: translateY(-50%) scale(1.06); }
.t-slider .t-slider__nav:focus-visible { outline: 2px solid var(--t-lime); outline-offset: 2px; }
.t-slider__nav svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.t-slider .t-slider__nav--prev { inset-inline-start: 16px; inset-inline-end: auto; }
.t-slider .t-slider__nav--next { inset-inline-end: 16px; inset-inline-start: auto; }
.t-slider__dots {
	position: absolute; z-index: 2; bottom: 14px; left: 50%; transform: translateX(-50%);
	display: flex; gap: 6px; padding: 6px 8px; border-radius: 999px;
	background: rgba(10, 30, 20, .35); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
.t-slider .t-slider__dot {
	position: static !important; width: 8px !important; height: 8px !important;
	background: rgba(255, 255, 255, .55) !important; box-shadow: none !important;
}
.t-slider .t-slider__dot:hover { background: #fff !important; }
.t-slider .t-slider__dot.is-active { width: 22px !important; border-radius: 999px !important; background: #fff !important; }
.t-slider--banner { margin-top: 22px; }
.t-slider--banner .t-slider__frame { aspect-ratio: 2.35 / 1; }
.t-slider--promo .t-slider__frame { border-radius: 32px; background: transparent; box-shadow: var(--t-shadow-lg); }
.t-slider--promo .t-slider__slide:first-child { position: relative; inset: auto; }
.t-slider--promo .t-slider__slide:first-child a,
.t-slider--promo .t-slider__slide:first-child .t-slider__img { height: auto; }
.t-slider--promo .t-slider__img { object-fit: cover; }

/* ---------- hero ---------- */
.t-hero {
	position: relative;
	background: radial-gradient(90% 120% at 15% 10%, #13804a 0%, var(--t-g800) 38%, var(--t-g950) 100%);
	color: #fff;
	padding: 72px 0 150px;
	overflow: hidden;
	isolation: isolate;
}
.t-hero::before {
	content: ""; position: absolute; inset: 0; z-index: -1; opacity: .5;
	background-image: radial-gradient(rgba(255, 255, 255, .09) 1px, transparent 1.2px);
	background-size: 22px 22px;
	mask-image: linear-gradient(to bottom, #000 30%, transparent);
}
.t-hero__glow {
	position: absolute; width: 640px; height: 640px; border-radius: 50%; z-index: -1;
	inset-inline-start: -140px; top: -120px;
	background: radial-gradient(circle, rgba(163, 230, 53, .35), transparent 65%);
	filter: blur(10px);
	animation: t-pulse 7s ease-in-out infinite;
}
.t-hero__inner { display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: 40px; }
.t-eyebrow {
	display: inline-flex; align-items: center; gap: 10px;
	padding: 8px 16px 8px 18px; border-radius: 999px;
	background: rgba(163, 230, 53, .14); color: var(--t-lime);
	font: 800 14px/1 var(--t-font);
	box-shadow: inset 0 0 0 1px rgba(163, 230, 53, .35);
}
.t-eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--t-lime); box-shadow: 0 0 0 0 rgba(163, 230, 53, .7); animation: t-ping 2s infinite; }
.t-hero__title {
	font: 900 clamp(46px, 6.4vw, 92px)/1.12 var(--t-font) !important;
	color: #fff !important;
	margin: 22px 0 20px !important;
	letter-spacing: -.02em;
}
.t-hl {
	color: var(--t-lime);
	position: relative;
	display: inline-block;
	text-shadow: 0 10px 40px rgba(163, 230, 53, .35);
}
.t-hl::after {
	content: ""; position: absolute; inset-inline: 2%; bottom: -.08em; height: .14em;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 20' preserveAspectRatio='none'%3E%3Cpath d='M2 14C60 4 140 2 298 10' fill='none' stroke='%23ffc83d' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
}
.t-hero__lead { font: 500 clamp(16px, 1.4vw, 19px)/2 var(--t-font); color: rgba(255, 255, 255, .78); max-width: 520px; margin: 0 0 32px; }
.t-hero__cta { display: flex; flex-wrap: wrap; gap: 14px; }
.t-hero__chips { display: flex; flex-wrap: wrap; gap: 10px 22px; list-style: none; padding: 0; margin: 30px 0 0; font: 700 14px/1.6 var(--t-font); color: rgba(255, 255, 255, .85); }
.t-hero__chips b { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--t-lime); color: var(--t-g950); font: 800 12px/1 var(--t-font); margin-inline-end: 6px; }

.t-hero__stage { position: relative; height: 520px; }
.t-float {
	position: absolute; display: block; width: 300px; text-decoration: none !important;
	border-radius: 30px; padding: 10px;
	background: rgba(255, 255, 255, .1);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18), 0 40px 80px -30px rgba(0, 0, 0, .7);
	backdrop-filter: blur(6px);
	transition: transform .5s var(--t-ease);
}
.t-float__img { display: block; border-radius: 22px; overflow: hidden; aspect-ratio: 1; background: #fff; }
.t-float__img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s var(--t-ease); }
.t-float:hover .t-float__img img { transform: scale(1.06); }
.t-float--1 { inset-inline-end: 0; top: 10px; transform: rotate(6deg); animation: t-bob 6s ease-in-out infinite; z-index: 2; }
.t-float--2 { inset-inline-start: 0; top: 150px; transform: rotate(-7deg); animation: t-bob 6s ease-in-out -3s infinite; width: 270px; }
.t-float__tag {
	position: absolute; inset-inline-start: -18px; bottom: 26px;
	display: flex; flex-direction: column; gap: 2px;
	background: #fff; color: var(--t-ink); border-radius: 16px; padding: 10px 16px;
	box-shadow: 0 18px 40px -14px rgba(0, 0, 0, .55);
	max-width: 85%;
}
.t-float--2 .t-float__tag { inset-inline-start: auto; inset-inline-end: -18px; }
.t-float__tag small { font: 700 12px/1.6 var(--t-font); color: var(--t-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.t-float__tag b, .t-float__tag b * { font: 900 18px/1.4 var(--t-font) !important; color: var(--t-g700) !important; }
.t-float__tag del, .t-float__tag del * { font-size: 12px !important; color: var(--t-muted) !important; font-weight: 500 !important; }
.t-ring {
	position: absolute; z-index: 3; width: 150px; height: 150px;
	inset-inline-start: 41%; top: 0;
	display: grid; place-items: center;
}
.t-ring svg { position: absolute; inset: 0; width: 100%; height: 100%; animation: t-spin 18s linear infinite; }
.t-ring text { font-family: var(--t-font) !important; font-weight: 800; font-size: 15.5px; fill: var(--t-gold); letter-spacing: 1px; }
.t-ring span {
	width: 76px; height: 76px; border-radius: 50%; display: grid; place-items: center;
	background: var(--t-red); color: #fff; font: 900 22px/1 var(--t-font);
	box-shadow: 0 0 0 6px rgba(227, 36, 43, .25), 0 16px 30px -10px rgba(227, 36, 43, .8);
}
.t-hero__wave { position: absolute; bottom: -1px; left: 0; width: 100%; height: 80px; fill: var(--t-cream); }

/* floating rice grains */
.t-grains { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.t-grains i {
	position: absolute; width: 7px; height: 18px; border-radius: 50%;
	background: linear-gradient(180deg, #fffdf3, #f1e6c4);
	opacity: .55; animation: t-drift 12s linear infinite;
}
.t-grains i:nth-child(1) { left: 6%; top: 18%; animation-delay: -1s; }
.t-grains i:nth-child(2) { left: 14%; top: 72%; animation-delay: -4s; transform: rotate(40deg); }
.t-grains i:nth-child(3) { left: 24%; top: 40%; animation-delay: -7s; }
.t-grains i:nth-child(4) { left: 33%; top: 86%; animation-delay: -2s; }
.t-grains i:nth-child(5) { left: 44%; top: 12%; animation-delay: -9s; }
.t-grains i:nth-child(6) { left: 52%; top: 64%; animation-delay: -5s; }
.t-grains i:nth-child(7) { left: 61%; top: 30%; animation-delay: -3s; }
.t-grains i:nth-child(8) { left: 70%; top: 80%; animation-delay: -10s; }
.t-grains i:nth-child(9) { left: 78%; top: 8%; animation-delay: -6s; }
.t-grains i:nth-child(10) { left: 86%; top: 52%; animation-delay: -8s; }
.t-grains i:nth-child(11) { left: 93%; top: 24%; animation-delay: -11s; }
.t-grains i:nth-child(12) { left: 3%; top: 48%; animation-delay: -2.5s; }
.t-grains i:nth-child(13) { left: 39%; top: 58%; animation-delay: -6.5s; }
.t-grains i:nth-child(14) { left: 66%; top: 92%; animation-delay: -4.5s; }

/* ---------- marquee ---------- */
.t-marquee {
	position: relative; z-index: 5;
	margin: 28px -20px 0;
	background: var(--t-lime);
	color: var(--t-g950);
	transform: rotate(-2deg);
	box-shadow: 0 20px 40px -20px rgba(6, 47, 25, .5);
	overflow: hidden; white-space: nowrap;
	padding: 16px 0;
}
.t-marquee__track,
.t-marquee__track span,
.t-marquee__track i {
	font: 900 clamp(18px, 2vw, 26px)/1 var(--t-font) !important;
}
.t-marquee__track { display: inline-flex; align-items: center; gap: 28px; animation: t-marquee 30s linear infinite; }
.t-marquee__track i { font-style: normal !important; color: var(--t-red); }
.t-hero + .t-marquee { margin-top: -78px; }

/* ---------- USP ---------- */
.t-usp { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 18px; margin-top: 70px; }
.t-usp__item {
	display: flex; align-items: center; gap: 14px;
	background: #fff; border-radius: var(--t-radius); padding: 20px;
	box-shadow: var(--t-shadow);
	transition: transform .3s var(--t-ease), box-shadow .3s var(--t-ease);
}
.t-usp__item:hover { transform: translateY(-4px); box-shadow: var(--t-shadow-lg); }
.t-usp__icon {
	flex: none; width: 54px; height: 54px; border-radius: 16px;
	display: flex; align-items: center; justify-content: center;
	background: linear-gradient(135deg, var(--t-g600), var(--t-g800));
	box-shadow: 0 10px 20px -10px rgba(18, 128, 64, .8);
}
.t-usp__item .t-usp__icon svg {
	display: block; width: 26px; height: 26px; margin: 0;
	fill: none; stroke: #fff; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round;
}
.t-usp__item:nth-child(2n) .t-usp__icon { background: linear-gradient(135deg, #f04048, var(--t-red-2)); box-shadow: 0 10px 20px -10px rgba(227, 36, 43, .8); }
.t-usp__text b { display: block; font: 900 16px/1.5 var(--t-font) !important; color: var(--t-ink); }
.t-usp__text span { display: block; font: 500 13px/1.6 var(--t-font); color: var(--t-muted); }

/* ---------- blog ---------- */
.t-blog__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}
.t-blog__card {
	display: block;
	position: relative;
	text-decoration: none !important;
	color: inherit !important;
	padding-bottom: 42px;
}
.t-blog__media {
	display: block;
	aspect-ratio: 1.25 / 1;
	border-radius: 22px;
	overflow: hidden;
	background: linear-gradient(145deg, #e8efe6, #d7e4d4);
}
.t-blog__media--empty {
	background:
		radial-gradient(circle at 50% 42%, rgba(255, 255, 255, .55), transparent 48%),
		linear-gradient(145deg, #e8efe6, #d7e4d4);
}
.t-blog__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .55s var(--t-ease);
}
.t-blog__card:hover .t-blog__img { transform: scale(1.04); }
.t-blog__panel {
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 18px 20px 16px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 16px 36px -18px rgba(18, 40, 28, .35);
	text-align: right;
}
.t-blog__title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font: 800 16px/1.7 var(--t-font) !important;
	color: var(--t-ink) !important;
	margin: 0;
}
.t-blog__date {
	font: 500 13px/1.5 var(--t-font);
	color: var(--t-muted);
}
.t-blog__more {
	display: flex;
	justify-content: center;
	margin-top: 28px;
}

/* ---------- amazing products slider ---------- */
.t-amz-wrap { margin-top: 70px; }
.t-amz {
	--t-amz: var(--t-red);
	display: flex; align-items: stretch; gap: 0;
	background: var(--t-amz);
	border-radius: 20px; padding: 18px 0;
	box-shadow: 0 24px 50px -30px color-mix(in srgb, var(--t-amz) 80%, #000);
	overflow: hidden;
}
.t-amz__intro {
	flex: 0 0 190px;
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;
	padding: 10px 16px; color: #fff; text-align: center;
}
.t-amz__brand { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.t-amz__icon { width: 56px; height: 56px; fill: none; stroke: #fff; stroke-width: 4; stroke-linecap: round; }
.t-amz__title { font: 900 28px/1.3 var(--t-font) !important; color: #fff !important; margin: 0 !important; }
.t-amz__timer { display: flex; align-items: center; gap: 4px; direction: ltr; }
.t-amz__timer span {
	min-width: 32px; padding: 6px 4px; border-radius: 7px;
	background: #fff; color: var(--t-amz);
	font: 900 16px/1 var(--t-font); text-align: center; font-variant-numeric: tabular-nums;
}
.t-amz__timer i { font-style: normal; font-weight: 900; color: #fff; }
.t-amz__timer [hidden] { display: none; }
.t-amz__all {
	display: inline-flex; align-items: center; gap: 4px;
	padding: 8px 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .55);
	color: #fff !important; text-decoration: none !important; font: 800 13px/1 var(--t-font);
	transition: background .2s, color .2s;
}
.t-amz__all:hover { background: #fff; color: var(--t-amz) !important; }
.t-amz__all svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.t-amz__viewport { position: relative; flex: 1; min-width: 0; }
.t-amz__rail {
	display: flex; gap: 2px; height: 100%;
	overflow-x: auto; overscroll-behavior-x: contain;
	scroll-snap-type: x proximity; scroll-behavior: smooth;
	scrollbar-width: none; -webkit-overflow-scrolling: touch;
	padding-inline-end: 18px;
}
.t-amz__rail::-webkit-scrollbar { display: none; }
.t-amz__card {
	flex: 0 0 186px; scroll-snap-align: start;
	display: flex; flex-direction: column; gap: 8px;
	background: #fff; padding: 14px 12px 12px;
	color: var(--t-ink) !important; text-decoration: none !important;
	transition: box-shadow .2s;
}
.t-amz__card:first-child { border-start-start-radius: 14px; border-end-start-radius: 14px; }
.t-amz__card:last-child { border-start-end-radius: 14px; border-end-end-radius: 14px; }
.t-amz__card:hover { box-shadow: inset 0 0 0 1px var(--t-line); }
.t-amz__img { display: block; aspect-ratio: 1; overflow: hidden; }
.t-amz__img img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform .4s var(--t-ease); }
.t-amz__card:hover .t-amz__img img { transform: scale(1.05); }
.t-amz__name {
	font: 600 13px/1.8 var(--t-font); color: var(--t-ink-2) !important;
	text-decoration: none !important;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
	min-height: 3.6em;
}
.t-amz__name:hover { color: var(--t-g600) !important; }
.t-amz__actions { display: flex; margin-top: 2px; }
.t-amz__btn {
	width: 100%; min-width: 0; height: 32px; padding: 0 10px;
	display: inline-flex !important; align-items: center; justify-content: center; gap: 6px;
	border-radius: 999px !important; text-decoration: none !important;
	font: 800 12px/1 var(--t-font) !important; white-space: nowrap;
	box-shadow: none !important; line-height: 1 !important;
}
.t-amz__btn svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.t-amz__card a.t-amz__btn--cart {
	background: var(--t-g700) !important; color: #fff !important;
	width: 100%; min-height: 0; margin: 0;
}
.t-amz__card a.t-amz__btn--cart:hover { background: var(--t-g900) !important; }
.t-amz__btn--sold {
	background: var(--t-cream-2) !important; color: var(--t-muted) !important; cursor: default;
}
/* qty stepper: white pill with green outline, round green +/- (theme styles every <button>, so reset hard) */
.t-qty { --qh: 32px; --qb: 26px; --qf: 14px; flex: 1; width: 100%; min-width: 0; display: flex; }
.t-qty > .t-amz__btn { width: 100%; flex: 1; }
.t-qty > [hidden][hidden],
.t-card .t-qty > a.t-btn.t-qty__add[hidden] { display: none !important; }
.t-qty .t-qty__step {
	flex: 1; min-width: 0; height: var(--qh); padding: 0 calc((var(--qh) - var(--qb)) / 2);
	display: flex; align-items: center; justify-content: space-between; gap: 4px;
	border-radius: 999px; background: #fff;
	box-shadow: inset 0 0 0 1.5px var(--t-g600);
}
.t-qty .t-qty__num {
	flex: 1; min-width: 0; text-align: center;
	font: 900 var(--qf)/1 var(--t-font); color: var(--t-g800);
	transition: opacity .2s;
}
.t-qty.is-busy .t-qty__num { opacity: .45; }
.t-qty button.t-qty__btn {
	flex: none; width: var(--qb) !important; height: var(--qb) !important;
	min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important;
	display: inline-flex !important; align-items: center; justify-content: center;
	border: 0 !important; border-radius: 50% !important;
	background: var(--t-g700) !important; color: #fff !important; box-shadow: none !important;
	font-size: 0 !important; line-height: 0 !important; text-transform: none !important;
	cursor: pointer; transition: background-color .2s, color .2s, transform .15s;
}
.t-qty button.t-qty__btn:hover { background: var(--t-g900) !important; }
.t-qty button.t-qty__btn:active { transform: scale(.92); }
.t-qty button.t-qty__btn:disabled { opacity: .35; cursor: default; transform: none; }
.t-qty button.t-qty__btn:focus-visible { outline: 2px solid var(--t-lime); outline-offset: 2px; }
.t-qty.is-single button.t-qty__btn[data-step="-1"] { background: #fdecec !important; color: var(--t-red) !important; }
.t-qty.is-single button.t-qty__btn[data-step="-1"]:hover { background: var(--t-red) !important; color: #fff !important; }
.t-qty__btn svg { width: 55%; height: 55%; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.t-qty .t-qty__trash,
.t-qty.is-single .t-qty__minus { display: none; }
.t-qty.is-single .t-qty__trash { display: block; }
.t-amz__price { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: auto; }
.t-amz__price b { font: 900 15px/1.4 var(--t-font); color: var(--t-ink); margin-inline-start: auto; white-space: nowrap; }
.t-amz__price small { font: 600 11px/1 var(--t-font); color: var(--t-muted); }
.t-amz__off {
	flex: none; padding: 3px 8px; border-radius: 999px;
	background: var(--t-amz); color: #fff; font: 800 12px/1.4 var(--t-font);
}
.t-amz__reg { align-self: flex-end; font: 500 12px/1 var(--t-font); color: var(--t-muted); }
.t-amz .t-amz__nav {
	position: absolute; top: 50%; z-index: 2;
	display: grid; place-items: center;
	width: 44px; height: 44px; min-height: 0; padding: 0; margin: 0; gap: 0;
	border: 1px solid var(--t-line); border-radius: 50%;
	background: #fff; color: var(--t-ink-2);
	box-shadow: 0 8px 20px -8px rgba(13, 27, 18, .45);
	text-transform: none; line-height: 1; cursor: pointer;
	transform: translateY(-50%);
	transition: transform .2s var(--t-ease), color .2s, box-shadow .2s, opacity .2s;
}
.t-amz .t-amz__nav:hover {
	background: #fff; color: var(--t-amz); border-color: var(--t-line);
	box-shadow: 0 10px 24px -8px rgba(13, 27, 18, .55);
	transform: translateY(-50%) scale(1.08);
}
.t-amz .t-amz__nav:focus-visible { outline: 2px solid var(--t-amz); outline-offset: 2px; }
.t-amz .t-amz__nav[hidden] { display: none; }
.t-amz .t-amz__nav svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.t-amz .t-amz__nav--prev { inset-inline-start: 12px; }
.t-amz .t-amz__nav--next { inset-inline-end: 12px; }

/* ---------- product cards (home) ---------- */
.t-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; align-items: stretch; }
.t-card {
	position: relative; display: flex !important; flex-direction: column;
	height: 100%; min-height: 0;
	background: #fff; border-radius: var(--t-radius); padding: 12px;
	box-shadow: var(--t-shadow);
	transition: transform .35s var(--t-ease), box-shadow .35s var(--t-ease);
}
.t-card:hover { transform: translateY(-8px); box-shadow: var(--t-shadow-lg); }
.t-card__media { position: relative; display: block; flex: none; border-radius: 16px; overflow: hidden; background: var(--t-cream); aspect-ratio: 1; }
.t-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s var(--t-ease); }
.t-card:hover .t-card__media img { transform: scale(1.07); }
.t-card__badges { position: absolute; top: 10px; inset-inline-start: 10px; display: flex; flex-direction: column; gap: 6px; }
.t-badge { background: var(--t-g700); color: #fff; font: 800 12px/1 var(--t-font); padding: 7px 12px; border-radius: 999px; box-shadow: 0 6px 14px -6px rgba(0, 0, 0, .4); }
.t-badge--red { background: var(--t-red); }
.t-card__body {
	display: flex !important; flex-direction: column; gap: 8px;
	padding: 14px 6px 4px; flex: 1 1 auto; min-height: 0;
}
.t-card__title { font: 800 15.5px/1.7 var(--t-font) !important; margin: 0 !important; min-height: 3.4em; }
.t-card__title a { color: var(--t-ink) !important; }
.t-card__title a:hover { color: var(--t-g600) !important; }
.t-card__price, .t-card__price * { font: 900 19px/1.4 var(--t-font) !important; color: var(--t-g700) !important; }
.t-card__price del, .t-card__price del * { font-size: 13px !important; color: var(--t-muted) !important; font-weight: 500 !important; }
.t-card__price ins { text-decoration: none; }
.t-stock { min-height: 36px; }
.t-stock__bar { height: 7px; border-radius: 99px; background: var(--t-cream-2); overflow: hidden; }
.t-stock__bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--t-gold), var(--t-red)); }
.t-stock__meta { white-space: nowrap; display: flex; justify-content: space-between; gap: 8px; margin-top: 6px; font-size: 12px; color: var(--t-muted); }
.t-stock__meta b { color: var(--t-red); font-weight: 800; }
/* pin cart control to the bottom of every equal-height card */
.t-card__body > .t-qty,
.t-card__body > .t-btn {
	margin-top: auto !important;
}
.t-card a.t-btn.t-btn--cart {
	width: 100%; height: auto; min-height: 0;
	display: inline-flex !important; background: var(--t-g700) !important; color: #fff !important;
	padding: 12px 18px !important; border-radius: 999px !important; line-height: 1.4 !important;
	font: 800 14.5px/1.4 var(--t-font) !important; box-shadow: 0 10px 20px -12px rgba(13, 92, 49, .9);
}
.t-card a.t-btn.t-btn--cart:hover { background: var(--t-g900) !important; transform: translateY(-2px); }
.t-card a.t-btn.t-btn--cart.added { background: var(--t-lime) !important; color: var(--t-g950) !important; }
/* no flex-grow here: the generic .t-qty grows, which in this column body stretched the button vertically */
.t-card .t-qty { --qh: 44px; --qb: 34px; --qf: 17px; width: 100%; flex: 0 0 auto; }
.t-card .t-qty > .t-btn { width: 100%; }
.t-btn--cart:hover svg { transform: none; }
.t-btn--cart.loading { opacity: .7; pointer-events: none; }
.t-btn--cart.added { background: var(--t-lime); color: var(--t-g950) !important; }
.t-card .added_to_cart { display: block; text-align: center; font-weight: 800; font-size: 13px; color: var(--t-g700); margin-top: 6px; }

/* ---------- categories ---------- */
.t-cats { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; }
.t-cat {
	display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center;
	background: #fff; border-radius: var(--t-radius); padding: 18px 12px; box-shadow: var(--t-shadow);
	text-decoration: none !important; transition: transform .3s var(--t-ease), box-shadow .3s;
}
.t-cat:hover { transform: translateY(-5px) rotate(-1deg); box-shadow: var(--t-shadow-lg); }
.t-cat__img { width: 92px; height: 92px; border-radius: 50%; overflow: hidden; background: var(--t-cream); display: grid; place-items: center; margin-bottom: 8px; }
.t-cat__img img { width: 100%; height: 100%; object-fit: cover; }
.t-cat__img svg { width: 40px; height: 40px; fill: none; stroke: var(--t-g600); stroke-width: 1.8; }
.t-cat b { color: var(--t-ink); font: 900 15px/1.5 var(--t-font); }
.t-cat small { color: var(--t-muted); font: 500 12px/1.5 var(--t-font); }

/* ---------- promo ---------- */
.t-promo { position: relative; display: block; border-radius: 32px; overflow: hidden; box-shadow: var(--t-shadow-lg); }
.t-promo img { display: block; width: 100%; height: auto; transition: transform 1s var(--t-ease); }
.t-promo:hover img { transform: scale(1.03); }
.t-promo__cta {
	position: absolute; inset-inline-end: 5%; bottom: 9%;
	display: inline-flex; align-items: center; gap: 8px;
	background: var(--t-gold); color: var(--t-g950); font: 900 16px/1 var(--t-font);
	padding: 15px 24px; border-radius: 999px; box-shadow: 0 16px 30px -12px rgba(0, 0, 0, .55);
	transition: transform .3s var(--t-ease);
}
.t-promo__cta svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; }
.t-promo:hover .t-promo__cta { transform: translateY(-3px) scale(1.03); }

/* ---------- steps ---------- */
.t-steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; position: relative; counter-reset: s; }
.t-steps::before { content: ""; position: absolute; top: 46px; inset-inline: 12%; border-top: 3px dashed var(--t-line); z-index: 0; }
.t-steps li { position: relative; z-index: 1; text-align: center; background: #fff; border-radius: var(--t-radius); padding: 26px 16px 22px; box-shadow: var(--t-shadow); }
.t-steps span {
	display: grid; place-items: center; width: 64px; height: 64px; margin: -58px auto 14px; border-radius: 20px;
	background: var(--t-g900); color: var(--t-lime); font: 900 30px/1 var(--t-font);
	box-shadow: 0 0 0 7px var(--t-cream), 0 14px 26px -10px rgba(6, 47, 25, .7);
	transform: rotate(-6deg); transition: transform .35s var(--t-ease);
}
.t-steps li:hover span { transform: rotate(0) scale(1.08); background: var(--t-red); color: #fff; }
.t-steps li:first-child span { margin-top: -58px; }
.t-steps b { display: block; font: 900 17px/1.5 var(--t-font) !important; color: var(--t-ink); }
.t-steps small { color: var(--t-muted); font: 500 13px/1.6 var(--t-font); }
.t-steps { margin-top: 70px; }

/* ---------- story ---------- */
.t-story { margin-top: 110px; background: var(--t-story, var(--t-g950)); color: rgba(255, 255, 255, .78); position: relative; overflow: hidden; }
.t-story::after { content: ""; position: absolute; inset: 0; background: radial-gradient(60% 90% at 90% 50%, rgba(25, 163, 79, .35), transparent 70%); pointer-events: none; }
.t-story__inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1.2fr; gap: 40px; align-items: center; padding-block: 90px; }
.t-story__num b {
	display: block; font: 900 clamp(90px, 14vw, 200px)/1 var(--t-font);
	color: transparent; -webkit-text-stroke: 2px var(--t-lime);
	background: linear-gradient(180deg, rgba(163, 230, 53, .25), transparent 80%); -webkit-background-clip: text; background-clip: text;
}
.t-story__num span { display: block; margin-top: 10px; font: 800 16px/1.5 var(--t-font); color: var(--t-lime); letter-spacing: .02em; }
.t-story__copy p { font: 500 17px/2.1 var(--t-font); margin: 18px 0 28px; }

/* ---------- call ---------- */
.t-call {
	display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: wrap;
	background: linear-gradient(120deg, var(--t-call, var(--t-lime)) 0%, color-mix(in srgb, var(--t-call, var(--t-lime)) 55%, #fff) 100%);
	border-radius: 32px; padding: 44px 48px; position: relative; overflow: hidden;
}
.t-call::before { content: ""; position: absolute; width: 340px; height: 340px; border-radius: 50%; inset-inline-start: -80px; top: -160px; background: rgba(255, 255, 255, .35); }
.t-call > * { position: relative; }
.t-call .t-kicker { color: var(--t-g800); }
.t-call p { margin: 12px 0 0; color: var(--t-g800); font: 600 16px/1.8 var(--t-font); }
.t-call__phone {
	display: inline-flex; align-items: center; gap: 14px;
	background: var(--t-g950); color: #fff !important; text-decoration: none !important;
	border-radius: 999px; padding: 18px 30px; font: 900 clamp(20px, 2.4vw, 30px)/1 var(--t-font);
	box-shadow: 0 20px 40px -18px rgba(6, 47, 25, .9);
	transition: transform .3s var(--t-ease);
}
.t-call__phone:hover { transform: translateY(-4px); }
.t-call__phone svg { width: 28px; height: 28px; fill: none; stroke: var(--t-lime); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; animation: t-ring 2.4s ease-in-out infinite; }

/* ==========================================================================
   Footer
   ========================================================================== */
body.tabiat .wd-footer { background: var(--t-g950) !important; padding: 0 !important; border: 0 !important; }
body.tabiat .wd-footer > .container,
body.tabiat .wd-footer .main-footer { max-width: none; padding: 0; }
.t-footer { color: rgba(255, 255, 255, .7); padding: 0 0 26px; font: 500 14px/1.85 var(--t-font); }
.t-footer a { color: rgba(255, 255, 255, .78); text-decoration: none; transition: color .2s; }
.t-footer a:hover { color: var(--t-lime); }
.t-footer__cta {
	display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap;
	transform: translateY(-50%);
	background: linear-gradient(120deg, var(--t-g700), var(--t-g600));
	border-radius: 26px; padding: 26px 34px;
	box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .7);
	color: #fff;
}
.t-footer__cta b { display: block; font: 900 22px/1.5 var(--t-font); }
.t-footer__cta span { color: rgba(255, 255, 255, .8); }
.t-footer__grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.4fr; gap: 36px; margin-top: 10px; }
.t-footer__col { display: flex; flex-direction: column; gap: 10px; }
.t-footer__col b { color: #fff; font: 900 16px/1.5 var(--t-font); margin-bottom: 6px; }
.t-footer__logo { display: inline-block; background: #fff; border-radius: 18px; padding: 8px 14px; margin-bottom: 16px; }
.t-footer__logo img { display: block; height: 56px; width: auto; }
.t-footer__brand p { line-height: 2; margin: 0 0 18px; }
.t-social { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: rgba(255, 255, 255, .08); font-weight: 700; }
.t-social svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.t-footer__enamad { display: inline-block; margin-top: 16px; }
.t-footer__enamad img { display: block; width: 100px; height: auto; cursor: pointer; }
.t-footer a.t-footer__corporate { display: inline-flex; align-items: center; gap: 6px; color: var(--t-lime); font-weight: 800; }
.t-footer a.t-footer__corporate::after { content: "←"; transition: transform .2s var(--t-ease); }
.t-footer a.t-footer__corporate:hover::after { transform: translateX(-3px); }
.t-footer__phone { font: 900 24px/1.3 var(--t-font) !important; color: var(--t-lime) !important; }
.t-footer__contact p { margin: 0; line-height: 1.9; }
.t-footer__bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-top: 46px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .1); font-size: 13px; color: rgba(255, 255, 255, .5); }
body.tabiat .wd-footer + .wd-copyrights,
body.tabiat .copyrights-wrapper { display: none; }

/* ==========================================================================
   Motion
   ========================================================================== */
.t-js .t-reveal { opacity: 0; transform: translateY(26px); transition: opacity .8s var(--t-ease), transform .8s var(--t-ease); }
.t-js .t-reveal.is-in { opacity: 1; transform: none; }

@keyframes t-marquee { to { transform: translateX(50%); } }
@keyframes t-bob { 50% { translate: 0 -16px; } }
@keyframes t-spin { to { transform: rotate(360deg); } }
@keyframes t-pulse { 50% { transform: scale(1.12); opacity: .75; } }
@keyframes t-ping { 70% { box-shadow: 0 0 0 10px rgba(163, 230, 53, 0); } 100% { box-shadow: 0 0 0 0 rgba(163, 230, 53, 0); } }
@keyframes t-drift { from { translate: 0 0; rotate: 0deg; } 50% { translate: 18px -40px; rotate: 160deg; } to { translate: 0 0; rotate: 360deg; } }
@keyframes t-ring { 0%, 60%, 100% { transform: rotate(0); } 70% { transform: rotate(-14deg); } 80% { transform: rotate(12deg); } 90% { transform: rotate(-8deg); } }

@media (prefers-reduced-motion: reduce) {
	.t-topbar__track, .t-marquee__track, .t-float, .t-ring svg, .t-grains i, .t-hero__glow, .t-call__phone svg, .t-eyebrow::before { animation: none !important; }
	.t-js .t-reveal { opacity: 1; transform: none; transition: none; }
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1100px) {
	.t-grid { grid-template-columns: repeat(3, 1fr); }
	.t-cats { grid-template-columns: repeat(4, 1fr); }
	.t-usp { grid-template-columns: repeat(2, 1fr); }
	.t-blog__grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
	.t-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
	.t-hero { padding: 40px 0 130px; }
	.t-hero__inner { grid-template-columns: 1fr; text-align: center; }
	.t-hero__lead { margin-inline: auto; }
	.t-hero__cta, .t-hero__chips { justify-content: center; }
	.t-hero__stage { height: 380px; max-width: 420px; width: 100%; margin: 10px auto 0; }
	.t-float { width: 210px; }
	.t-float--2 { width: 190px; top: 120px; }
	.t-ring { width: 112px; height: 112px; inset-inline-start: 38%; }
	.t-ring text { font-size: 19px; }
	.t-ring span { width: 58px; height: 58px; font-size: 18px; }
	.t-steps { grid-template-columns: repeat(2, 1fr); row-gap: 56px; }
	.t-steps::before { display: none; }
	.t-story__inner { grid-template-columns: 1fr; text-align: center; padding-block: 64px; }
	.t-section { margin-top: 72px; }
	.t-amz { flex-direction: column; padding: 12px 0 10px; border-radius: 16px; }
	.t-amz__intro { flex: none; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 8px; padding: 0 12px 12px; }
	.t-amz__brand { flex-direction: row; gap: 6px; }
	.t-amz__intro { flex-wrap: nowrap; }
	.t-amz__icon { width: 24px; height: 24px; stroke-width: 5; }
	.t-amz__title { font-size: 18px !important; white-space: nowrap; }
	.t-amz__timer { gap: 3px; }
	.t-amz__timer span { min-width: 24px; padding: 5px 2px; font-size: 12.5px; border-radius: 5px; }
	.t-amz__all { margin-inline-start: auto; padding: 0; border: 0; font-size: 12px; white-space: nowrap; }
	.t-amz__all:hover { background: none; color: #fff !important; }
	.t-amz__rail { padding-inline: 8px; }
	.t-amz__card { flex-basis: 168px; padding: 10px; }
	.t-amz__btn { height: 30px; padding: 0 6px; font-size: 11px !important; }
	.t-amz__btn svg { width: 13px; height: 13px; }
	.t-amz .t-qty { --qh: 30px; --qb: 24px; --qf: 13px; }
	.t-card .t-qty { --qh: 40px; --qb: 30px; --qf: 15px; }
	.t-amz .t-amz__nav { display: none; }
}
@media (max-width: 640px) {
	.t-wrap { padding-inline: 16px; }
	.t-hero__title { margin-top: 16px !important; }
	.t-btn--lg { padding: 15px 22px; font-size: 16px; }
	.t-hero__stage { height: 320px; }
	.t-float { width: 170px; padding: 7px; border-radius: 22px; }
	.t-float__img { border-radius: 16px; }
	.t-float--2 { width: 155px; top: 110px; }
	.t-float__tag { padding: 7px 11px; border-radius: 12px; bottom: 14px; inset-inline-start: -10px; }
	.t-float--2 .t-float__tag { inset-inline-end: -10px; }
	.t-float__tag b, .t-float__tag b * { font-size: 14px !important; }
	.t-float__tag small { font-size: 10.5px; }
	.t-hero + .t-marquee { margin-top: -86px; }
	.t-marquee { padding: 12px 0; }
	.t-slider--banner { margin-top: 12px; }
	.t-slider--banner .t-slider__frame { border-radius: 18px; aspect-ratio: 1.7 / 1; }
	.t-slider .t-slider__nav { width: 34px !important; height: 34px !important; }
	.t-slider__nav svg { width: 16px; height: 16px; }
	.t-slider .t-slider__nav--prev { inset-inline-start: 8px; }
	.t-slider .t-slider__nav--next { inset-inline-end: 8px; }
	.t-slider__dots { bottom: 8px; padding: 4px 6px; gap: 5px; }
	.t-slider .t-slider__dot { width: 6px !important; height: 6px !important; }
	.t-slider .t-slider__dot.is-active { width: 16px !important; }
	.t-slider--promo .t-slider__frame { border-radius: 22px; }
	.t-usp { gap: 10px; margin-top: 54px; }
	.t-usp__item { flex-direction: column; text-align: center; padding: 16px 10px; gap: 10px; }
	.t-usp__icon { width: 46px; height: 46px; border-radius: 14px; }
	.t-usp__text b { font-size: 14.5px; }
	.t-usp__text span { font-size: 12px; }
	.t-blog__grid { grid-template-columns: 1fr; gap: 18px; max-width: 420px; margin-inline: auto; }
	.t-blog__panel { left: 14px; right: 14px; padding: 14px 16px 13px; }
	.t-blog__title { font-size: 15px !important; }
	.t-amz-wrap { margin-top: 48px; padding-inline: 8px; }
	.t-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
	.t-card { padding: 8px; border-radius: 18px; }
	.t-card__body { padding: 10px 4px 2px; }
	.t-card__title { font-size: 13.5px !important; }
	.t-card__price, .t-card__price * { font-size: 16px !important; }
	.t-btn--cart { padding: 10px 12px; font-size: 13px; }
	.t-btn--cart svg { width: 17px; height: 17px; }
	.t-cats { grid-template-columns: repeat(3, 1fr); gap: 10px; }
	.t-cat__img { width: 64px; height: 64px; }
	.t-head { flex-direction: column; align-items: flex-start; margin-bottom: 24px; }
	.t-head--center { align-items: center; }
	.t-promo { border-radius: 22px; }
	.t-promo { background: var(--t-g800); }
	.t-promo__cta { position: static; display: flex; justify-content: center; margin: 0; border-radius: 0; padding: 14px 16px; font-size: 15px; box-shadow: none; }
	.t-promo:hover .t-promo__cta { transform: none; }
	.t-call { padding: 30px 22px; border-radius: 24px; text-align: center; justify-content: center; }
	.t-call__phone { padding: 15px 24px; }
	.t-footer__cta { padding: 22px; text-align: center; justify-content: center; transform: translateY(-40%); }
	.t-footer__grid { grid-template-columns: 1fr 1fr; gap: 28px 18px; }
	.t-footer__brand, .t-footer__contact { grid-column: 1 / -1; }
	.t-topbar { font-size: 12px; }
}
@media (max-width: 380px) {
	.t-amz__all span { display: none; }
	.t-amz .t-amz__all { width: 26px; height: 26px; justify-content: center; border-radius: 50%; background: rgba(255, 255, 255, .2); }
}