/* =========================================================
   MEN'S OUTERWEAR — premium mobile-first visual system
   Palette: warm off-white / graphite / muted olive
   ========================================================= */

:root {
	--page-width: 520px;
	--canvas: #f2efe7;
	--surface: #faf8f2;
	--graphite: #181a18;
	--olive: #68705a;
	--ink-muted: rgba(24, 26, 24, 0.64);
	--line: rgba(24, 26, 24, 0.14);
	--line-light: rgba(250, 248, 242, 0.16);
	--side-padding: 16px;
	--section-space: 26px;
	--radius-sm: 7px;
	--radius: 11px;
	--radius-lg: 15px;
	--font-head: 'Manrope', Arial, sans-serif;
	--font-body: 'Inter', 'Manrope', Arial, sans-serif;
}

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
html, body { margin: 0; padding: 0; overflow-x: hidden; }
body {
	min-width: 320px;
	background: #dedbd3;
	color: var(--graphite);
	font-family: var(--font-body);
	font-size: 16px;
	font-weight: 400;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
.main_wrapper { width: 100%; max-width: var(--page-width); margin: 0 auto; background: var(--canvas); overflow: hidden; }
img { display: block; max-width: 100%; height: auto; }
b { font-weight: 700; }
.clearfix::after { display: block; clear: both; content: ''; }
section { padding: var(--section-space) var(--side-padding); }

h2.title {
	margin: 0 0 24px;
	color: var(--graphite);
	font-family: var(--font-head);
	font-size: clamp(1.625rem, 7.4vw, 2rem);
	font-weight: 800;
	letter-spacing: -0.045em;
	line-height: 1.08;
	text-transform: uppercase;
}
h2.title::before { display: block; width: 30px; height: 3px; margin: 0 0 14px; background: var(--olive); content: ''; }
h2.title span { color: var(--olive); }

/* HERO */
.hero_section { position: relative; padding: 0 0 28px; background: var(--graphite); color: var(--surface); text-align: left; }
.hero_content { padding: 30px var(--side-padding) 0; }
.hero_title {
	width: 100%;
	max-width: none;
	margin: 0 0 8px;
	font-family: var(--font-head);
	font-size: clamp(1.2rem, 6.25vw, 2rem);
	font-weight: 800;
	letter-spacing: -0.045em;
	line-height: 1.1;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
}
.hero_title .brand_accent { display: block; color: var(--surface); }
.hero_model { width: 100%; margin: 0 0 22px; color: rgba(250, 248, 242, 0.58); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.16em; line-height: 1.4; text-align: center; text-transform: uppercase; }
.hero_image_full { position: relative; margin: 0 calc(-1 * var(--side-padding)) 22px; overflow: hidden; background: var(--graphite); }
.hero_image_full img { width: 100%; }
.hero_image_full::after { position: absolute; right: 0; bottom: 0; left: 0; height: 18%; background: linear-gradient(to bottom, transparent, rgba(24, 26, 24, 0.38)); content: ''; pointer-events: none; }
.gift_badge { position: absolute; z-index: 2; top: 14px; right: 14px; min-width: 76px; padding: 11px 12px 10px; border: 1px solid rgba(250, 248, 242, 0.24); border-radius: var(--radius-sm); background: var(--olive); color: var(--surface); text-align: center; }
.gift_badge .gift_icon { display: block; font-family: var(--font-head); font-size: 1.45rem; font-weight: 800; letter-spacing: -0.04em; line-height: 1; }
.gift_badge .gift_text { display: block; margin-top: 5px; font-size: 0.625rem; font-weight: 700; letter-spacing: 0.14em; line-height: 1; text-transform: uppercase; }
.hero_price_box { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: 8px; margin-bottom: 12px; }
.price_tag { min-width: 0; padding: 13px 12px; border: 1px solid var(--line-light); border-radius: var(--radius-sm); background: rgba(250, 248, 242, 0.04); text-align: center; }
.price_tag.new_price { border-color: var(--surface); background: var(--surface); color: var(--graphite); }
.price_tag .label { display: block; margin-bottom: 5px; color: rgba(250, 248, 242, 0.5); font-size: 0.625rem; font-weight: 600; letter-spacing: 0.09em; line-height: 1.3; text-transform: uppercase; }
.price_tag.new_price .label { color: var(--ink-muted); }
.price_tag .val { display: block; font-family: var(--font-head); font-size: clamp(1.15rem, 5.4vw, 1.5rem); font-weight: 800; letter-spacing: -0.04em; line-height: 1.05; white-space: nowrap; }
.old_price .val { color: rgba(250, 248, 242, 0.54); text-decoration: line-through; text-decoration-thickness: 1px; }
.price_tag.new_price .val { display: inline-block; animation: discountPricePulse 1.8s ease-in-out infinite; transform-origin: center; }

@keyframes discountPricePulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.09); }
}
.promo_date_banner { margin: 0 0 10px; padding: 10px 12px; border: 1px solid rgba(104, 112, 90, 0.72); border-radius: var(--radius-sm); background: rgba(104, 112, 90, 0.16); color: rgba(250, 248, 242, 0.76); font-size: 0.7rem; font-weight: 500; letter-spacing: 0.04em; line-height: 1.4; text-align: center; text-transform: uppercase; }
.promo_date_banner span { color: var(--surface); font-weight: 800; }
.demand-struct { display: flex; flex-direction: column; gap: 10px; margin: 0 0 18px; padding: 12px; border: 1px solid var(--line-light); border-radius: var(--radius-sm); background: rgba(250, 248, 242, 0.04); text-align: left; }
.ds-row { display: flex; align-items: center; gap: 10px; }
.ds-icon { width: 24px; flex: 0 0 24px; filter: grayscale(1); font-size: 1rem; text-align: center; }
.fire-emoji { display: inline-block; }
.ds-text-col { min-width: 0; flex: 1; }
.ds-title { margin-bottom: 2px; color: var(--surface); font-family: var(--font-head); font-size: 0.7rem; font-weight: 800; letter-spacing: 0.1em; line-height: 1.25; text-transform: uppercase; }
.ds-desc { color: rgba(250, 248, 242, 0.62); font-size: 0.75rem; line-height: 1.45; }
.ds-highlight { display: inline-block; padding: 1px 5px; border-radius: 3px; background: var(--olive); color: var(--surface); font-family: var(--font-head); font-size: 0.75rem; font-weight: 800; }
.ds-track { width: 100%; height: 4px; overflow: hidden; background: rgba(250, 248, 242, 0.11); }
.ds-fill { height: 100%; background: var(--olive); transition: width 1s ease; }
.hero_subtitle { margin: 0 0 20px; color: rgba(250, 248, 242, 0.67); font-size: 0.925rem; line-height: 1.6; }

.hero_btn, .button, .order_button {
	display: flex;
	width: 100%;
	min-height: 54px;
	align-items: center;
	justify-content: center;
	padding: 15px 18px;
	border: 1px solid var(--olive);
	border-radius: var(--radius-sm);
	background: var(--olive);
	box-shadow: none;
	color: var(--surface);
	font-family: var(--font-head);
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing: 0.095em;
	line-height: 1.35;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.12s ease;
}
.hero_btn:hover, .button:hover, .order_button:hover { border-color: var(--surface); background: transparent; }
.hero_btn:active, .button:active, .order_button:active { transform: scale(0.985); }
.hero_btn:focus-visible, .button:focus-visible, .order_button:focus-visible, .slider_btn:focus-visible, .reaction-btn:focus-visible, .rf-submit:focus-visible, .write-review-btn:focus-visible, .premium_input:focus-visible, .rf-input:focus-visible { outline: 2px solid var(--olive); outline-offset: 3px; }

/* PROMO IMAGE */
.promo_banner { display: block; width: 100%; background: var(--graphite); line-height: 0; }
.promo_banner img { width: 100%; }

/* PRODUCT DESCRIPTION */
.description_section { background: var(--canvas); }
.features_container { display: grid; gap: 9px; }
.feature_card { display: flex; align-items: flex-start; gap: 13px; padding: 16px 14px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.feature_icon { display: flex; width: 38px; height: 38px; flex: 0 0 38px; align-items: center; justify-content: center; border: 1px solid rgba(104, 112, 90, 0.28); border-radius: var(--radius-sm); background: rgba(104, 112, 90, 0.08); color: var(--olive); }
.feature_icon svg { display: block; width: 20px; height: 20px; }
.feature_content { min-width: 0; flex: 1; }
.feature_content h3 { margin: 0 0 4px; color: var(--graphite); font-family: var(--font-head); font-size: 0.875rem; font-weight: 800; letter-spacing: 0.045em; line-height: 1.3; text-transform: uppercase; }
.feature_content p { margin: 0; color: var(--ink-muted); font-size: 0.875rem; line-height: 1.55; }
.spec_block { margin-top: 20px; padding: 21px 18px 16px; border-radius: var(--radius); background: var(--graphite); color: var(--surface); }
.spec_block h3 { margin: 0 0 13px; font-family: var(--font-head); font-size: 0.875rem; font-weight: 800; letter-spacing: 0.12em; line-height: 1.3; text-transform: uppercase; }
.spec_row { display: grid; grid-template-columns: minmax(86px, 0.75fr) minmax(0, 1.25fr); align-items: baseline; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line-light); }
.spec_row:last-child { padding-bottom: 0; border-bottom: 0; }
.spec_key { color: rgba(250, 248, 242, 0.52); font-size: 0.7rem; font-weight: 600; letter-spacing: 0.065em; text-transform: uppercase; }
.spec_val { color: var(--surface); font-family: var(--font-head); font-size: 0.8rem; font-weight: 700; line-height: 1.4; text-align: right; }

/* SIZE TABLE */
.size_section { background: var(--surface); }
.size_box { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--canvas); }
.size_box_title { margin: 0; padding: 18px 12px 3px; color: var(--graphite); font-family: var(--font-head); font-size: 0.875rem; font-weight: 800; letter-spacing: 0.1em; line-height: 1.35; text-align: center; text-transform: uppercase; }
.model_title { margin: 0; padding: 0 12px 16px; color: var(--ink-muted); font-size: 0.7rem; font-weight: 600; letter-spacing: 0.13em; line-height: 1.3; text-align: center; text-transform: uppercase; }
.size_table { width: 100%; border-collapse: collapse; table-layout: fixed; background: var(--surface); }
.size_table th, .size_table td { padding: 12px 3px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 0.72rem; line-height: 1.3; text-align: center; vertical-align: middle; }
.size_table th:last-child, .size_table td:last-child { border-right: 0; }
.size_table thead th { border-color: rgba(250, 248, 242, 0.18); background: var(--olive); color: var(--surface); font-family: var(--font-head); font-size: 0.64rem; font-weight: 700; letter-spacing: 0.025em; text-transform: uppercase; }
.size_table tbody tr:nth-child(even) td { background: rgba(104, 112, 90, 0.055); }
.size_table tbody tr:last-child td { border-bottom: 0; }
.size_table tbody td { color: var(--graphite); font-family: var(--font-head); font-weight: 600; }
.size_table .size_name { font-weight: 800; }
.size_note_box { padding: 14px; border-top: 1px solid var(--line); }
.size_note_box p { margin: 0 0 5px; color: var(--ink-muted); font-size: 0.75rem; line-height: 1.5; }
.size_note_box p:last-child { margin-bottom: 0; }

/* PRODUCT CARDS */
.cat { background: var(--canvas); }
.catitem, .product_grid { width: 100%; }
.product_list { display: flex; width: 100%; flex-direction: column; gap: 20px; }
.product_card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--surface); box-shadow: 0 10px 28px rgba(24, 26, 24, 0.06); }
.gallery_wrapper, .reviews_gallery_wrapper { position: relative; width: 100%; overflow: hidden; background: var(--canvas); }
.swipe_gallery { display: flex; width: 100%; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.swipe_gallery::-webkit-scrollbar { display: none; }
.swipe_gallery img { display: block; width: 100%; min-width: 100%; height: auto; flex: 0 0 100%; scroll-snap-align: center; }
.slider_btn { position: absolute; z-index: 5; top: 50%; display: flex; width: 38px; height: 38px; align-items: center; justify-content: center; padding: 0 0 3px; transform: translateY(-50%); border: 1px solid rgba(250, 248, 242, 0.3); border-radius: 50%; background: rgba(24, 26, 24, 0.72); color: var(--surface); font-family: Arial, sans-serif; font-size: 1.55rem; font-weight: 400; line-height: 1; cursor: pointer; backdrop-filter: blur(5px); }
.slider_prev { left: 10px; }
.slider_next { right: 10px; }
.product_card_info { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 17px 16px 15px; background: var(--surface); }
.product_card_info .left { min-width: 0; text-align: left; }
.product_card_info .right { flex: 0 0 auto; text-align: right; }
.color_name { margin: 0 0 4px; color: var(--ink-muted); font-size: 0.65rem; font-weight: 600; letter-spacing: 0.12em; line-height: 1.3; text-transform: uppercase; }
.color_num { display: flex; align-items: center; gap: 8px; margin: 0; color: var(--graphite); font-family: var(--font-head); font-size: 1.1rem; font-weight: 800; letter-spacing: -0.025em; line-height: 1.2; }
.color_dot { display: inline-block; width: 16px; height: 16px; flex: 0 0 16px; border: 1px solid var(--line); border-radius: 50%; }
.dot_black { background: #151515; }
.dot_graphite { background: #4b4e4c; }
.dot_khaki { background: var(--olive); }
.dot_white { background: var(--surface); }
.price_old { margin: 0 0 1px; color: var(--ink-muted); font-size: 0.72rem; font-weight: 500; line-height: 1.2; text-decoration: line-through; text-decoration-thickness: 1px; }
.price_new { margin: 0; color: var(--graphite); font-family: var(--font-head); font-size: 1.45rem; font-weight: 800; letter-spacing: -0.05em; line-height: 1.1; }
.order_button { min-height: 56px; border: 0; border-radius: 0; }
.order_button:hover { background: var(--graphite); }

/* ORDER STEPS */
.tlt { padding: 0 var(--side-padding); background: var(--surface); }
.tlt h2.title { margin: 0; padding-top: var(--section-space); }
.order_steps1 { display: grid; gap: 9px; padding: 24px var(--side-padding) var(--section-space); background: var(--surface); counter-reset: order-step; }
.order_steps1::before, .order_steps1::after { display: none; }
.order_steps1 .step_item { position: relative; width: 100%; border: 1px solid var(--line); border-radius: var(--radius); background: var(--canvas); counter-increment: order-step; }
.order_steps1 .step_item::before { position: absolute; top: 16px; left: 14px; display: flex; width: 34px; height: 34px; align-items: center; justify-content: center; border-radius: var(--radius-sm); background: var(--olive); color: var(--surface); content: '0' counter(order-step); font-family: var(--font-head); font-size: 0.7rem; font-weight: 800; letter-spacing: 0.04em; }
.order_steps1 .step_wrapper, .order_steps1 .step_item:nth-child(1) .step_wrapper, .order_steps1 .step_item:nth-child(2) .step_wrapper, .order_steps1 .step_item:nth-child(3) .step_wrapper, .order_steps1 .step_item:nth-child(4) .step_wrapper { display: block; padding: 15px 14px 15px 61px; background: none; }
.order_steps1 .step_item img { display: none; }
.order_steps1 .step_item h4 { margin: 0 0 3px; color: var(--graphite); font-family: var(--font-head); font-size: 0.82rem; font-weight: 800; letter-spacing: 0.07em; line-height: 1.3; text-transform: uppercase; }
.order_steps1 .step_item p { margin: 0; color: var(--ink-muted); font-size: 0.82rem; line-height: 1.5; }

/* DELIVERY / PAYMENT / RETURNS */
.delivery-block-v3 { padding: 24px 0 var(--section-space); }
.delivery-block-v3 .delivery-cont { display: grid; gap: 9px; }
.delivery-block-v3 .delivery-cont > li { position: relative; padding: 17px 14px 17px 61px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--canvas); overflow: hidden; }
.delivery-block-v3 .delivery-cont > li:last-child { padding: 17px 14px 17px 61px; }
.delivery-block-v3 .delivery-cont > li::before { position: absolute; top: 16px; left: 14px; display: block; width: 34px; height: 34px; margin: 0; border-radius: var(--radius-sm); background-color: var(--olive); background-position: center; background-repeat: no-repeat; background-size: 18px 18px; content: ''; }
.delivery-block-v3 .delivery-cont > li:nth-child(1)::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23faf8f2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6h11v10H2z'/%3E%3Cpath d='M13 9h4l4 3.5V16h-8z'/%3E%3Ccircle cx='7' cy='19' r='1.8'/%3E%3Ccircle cx='17' cy='19' r='1.8'/%3E%3C/svg%3E"); }
.delivery-block-v3 .delivery-cont > li:nth-child(2)::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23faf8f2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2.5'/%3E%3Cpath d='M2.5 9.5h19'/%3E%3Cpath d='M6 14.5h4'/%3E%3C/svg%3E"); }
.delivery-block-v3 .delivery-cont > li:nth-child(3)::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23faf8f2' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.8l7.5 3v5.4c0 4.4-3 8.2-7.5 9.7-4.5-1.5-7.5-5.3-7.5-9.7V5.8z'/%3E%3Cpath d='M8.8 11.8l2.3 2.3 4.1-4.4'/%3E%3C/svg%3E"); }
.delivery-block-v3 .delivery-cont > li h3 { margin: 0 0 4px; color: var(--graphite); font-family: var(--font-head); font-size: 0.82rem; font-weight: 800; letter-spacing: 0.06em; line-height: 1.35; text-transform: uppercase; }
.delivery-block-v3 .delivery-cont > li p { margin: 0 0 5px; color: var(--ink-muted); font-size: 0.82rem; line-height: 1.5; }
.delivery-block-v3 .delivery-cont > li p:last-child { margin-bottom: 0; }

/* REVIEWS */
.reviews_section { background: var(--canvas); }
.trust-dashboard { display: flex; flex-direction: column; gap: 14px; margin-bottom: 10px; padding: 18px 16px; border-radius: var(--radius); background: var(--graphite); color: var(--surface); }
.td-top-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 14px; border-bottom: 1px solid var(--line-light); }
.g-info { display: flex; min-width: 0; flex: 1; flex-direction: column; gap: 5px; }
.g-name { color: var(--surface); font-family: var(--font-head); font-size: 0.8rem; font-weight: 800; letter-spacing: 0.065em; line-height: 1.3; text-transform: uppercase; }
.g-status { display: flex; align-items: center; gap: 5px; color: rgba(250, 248, 242, 0.56); font-size: 0.6rem; font-weight: 600; letter-spacing: 0.045em; line-height: 1.3; text-transform: uppercase; }
.g-check, .td-green { color: #aeb89a; font-weight: 800; }
.td-rating-box { flex: 0 0 auto; text-align: right; }
.td-score { color: var(--surface); font-family: var(--font-head); font-size: 2rem; font-weight: 800; letter-spacing: -0.06em; line-height: 0.95; }
.td-max { display: block; margin-top: 4px; color: rgba(250, 248, 242, 0.46); font-size: 0.65rem; font-weight: 500; }
.td-bottom-row { display: flex; flex-direction: column; gap: 8px; }
.td-bar-bg { width: 100%; height: 4px; overflow: hidden; background: rgba(250, 248, 242, 0.12); }
.td-bar-fill { width: 94%; height: 100%; background: var(--olive); }
.td-stats { display: flex; justify-content: space-between; gap: 8px; color: rgba(250, 248, 242, 0.56); font-size: 0.68rem; font-weight: 500; }
.write-review-btn { display: flex; width: 100%; min-height: 50px; align-items: center; justify-content: center; margin-bottom: 10px; padding: 13px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--surface); color: var(--graphite); font-family: var(--font-head); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.065em; line-height: 1.4; text-align: center; text-transform: uppercase; cursor: pointer; }
#review-form-wrap { max-height: 0; margin-bottom: 0; overflow: hidden; border-radius: var(--radius); background: var(--surface); transition: max-height 0.25s ease; }
#review-form-wrap.open { max-height: 720px; margin-bottom: 12px; padding: 18px 14px; border: 1px solid var(--line); }
.rf-title { margin-bottom: 12px; color: var(--graphite); font-family: var(--font-head); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.07em; line-height: 1.3; text-align: center; text-transform: uppercase; }
.star-select { display: flex; justify-content: center; gap: 8px; margin-bottom: 15px; }
.star-s { color: rgba(24, 26, 24, 0.18); font-size: 1.75rem; line-height: 1; cursor: pointer; user-select: none; }
.star-s.selected, .ar-stars { color: var(--olive); }
.rf-input { display: block; width: 100%; margin-bottom: 9px; padding: 13px 14px; border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--canvas); color: var(--graphite); font-family: var(--font-body); font-size: 1rem; line-height: 1.45; resize: none; }
.rf-input::placeholder { color: rgba(24, 26, 24, 0.42); }
.rf-input:focus { border-color: var(--olive); outline: none; }
.rf-submit { width: 100%; min-height: 50px; padding: 14px; border: 1px solid var(--graphite); border-radius: var(--radius-sm); background: var(--graphite); color: var(--surface); font-family: var(--font-head); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.08em; line-height: 1.35; text-transform: uppercase; cursor: pointer; }
.reviews-feed { display: flex; flex-direction: column; gap: 9px; }
.adv-review-card { padding: 15px 14px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.new-review-highlight-green { border-color: var(--olive); }
.ar-header { display: flex; align-items: center; gap: 10px; margin-bottom: 11px; }
.ar-avatar { display: flex; width: 36px; height: 36px; flex: 0 0 36px; align-items: center; justify-content: center; border-radius: 50%; color: var(--surface); font-family: var(--font-head); font-size: 0.8rem; font-weight: 800; }
.ar-info { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.ar-name { margin-bottom: 2px; overflow: hidden; color: var(--graphite); font-family: var(--font-head); font-size: 0.82rem; font-weight: 800; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.ar-stars { font-size: 0.72rem; letter-spacing: 0.08em; line-height: 1; }
.ar-verified { margin-left: auto; padding: 4px 6px; border: 1px solid rgba(104, 112, 90, 0.28); border-radius: 4px; background: rgba(104, 112, 90, 0.08); color: var(--olive); font-size: 0.51rem; font-weight: 800; letter-spacing: 0.025em; line-height: 1.25; text-transform: uppercase; white-space: nowrap; }
.ar-text { margin: 0; color: var(--ink-muted); font-size: 0.84rem; line-height: 1.6; }
.ar-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); }
.ar-date { color: rgba(24, 26, 24, 0.45); font-size: 0.66rem; font-weight: 500; }
.ar-actions { display: flex; align-items: center; gap: 12px; }
.reaction-btn { display: flex; align-items: center; gap: 4px; padding: 4px 0; border: 0; background: transparent; color: var(--ink-muted); font-family: var(--font-body); font-size: 0.75rem; font-weight: 600; cursor: pointer; }
.reaction-btn.active-like, .reaction-btn.active-dislike { color: var(--olive); }

/* ORDER FORM + FOOTER */
.footer_order_section { padding: var(--section-space) var(--side-padding) 28px; background: var(--graphite); color: var(--surface); text-align: center; }
.footer_content { width: 100%; }
.footer_title { margin: 0 0 24px; color: var(--surface); font-family: var(--font-head); font-size: clamp(1.75rem, 8vw, 2.15rem); font-weight: 800; letter-spacing: -0.05em; line-height: 1.05; text-transform: uppercase; }
.footer_order_section .hero_image_full { margin-bottom: 22px; }
.footer_order_section .hero_price_box { margin-bottom: 12px; }
.footer_order_section .promo_date_banner { margin-bottom: 10px; }
.premium_form { width: 100%; margin: 20px 0 0; text-align: left; }
.input_group, .select_group { margin-bottom: 10px; }
.select_label { display: block; margin: 0 0 6px; color: rgba(250, 248, 242, 0.57); font-size: 0.68rem; font-weight: 700; letter-spacing: 0.11em; line-height: 1.3; text-transform: uppercase; }
.premium_input { display: block; width: 100%; height: 54px; padding: 0 15px; border: 1px solid rgba(250, 248, 242, 0.2); border-radius: var(--radius-sm); background: rgba(250, 248, 242, 0.06); color: var(--surface); font-family: var(--font-body); font-size: 1rem; font-weight: 400; line-height: 54px; outline: none; }
.premium_input::placeholder { color: rgba(250, 248, 242, 0.43); opacity: 1; }
.premium_input:focus { border-color: var(--olive); }
select.premium_input, select.premium_select { height: 54px; padding-right: 42px; background-color: rgba(250, 248, 242, 0.06); background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23faf8f2' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E"); background-position: right 16px center; background-repeat: no-repeat; color: var(--surface); font-size: 1rem; line-height: normal; appearance: none; -webkit-appearance: none; }
select.premium_input option, select.premium_select option { background: var(--graphite); color: var(--surface); }
.premium_form .hero_btn { margin-top: 16px; }
.footer_order_section .promo_banner { width: auto; margin: 28px calc(-1 * var(--side-padding)) 0; }
.site_footer { margin-top: 32px; padding-top: 22px; border-top: 1px solid var(--line-light); color: rgba(250, 248, 242, 0.45); font-family: var(--font-body); font-size: 0.75rem; line-height: 1.65; }
.site_footer p { margin-bottom: 4px; }
.site_footer a { color: rgba(250, 248, 242, 0.66) !important; text-decoration-color: rgba(250, 248, 242, 0.28) !important; text-underline-offset: 3px; }

/* FOMO TOAST */
.fomo-toast { position: fixed; z-index: 10000; top: 12px; left: 50%; display: flex; width: calc(100% - 24px); max-width: 350px; align-items: center; gap: 10px; padding: 8px 13px 8px 8px; transform: translateX(-50%) translateY(-160%); border: 1px solid rgba(250, 248, 242, 0.16); border-radius: var(--radius); background: rgba(24, 26, 24, 0.97); box-shadow: 0 14px 30px rgba(24, 26, 24, 0.24); opacity: 0; pointer-events: none; transition: transform 0.3s ease, opacity 0.25s ease; }
.fomo-toast.show { transform: translateX(-50%) translateY(0); opacity: 1; }
.fomo-icon { display: flex; width: 36px; height: 36px; flex: 0 0 36px; align-items: center; justify-content: center; border-radius: var(--radius-sm); background: var(--olive); font-size: 1rem; filter: grayscale(1); }
.fomo-info { display: flex; min-width: 0; flex: 1; flex-direction: column; }
.fomo-title { margin-bottom: 1px; overflow: hidden; color: var(--surface); font-family: var(--font-head); font-size: 0.78rem; font-weight: 800; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.fomo-desc { overflow: hidden; color: rgba(250, 248, 242, 0.58); font-size: 0.68rem; font-weight: 500; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.fomo-time { flex: 0 0 auto; color: #aeb89a; font-size: 0.62rem; font-weight: 700; white-space: nowrap; }

#colors, #order_form, #size { scroll-margin-top: 18px; }

/* =========================================================
   BRIGHTER SALES ACCENTS + CENTERED CONTENT
   ========================================================= */

:root {
	--sale-red: #b9342d;
	--warm-gold: #c9983e;
	--review-green: #4f7654;
}

h2.title {
	text-align: center;
}

h2.title::before {
	margin-right: auto;
	margin-left: auto;
}

.promo_date_banner {
	border-color: #d7554e;
	background: var(--sale-red);
	box-shadow: 0 7px 18px rgba(185, 52, 45, 0.22);
	color: #fff8f1;
}

.promo_date_banner span {
	color: #ffffff;
}

.demand-struct {
	align-items: center;
	border-color: rgba(201, 152, 62, 0.72);
	background: linear-gradient(135deg, #fff4d9 0%, #eee5c9 100%);
	box-shadow: 0 7px 18px rgba(24, 26, 24, 0.12);
	text-align: center;
}

.ds-row {
	justify-content: center;
}

.ds-icon {
	filter: none;
}

.ds-title {
	color: var(--sale-red);
}

.ds-desc {
	color: rgba(24, 26, 24, 0.72);
}

.ds-highlight {
	background: var(--warm-gold);
	color: var(--graphite);
}

.ds-track {
	background: rgba(185, 52, 45, 0.14);
}

.ds-fill {
	background: linear-gradient(90deg, var(--sale-red), var(--warm-gold));
}

.hero_btn,
.button,
.order_button {
	border-color: #d79b00;
	background-color: #ffd21c;
	background-image: linear-gradient(110deg, #ffc400 0%, #ffe36a 30%, #ffb800 50%, #fff08a 70%, #ffc400 100%);
	background-size: 240% 100%;
	box-shadow: 0 8px 20px rgba(255, 190, 0, 0.3);
	color: #181a18;
	animation: ctaGradientShift 3.2s ease-in-out infinite, ctaPulse 1.6s ease-in-out infinite;
	transform-origin: center;
}

.hero_btn:hover,
.button:hover,
.order_button:hover {
	border-color: #efb000;
	background-color: #ffdc35;
	background-image: linear-gradient(110deg, #ffb800 0%, #fff08a 30%, #ffc400 50%, #fff3a3 70%, #ffb800 100%);
	color: #181a18;
}

@keyframes ctaGradientShift {
	0%, 100% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
}

@keyframes ctaPulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.035); }
}

.feature_card {
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.feature_icon {
	margin: 0 auto;
}

.spec_block h3,
.size_note_box,
.order_steps1 .step_item,
.delivery-block-v3 .delivery-cont > li {
	text-align: center;
}

.order_steps1 .step_item::before {
	position: static;
	margin: 16px auto 0;
}

.order_steps1 .step_wrapper,
.order_steps1 .step_item:nth-child(1) .step_wrapper,
.order_steps1 .step_item:nth-child(2) .step_wrapper,
.order_steps1 .step_item:nth-child(3) .step_wrapper,
.order_steps1 .step_item:nth-child(4) .step_wrapper {
	padding: 10px 14px 17px;
}

.delivery-block-v3 .delivery-cont > li,
.delivery-block-v3 .delivery-cont > li:last-child {
	padding: 17px 14px;
}

.delivery-block-v3 .delivery-cont > li::before {
	position: static;
	margin: 0 auto 11px;
}

.trust-dashboard {
	border: 1px solid rgba(79, 118, 84, 0.4);
	background: linear-gradient(135deg, #f4ead4 0%, #e3eadc 100%);
	box-shadow: 0 8px 22px rgba(79, 118, 84, 0.12);
	color: var(--graphite);
	text-align: center;
}

.td-top-row {
	flex-direction: row;
	border-bottom-color: rgba(24, 26, 24, 0.12);
}

.g-info {
	align-items: flex-start;
	text-align: left;
}

.g-name,
.td-score {
	color: var(--graphite);
}

.g-status,
.td-max,
.td-stats {
	color: rgba(24, 26, 24, 0.62);
}

.g-check,
.td-green {
	color: var(--review-green);
}

.td-rating-box {
	display: flex;
	align-items: baseline;
	gap: 3px;
	text-align: center;
}

.td-max {
	display: inline;
	margin-top: 0;
}

.td-bar-bg {
	background: rgba(24, 26, 24, 0.12);
}

.td-bar-fill {
	background: linear-gradient(90deg, var(--review-green), var(--warm-gold));
}

.star-s.selected,
.ar-stars {
	color: var(--warm-gold);
}

.write-review-btn {
	border-color: rgba(79, 118, 84, 0.42);
	background: #edf1e8;
	color: var(--review-green);
}

.adv-review-card {
	border-left: 3px solid var(--review-green);
}

.adv-review-card:nth-child(2n) {
	border-left-color: var(--warm-gold);
}

.adv-review-card:nth-child(3n) {
	border-left-color: var(--sale-red);
}

.ar-verified {
	border-color: rgba(79, 118, 84, 0.32);
	background: rgba(79, 118, 84, 0.1);
	color: var(--review-green);
}

@media (min-width: 430px) {
	:root { --side-padding: 22px; --section-space: 30px; }
	.features_container { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.feature_card { min-height: 148px; flex-direction: column; }
}

@media (min-width: 560px) {
	.main_wrapper { margin: 24px auto; border: 1px solid rgba(24, 26, 24, 0.12); box-shadow: 0 24px 70px rgba(24, 26, 24, 0.16); }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: 0.01ms !important; }
}