/* =========================================================================
   REMTOONG — main.css
   Luxury minimalism · warm white · deep navy · honey gold
   ====================================================================== */

/* ---------- Fonts (self-host) ---------- */
@font-face { font-family:"Inter"; src:url("../fonts/Inter-Regular.woff2") format("woff2"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"Inter"; src:url("../fonts/Inter-Medium.woff2") format("woff2"); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:"Inter"; src:url("../fonts/Inter-SemiBold.woff2") format("woff2"); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:"Manrope"; src:url("../fonts/Manrope-Medium.woff2") format("woff2"); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:"Manrope"; src:url("../fonts/Manrope-SemiBold.woff2") format("woff2"); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:"Manrope"; src:url("../fonts/Manrope-Bold.woff2") format("woff2"); font-weight:700; font-style:normal; font-display:swap; }

/* ---------- Design tokens ---------- */
:root{
	--warm-white:#FAFAF8;
	--navy:#0F172A;
	--navy-2:#172033;
	--gold:#D9A441;
	--gold-dark:#C0892F;
	--gold-soft:rgba(217,164,65,.12);
	--beige:#F3F0EA;
	--soft-gray:#F5F5F5;
	--ink:#111827;
	--muted:#64748B;
	--border:#E5E7EB;
	--white:#fff;

	--font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	--font-head:"Manrope","Inter",system-ui,-apple-system,"Segoe UI",sans-serif;

	--container:1240px;
	--gutter:clamp(18px,4vw,40px);
	--header-h:78px;
	--section-py:clamp(64px,8vw,116px);

	--radius:18px;
	--radius-sm:12px;
	--radius-lg:26px;
	--radius-pill:999px;

	--shadow-sm:0 1px 2px rgba(15,23,42,.04),0 2px 6px rgba(15,23,42,.05);
	--shadow-md:0 10px 30px rgba(15,23,42,.08);
	--shadow-lg:0 24px 60px rgba(15,23,42,.14);

	--ease:cubic-bezier(.4,0,.2,1);
}

/* ---------- Reset / base ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 12px);}
body{
	margin:0;
	font-family:var(--font-body);
	font-size:16px;
	line-height:1.65;
	color:var(--ink);
	background:var(--warm-white);
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;}
h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--ink);margin:0 0 .5em;}
p{margin:0 0 1em;}
ul{margin:0;padding:0;}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}

/* Cursor pointer cho phần tử tương tác (Tailwind/normalize không lo) */
button:not(:disabled),[role="button"],a[href],label[for],summary,select{cursor:pointer;}

.rt-icon{flex:0 0 auto;}

/* ---------- Layout helpers ---------- */
.rt-container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);}
.rt-section{padding-block:var(--section-py);}
.rt-section--alt{background:var(--beige);}
.rt-main{min-height:40vh;}
.rt-inner .rt-main{padding-top:var(--header-h);}

.rt-eyebrow{
	display:inline-flex;align-items:center;gap:8px;
	font-family:var(--font-head);font-weight:600;font-size:13px;
	letter-spacing:.14em;text-transform:uppercase;color:var(--gold-dark);
	margin-bottom:16px;
}
.rt-eyebrow--gold{color:var(--gold);}
.rt-title{font-size:clamp(26px,3.4vw,42px);margin:0 0 14px;}
.rt-lead{font-size:clamp(16px,1.5vw,18px);color:var(--muted);max-width:60ch;margin:0;}

.rt-section__head{margin-bottom:clamp(36px,5vw,56px);}
.rt-section__head--center{text-align:center;max-width:760px;margin-inline:auto;}
.rt-section__head--center .rt-lead{margin-inline:auto;}
.rt-section__head--row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;}
.rt-section__head--row .rt-title{margin-bottom:0;}

.rt-link-more{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-weight:600;color:var(--ink);white-space:nowrap;transition:gap .2s var(--ease),color .2s;}
.rt-link-more:hover{gap:12px;color:var(--gold-dark);}

.rt-chip{display:inline-block;align-self:flex-start;width:fit-content;max-width:100%;font-family:var(--font-head);font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--gold-dark);background:var(--gold-soft);padding:5px 12px;border-radius:var(--radius-pill);}

/* ---------- Buttons ---------- */
.rt-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:10px;
	font-family:var(--font-head);font-weight:600;font-size:15px;line-height:1;
	padding:14px 26px;border-radius:var(--radius-pill);border:1.5px solid transparent;
	transition:transform .2s var(--ease),background .2s,border-color .2s,box-shadow .2s,color .2s;
	white-space:nowrap;
}
.rt-btn--primary{background:var(--gold);color:var(--navy);box-shadow:0 8px 20px rgba(217,164,65,.28);}
.rt-btn--primary:hover{background:var(--gold-dark);transform:translateY(-2px);box-shadow:0 12px 26px rgba(217,164,65,.34);}
.rt-btn--dark{background:var(--navy);color:#fff;}
.rt-btn--dark:hover{background:var(--navy-2);transform:translateY(-2px);box-shadow:var(--shadow-md);}
.rt-btn--ghost{background:transparent;border-color:var(--border);color:var(--ink);}
.rt-btn--ghost:hover{border-color:var(--navy);background:var(--navy);color:#fff;}
.rt-btn--light-ghost{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5);color:#fff;}
.rt-btn--light-ghost:hover{background:rgba(255,255,255,.16);border-color:#fff;}
.rt-btn--sm{padding:10px 18px;font-size:14px;}
.rt-btn--lg{padding:17px 32px;font-size:16px;}
.rt-btn--block{width:100%;}

/* =========================================================================
   HEADER
   ====================================================================== */
.rt-header{position:fixed;inset:0 0 auto 0;z-index:100;transition:background .3s var(--ease),box-shadow .3s,border-color .3s;border-bottom:1px solid transparent;}
.rt-header__inner{display:flex;align-items:center;gap:clamp(16px,2.5vw,36px);height:var(--header-h);}
.rt-logo{display:inline-flex;align-items:center;flex:0 0 auto;}
.rt-header .rt-logo__img{height:34px;width:auto;max-width:none;}
.rt-logo__img--dark{display:none;}

.rt-nav{margin-inline:auto;}
.rt-nav__list{display:flex;align-items:center;gap:clamp(18px,2vw,32px);list-style:none;}
.rt-nav__list a{position:relative;display:inline-block;padding:6px 0;font-family:var(--font-head);font-weight:500;font-size:15px;color:rgba(255,255,255,.92);transition:color .2s;}
.rt-nav__list a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:2px;background:var(--gold);transition:right .25s var(--ease);}
.rt-nav__list a:hover::after,.rt-nav__list .current-menu-item>a::after{right:0;}
.rt-nav__list .current-menu-item>a{color:#fff;}

.rt-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
.rt-icon-btn{display:inline-grid;place-items:center;width:42px;height:42px;border:0;background:transparent;color:#fff;border-radius:var(--radius-pill);transition:background .2s,color .2s;position:relative;}
.rt-icon-btn:hover{background:rgba(255,255,255,.14);}
.rt-cart__count{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;font-family:var(--font-head);font-size:11px;font-weight:700;color:var(--navy);background:var(--gold);border-radius:var(--radius-pill);line-height:1;}
.rt-cart__count.is-empty{display:none;}
.rt-header__cta{margin-left:6px;}
.rt-burger{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:0;background:transparent;color:#fff;border-radius:var(--radius-pill);}

/* Solid header (trang con, hoặc khi cuộn trên trang chủ) */
.rt-header--solid,
.rt-header.is-scrolled{background:rgba(250,250,248,.9);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom-color:var(--border);box-shadow:var(--shadow-sm);}
.rt-header--solid .rt-logo__img--light,
.rt-header.is-scrolled .rt-logo__img--light{display:none;}
.rt-header--solid .rt-logo__img--dark,
.rt-header.is-scrolled .rt-logo__img--dark{display:block;}
.rt-header--solid .rt-nav__list a,
.rt-header.is-scrolled .rt-nav__list a{color:var(--ink);}
.rt-header--solid .rt-icon-btn,
.rt-header.is-scrolled .rt-icon-btn,
.rt-header--solid .rt-burger,
.rt-header.is-scrolled .rt-burger{color:var(--ink);}
.rt-header--solid .rt-icon-btn:hover,
.rt-header.is-scrolled .rt-icon-btn:hover{background:var(--soft-gray);}

/* Search overlay */
.rt-search-overlay{position:fixed;inset:0;z-index:200;background:rgba(15,23,42,.55);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:18vh;}
.rt-search-overlay[hidden]{display:none!important;}
.rt-search-overlay__inner{position:relative;max-width:680px;text-align:center;color:#fff;}
.rt-search-overlay__title{font-family:var(--font-head);font-size:22px;font-weight:600;margin-bottom:18px;color:#fff;}
.rt-search-overlay__close{position:absolute;top:-64px;right:0;background:rgba(255,255,255,.12);}
.rt-search-overlay .rt-searchform{background:#fff;border-radius:var(--radius-pill);}

/* Drawer (mobile) */
.rt-drawer{position:fixed;inset:0;z-index:210;}
.rt-drawer[hidden]{display:none!important;}
.rt-drawer__backdrop{position:absolute;inset:0;z-index:1;border:0;background:rgba(15,23,42,.5);opacity:0;transition:opacity .3s;}
.rt-drawer__panel{position:absolute;top:0;right:0;z-index:2;height:100%;width:min(86vw,360px);background:#fff;box-shadow:var(--shadow-lg);padding:22px;display:flex;flex-direction:column;gap:18px;transform:translateX(100%);transition:transform .3s var(--ease);overflow-y:auto;}
.rt-drawer.is-open .rt-drawer__panel{transform:none;}
.rt-drawer.is-open .rt-drawer__backdrop{opacity:1;}
.rt-drawer__head{display:flex;align-items:center;justify-content:space-between;}
.rt-drawer__brand{font-family:var(--font-head);font-weight:700;letter-spacing:.02em;}
.rt-drawer__head .rt-icon-btn{color:var(--ink);}
.rt-drawer__list{list-style:none;display:flex;flex-direction:column;}
.rt-drawer__list a{display:block;padding:14px 4px;font-family:var(--font-head);font-weight:500;font-size:17px;border-bottom:1px solid var(--border);color:var(--ink);}
.rt-drawer__contact{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid var(--border);}
.rt-drawer__contact a{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:14px;}
.rt-drawer__contact a:hover{color:var(--gold-dark);}

/* =========================================================================
   HERO
   ====================================================================== */
.rt-hero{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:clamp(520px,80vh,680px);padding-top:calc(var(--header-h) + clamp(40px,7vw,80px));padding-bottom:clamp(36px,4vw,56px);color:#fff;}
.rt-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;background-color:var(--navy);}
.rt-hero__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.72) 0%,rgba(15,23,42,.38) 38%,rgba(15,23,42,.62) 100%);}
.rt-hero__inner{position:relative;z-index:2;}
.rt-hero__content{max-width:660px;}
.rt-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:7px 14px;border-radius:var(--radius-pill);margin-bottom:22px;}
.rt-hero__title{color:#fff;font-size:clamp(30px,4.4vw,48px);line-height:1.1;margin-bottom:18px;}
.rt-hero__sub{font-size:clamp(16px,1.7vw,20px);line-height:1.6;color:rgba(255,255,255,.86);max-width:560px;margin-bottom:0;}
.rt-hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;}

.rt-stats{position:relative;z-index:2;display:flex;max-width:640px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:clamp(36px,5vw,56px);margin-bottom:0;overflow:hidden;}
.rt-stat{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:18px 16px;}
.rt-stat + .rt-stat{border-left:1px solid var(--border);}
.rt-stat__icon{display:inline-grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:var(--radius-pill);background:var(--gold-soft);color:var(--gold-dark);}
.rt-stat__text{min-width:0;}
.rt-stat__num{font-family:var(--font-head);font-weight:700;font-size:clamp(22px,2vw,28px);color:var(--ink);line-height:1;letter-spacing:-.02em;}
.rt-stat__label{margin-top:5px;font-size:12.5px;color:var(--muted);line-height:1.3;}
/* Odometer (bánh xe số) — chỉ kích hoạt khi JS dựng .rt-odo */
.rt-stat__num.rt-odo{display:flex;justify-content:flex-start;align-items:flex-start;overflow:hidden;line-height:1.1;font-variant-numeric:tabular-nums;}
.rt-odo-digit{display:inline-block;overflow:hidden;height:1.1em;}
.rt-odo-strip{display:flex;flex-direction:column;transition:transform 1.5s cubic-bezier(.16,1,.3,1);will-change:transform;}
.rt-odo-strip span{display:block;height:1.1em;line-height:1.1;text-align:center;}
.rt-stat__suffix{display:inline-block;line-height:1.1;}

/* =========================================================================
   BENEFITS
   ====================================================================== */
.rt-benefits{padding-top:var(--section-py);}
.rt-benefits__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,26px);}
.rt-benefit{position:relative;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:clamp(22px,2.4vw,30px);transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;}
.rt-benefit:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent;}
.rt-benefit__num{position:absolute;top:22px;right:24px;font-family:var(--font-head);font-weight:700;font-size:14px;color:var(--border);}
.rt-benefit__icon{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:14px;background:var(--gold-soft);color:var(--gold-dark);margin-bottom:18px;}
.rt-benefit__title{font-size:19px;margin-bottom:8px;}
.rt-benefit__desc{font-size:14.5px;color:var(--muted);margin:0;line-height:1.6;}

/* =========================================================================
   CATEGORIES — Accordion ngang (hover để mở rộng)
   ====================================================================== */
.rt-cats__cta{text-align:center;margin-top:clamp(28px,3vw,44px);}
.rt-accordion{display:flex;gap:10px;height:clamp(380px,52vh,540px);}
.rt-acc-panel{position:relative;flex:1;min-width:0;display:block;border-radius:var(--radius);overflow:hidden;color:#fff;transition:flex .6s cubic-bezier(.16,1,.3,1);}
.rt-acc-panel:hover,.rt-acc-panel.is-active{flex:5;}
.rt-acc-panel__bg{position:absolute;inset:0;background-size:cover;background-position:center;background-color:var(--soft-gray);transition:transform .6s cubic-bezier(.16,1,.3,1);}
.rt-acc-panel:hover .rt-acc-panel__bg,.rt-acc-panel.is-active .rt-acc-panel__bg{transform:scale(1.05);}
.rt-acc-panel__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,.9) 0%,rgba(15,23,42,.3) 45%,rgba(15,23,42,.05) 72%);}
.rt-acc-panel__vtitle{position:absolute;left:18px;bottom:24px;z-index:2;writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-head);font-weight:600;font-size:14px;letter-spacing:.02em;white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.45);transition:opacity .3s;}
.rt-acc-panel:hover .rt-acc-panel__vtitle,.rt-acc-panel.is-active .rt-acc-panel__vtitle{opacity:0;}
.rt-acc-panel__content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:26px 24px;opacity:0;transform:translateY(10px);transition:opacity .4s var(--ease) .12s,transform .4s var(--ease) .12s;}
.rt-acc-panel:hover .rt-acc-panel__content,.rt-acc-panel.is-active .rt-acc-panel__content{opacity:1;transform:none;}
.rt-acc-panel__num{display:block;font-family:var(--font-head);font-weight:700;font-size:13px;letter-spacing:.1em;color:var(--gold);margin-bottom:8px;}
.rt-acc-panel__title{display:block;font-family:var(--font-head);font-weight:600;font-size:22px;line-height:1.2;margin-bottom:8px;}
.rt-acc-panel__desc{font-size:14px;color:rgba(255,255,255,.82);line-height:1.5;max-width:34ch;margin-bottom:12px;}
.rt-acc-panel__cta{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-head);font-weight:600;font-size:13.5px;color:var(--gold);}
@media (max-width:768px){
	.rt-accordion{flex-direction:column;height:auto;gap:10px;}
	.rt-acc-panel{flex:none !important;height:148px;}
	.rt-acc-panel__vtitle{display:none;}
	.rt-acc-panel__content{opacity:1;transform:none;}
	.rt-acc-panel__desc{display:none;}
	.rt-acc-panel__title{font-size:20px;margin-bottom:4px;}
}

/* =========================================================================
   TECHNOLOGY (honeycomb)
   ====================================================================== */
.rt-tech__layout{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,72px);align-items:center;}
.rt-tech__media{position:relative;}
.rt-tech__img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center bottom;display:block;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);}
.rt-tech__badge{display:none;position:absolute;right:-14px;bottom:-22px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:14px 16px 10px;width:170px;text-align:center;}
.rt-honeycomb{width:100%;height:auto;}
.rt-honeycomb use{fill:none;stroke:var(--gold);stroke-width:2;}
.rt-honeycomb .is-fill{fill:var(--gold-soft);}
.rt-tech__badge-label{display:block;margin-top:4px;font-family:var(--font-head);font-weight:600;font-size:12px;color:var(--ink);}
.rt-tech__list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;margin:24px 0 28px;}
.rt-tech__list li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--ink);}
.rt-tech__check{display:inline-grid;place-items:center;width:24px;height:24px;flex:0 0 auto;border-radius:var(--radius-pill);background:var(--gold-soft);color:var(--gold-dark);margin-top:1px;}

/* =========================================================================
   PRODUCTS
   ====================================================================== */
.rt-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,26px);}
.rt-product-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;}
.rt-product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent;}
.rt-product-card__media{position:relative;display:block;aspect-ratio:4/3;background-size:cover;background-position:center;background-color:var(--soft-gray);overflow:hidden;}
.rt-product-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease);}
.rt-product-card:hover .rt-product-card__media img{transform:scale(1.06);}
.rt-badge{position:absolute;top:12px;left:12px;background:var(--gold);color:var(--navy);font-family:var(--font-head);font-weight:700;font-size:12px;letter-spacing:.01em;padding:5px 11px;border-radius:var(--radius-pill);box-shadow:0 4px 12px rgba(217,164,65,.35);}
.rt-product-card__body{padding:18px;display:flex;flex-direction:column;gap:9px;flex:1;}
.rt-product-card__title{font-family:var(--font-head);font-weight:600;font-size:16px;line-height:1.35;margin:0;}
.rt-product-card__title a{color:var(--ink);}
.rt-product-card__title a:hover{color:var(--gold-dark);}

/* Sao đánh giá (hỗ trợ điểm lẻ) */
.rt-rating{display:inline-flex;align-items:center;gap:7px;}
.rt-rating__icons{position:relative;display:inline-block;line-height:0;}
.rt-rating__base,.rt-rating__fill{display:inline-flex;line-height:0;}
.rt-rating__base .rt-icon{color:#e7ddc4;fill:#e7ddc4;}
.rt-rating__fill{position:absolute;inset:0 auto 0 0;overflow:hidden;white-space:nowrap;}
.rt-rating__fill .rt-icon{color:var(--gold);fill:var(--gold);}
.rt-rating__count{font-size:12.5px;color:var(--muted);}

/* Giá: gốc (gạch) – giảm, trên cùng 1 dòng */
.rt-product-card__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-top:auto;font-family:var(--font-head);}
.rt-product-card__price del,.rt-product-card__price del .woocommerce-Price-amount{color:var(--muted);font-weight:500;font-size:14px;text-decoration:line-through;}
.rt-product-card__price ins,.rt-product-card__price>.woocommerce-Price-amount{text-decoration:none;color:var(--gold-dark);font-weight:700;font-size:18px;}
.rt-product-card__price ins .woocommerce-Price-amount{color:var(--gold-dark);font-weight:700;}
.rt-product-card__body .rt-btn{margin-top:4px;}

/* =========================================================================
   LIFESTYLE
   ====================================================================== */
.rt-life__layout{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(28px,4vw,60px);align-items:center;}
.rt-life__collage{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:16px;min-height:440px;}
.rt-life__item{position:relative;border-radius:var(--radius);overflow:hidden;background-size:cover;background-position:center;background-color:var(--soft-gray);min-height:200px;}
.rt-life__item--tall{grid-row:1 / span 2;}
.rt-life__item figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 18px 16px;color:#fff;font-size:13.5px;font-family:var(--font-head);font-weight:500;background:linear-gradient(180deg,transparent,rgba(15,23,42,.72));}

/* =========================================================================
   PROJECTS
   ====================================================================== */
.rt-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:clamp(28px,3.5vw,44px);}
.rt-tab{border:1px solid var(--border);background:#fff;color:var(--ink);font-family:var(--font-head);font-weight:600;font-size:14px;padding:10px 20px;border-radius:var(--radius-pill);transition:all .2s var(--ease);}
.rt-tab:hover{border-color:var(--navy);}
.rt-tab.is-active{background:var(--navy);border-color:var(--navy);color:#fff;}
.rt-projects__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.8vw,22px);}
.rt-project-card{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;background:var(--soft-gray);}
.rt-project-card__img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s var(--ease);}
.rt-project-card:hover .rt-project-card__img{transform:scale(1.06);}
.rt-project-card__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:22px 20px;color:#fff;background:linear-gradient(180deg,transparent 40%,rgba(15,23,42,.78));}
.rt-project-card__type{font-family:var(--font-head);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--gold);}
.rt-project-card__title{font-family:var(--font-head);font-size:18px;font-weight:600;}
.rt-project-card.is-hidden{display:none;}

/* =========================================================================
   PROCESS
   ====================================================================== */
.rt-process__wrap{position:relative;}
.rt-process__line{position:absolute;top:30px;left:12.5%;right:12.5%;height:2px;z-index:0;background:var(--gold);transform:scaleX(0);transform-origin:left center;transition:transform 1.3s cubic-bezier(.16,1,.3,1);}
.rt-process__line.is-drawn{transform:scaleX(1);}
.rt-process__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,30px);position:relative;z-index:1;}
.rt-step{position:relative;text-align:center;}
.rt-step__num{display:inline-grid;place-items:center;width:60px;height:60px;border-radius:var(--radius-pill);border:1.5px solid var(--gold);color:var(--gold-dark);font-family:var(--font-head);font-weight:700;font-size:20px;background:var(--beige);margin:0 auto 18px;}
.rt-step__title{font-size:18px;margin-bottom:6px;}
.rt-step__desc{font-size:14px;color:var(--muted);margin:0;}

/* =========================================================================
   WHY
   ====================================================================== */
.rt-why__layout{display:grid;grid-template-columns:0.9fr 1.1fr;gap:clamp(32px,5vw,64px);align-items:center;}
.rt-why__list{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2vw,28px);}
.rt-why__item{display:flex;gap:14px;}
.rt-why__icon{display:inline-grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border-radius:14px;background:var(--gold-soft);color:var(--gold-dark);}
.rt-why__item-title{font-size:16.5px;margin-bottom:4px;}
.rt-why__item-desc{font-size:14px;color:var(--muted);margin:0;line-height:1.55;}

/* =========================================================================
   TESTIMONIALS
   ====================================================================== */
.rt-tm__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,26px);}
.rt-tm-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:clamp(24px,2.4vw,32px);display:flex;flex-direction:column;gap:14px;margin:0;}
.rt-tm-card__quote{color:var(--gold);}
.rt-stars{display:flex;gap:3px;color:var(--gold);}
.rt-stars .rt-icon{fill:var(--gold);}
.rt-tm-card__text{font-size:15.5px;line-height:1.7;color:var(--ink);margin:0;font-style:normal;}
.rt-tm-card__head{display:flex;align-items:center;gap:12px;margin-top:auto;}
.rt-tm-card__avatar{width:48px;height:48px;border-radius:var(--radius-pill);object-fit:cover;background:var(--soft-gray);}
.rt-tm-card__name{display:block;font-family:var(--font-head);font-weight:600;font-size:15px;}
.rt-tm-card__role{display:block;font-size:13px;color:var(--muted);}

/* =========================================================================
   BLOG / POST CARDS
   ====================================================================== */
.rt-blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,28px);}
.rt-blog__grid--archive{grid-template-columns:repeat(3,1fr);}
.rt-post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s;}
.rt-post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.rt-post-card__media{position:relative;display:block;aspect-ratio:16/10;background-size:cover;background-position:center;background-color:var(--soft-gray);overflow:hidden;}
.rt-post-card__media img,.rt-post-card__ph{width:100%;height:100%;object-fit:cover;display:block;background-size:cover;background-position:center;transition:transform .5s var(--ease);}
.rt-post-card:hover .rt-post-card__media img,.rt-post-card:hover .rt-post-card__ph{transform:scale(1.05);}
.rt-post-card__body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1;}
.rt-post-card__title{font-family:var(--font-head);font-weight:600;font-size:17.5px;line-height:1.4;margin:0;}
.rt-post-card__title a{color:var(--ink);}
.rt-post-card__title a:hover{color:var(--gold-dark);}
.rt-post-card__excerpt{font-size:14px;color:var(--muted);margin:0;}
.rt-post-card__meta{font-size:13px;color:var(--muted);margin-top:auto;}

/* =========================================================================
   CTA BAND
   ====================================================================== */
.rt-cta-wrap{padding-block:var(--section-py);}
.rt-cta-band{position:relative;overflow:hidden;background:var(--navy);color:#fff;border-radius:var(--radius-lg);padding:clamp(34px,5vw,60px) clamp(28px,5vw,64px);display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,4vw,48px);flex-wrap:wrap;}
.rt-cta-band__hex{position:absolute;top:0;right:0;bottom:0;width:46%;max-width:480px;pointer-events:none;}
.rt-cta-band__hex svg{position:absolute;right:-26px;top:50%;transform:translateY(-50%);height:210%;width:auto;}
.rt-cta-band__hex use{fill:none;stroke:rgba(217,164,65,.22);stroke-width:1.5;}
.rt-cta-band__text{position:relative;z-index:1;flex:1;min-width:240px;}
.rt-cta-band__title{color:#fff;font-size:clamp(24px,3vw,34px);line-height:1.16;margin-bottom:8px;}
.rt-cta-band__title span{color:var(--gold);}
.rt-cta-band__sub{color:rgba(255,255,255,.78);font-size:16px;margin:0;}
.rt-cta-band__actions{position:relative;z-index:1;display:flex;gap:14px;flex-wrap:wrap;}

/* Form */
.rt-cta-band__form{background:#fff;border-radius:var(--radius-lg);padding:clamp(24px,2.6vw,34px);box-shadow:var(--shadow-lg);color:var(--ink);}
.rt-cta-band__form-title{font-size:21px;margin-bottom:18px;}
.rt-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.rt-field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;}
.rt-field label{font-family:var(--font-head);font-weight:600;font-size:13.5px;color:var(--ink);}
.rt-field input,.rt-field textarea,.rt-field select{width:100%;font-family:var(--font-body);font-size:15px;color:var(--ink);background:var(--warm-white);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;transition:border-color .2s,box-shadow .2s;}
.rt-field input:focus,.rt-field textarea:focus,.rt-field select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft);}
.rt-field textarea{resize:vertical;min-height:84px;}
.rt-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;}
.rt-form__notice{padding:12px 16px;border-radius:var(--radius-sm);font-size:14.5px;margin-bottom:16px;}
.rt-form__notice--ok{background:rgba(22,163,74,.1);color:#15803d;border:1px solid rgba(22,163,74,.25);}
.rt-form__notice--err{background:rgba(220,38,38,.08);color:#b91c1c;border:1px solid rgba(220,38,38,.22);}

/* =========================================================================
   FOOTER
   ====================================================================== */
.rt-footer{background:var(--warm-white);color:var(--muted);border-top:1px solid var(--border);}
.rt-footer__top{display:grid;grid-template-columns:1.6fr 1.3fr 1fr 1fr 1.3fr;gap:clamp(24px,3vw,44px);padding-block:clamp(44px,5vw,64px);}
.rt-footer .rt-footer__logo img{height:36px;width:auto;max-width:none;}
.rt-footer__desc{margin:16px 0 18px;font-size:14px;line-height:1.7;color:var(--muted);max-width:36ch;}
.rt-social{display:flex;gap:10px;}
.rt-social a{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-pill);background:var(--beige);color:var(--navy);transition:background .2s,color .2s;}
.rt-social a:hover{background:var(--gold);color:var(--navy);}
.rt-footer__title{color:var(--ink);font-size:13px;font-family:var(--font-head);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px;}
.rt-footer__list{list-style:none;display:flex;flex-direction:column;gap:11px;}
.rt-footer__list a{font-size:14px;color:var(--muted);transition:color .2s;}
.rt-footer__list a:hover{color:var(--gold-dark);}
.rt-footer__showrooms{list-style:none;display:flex;flex-direction:column;gap:16px;}
.rt-footer__showrooms li{display:flex;flex-direction:column;gap:3px;font-size:14px;}
.rt-footer__showrooms strong{font-family:var(--font-head);color:var(--ink);}
.rt-footer__showrooms span{color:var(--muted);line-height:1.5;}
.rt-footer__showrooms a{color:var(--gold-dark);font-weight:600;}
.rt-newsletter{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-pill);padding:5px 6px 5px 16px;max-width:300px;}
.rt-newsletter input{flex:1;min-width:0;border:0;background:transparent;font-size:14px;color:var(--ink);padding:8px 0;}
.rt-newsletter input:focus{outline:none;}
.rt-newsletter button{display:inline-grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border:0;border-radius:var(--radius-pill);background:var(--gold);color:var(--navy);transition:background .2s;}
.rt-newsletter button:hover{background:var(--gold-dark);}
.rt-newsletter__notice{font-size:13px;margin-top:8px;}
.rt-newsletter__notice--ok{color:#15803d;}
.rt-newsletter__notice--err{color:#b91c1c;}
.rt-footer__bottom{border-top:1px solid var(--border);}
.rt-footer__bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-block:20px;font-size:13px;color:var(--muted);}
.rt-footer__bottom p{margin:0;}

/* =========================================================================
   PAGE HEAD / BREADCRUMB / PROSE / PAGINATION / 404 / COMMENTS
   ====================================================================== */
.rt-page-head{background:var(--beige);padding-block:clamp(40px,5vw,64px);text-align:center;}
.rt-page-head__title{font-size:clamp(28px,3.6vw,44px);margin:8px 0 8px;}
.rt-page-head__sub{color:var(--muted);margin:0;}
.rt-breadcrumb{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13.5px;color:var(--muted);}
.rt-breadcrumb a:hover{color:var(--gold-dark);}
.rt-breadcrumb__sep{color:var(--border);}

.rt-single{max-width:860px;}
.rt-prose{font-size:16.5px;line-height:1.8;color:var(--ink);}
.rt-prose__thumb{margin-bottom:28px;}
.rt-prose__thumb img{width:100%;border-radius:var(--radius);}
.rt-prose h2{font-size:26px;margin:1.6em 0 .5em;}
.rt-prose h3{font-size:21px;margin:1.4em 0 .5em;}
.rt-prose img{border-radius:var(--radius-sm);margin:1em 0;}
.rt-prose a{color:var(--gold-dark);text-decoration:underline;text-underline-offset:3px;}
.rt-prose blockquote{margin:1.4em 0;padding:14px 22px;border-left:3px solid var(--gold);background:var(--beige);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--ink);}
.rt-prose ul,.rt-prose ol{padding-left:1.3em;margin:0 0 1em;}
.rt-prose li{margin-bottom:.4em;}
.rt-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;}
.rt-tags a{font-size:13px;color:var(--muted);background:var(--soft-gray);padding:5px 12px;border-radius:var(--radius-pill);}

.rt-postnav{display:flex;justify-content:space-between;gap:18px;margin-top:36px;padding-top:24px;border-top:1px solid var(--border);font-family:var(--font-head);font-weight:600;font-size:14.5px;}
.rt-postnav a:hover{color:var(--gold-dark);}

/* ---- Blog detail: bố cục 2 cột (nội dung + mục lục) ---- */
.rt-single--post{max-width:1180px;}
.rt-single__grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(32px,4vw,56px);align-items:start;}
.rt-single__main{min-width:0;}
.rt-single__aside{min-width:0;}

/* Mục lục dính (sticky) */
.rt-toc{position:sticky;top:calc(var(--header-h) + 24px);background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm);}
.rt-toc__title{margin:0;font-family:var(--font-head);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--navy);cursor:pointer;list-style:none;outline:none;}
.rt-toc__title::-webkit-details-marker{display:none;}
.rt-toc__title::marker{content:"";}
.rt-toc__list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;border-left:1px solid var(--border);}
.rt-toc__item{margin:0;}
.rt-toc__item a{display:block;padding:6px 0 6px 16px;margin-left:-1px;border-left:2px solid transparent;color:var(--muted);font-size:14px;line-height:1.45;text-decoration:none;transition:color .2s var(--ease),border-color .2s var(--ease);}
.rt-toc__item a:hover{color:var(--ink);}
.rt-toc__item--h3 a{padding-left:30px;font-size:13.5px;}
.rt-toc__item.is-active a{color:var(--gold-dark);border-color:var(--gold);font-weight:600;}
.rt-prose :is(h2,h3){scroll-margin-top:calc(var(--header-h) + 24px);}

/* Author box */
.rt-author{display:flex;gap:22px;align-items:flex-start;margin-top:48px;padding:28px;background:var(--beige);border:1px solid var(--border);border-radius:var(--radius-lg);}
.rt-author__avatar{flex:0 0 auto;display:block;}
.rt-author__avatar img{width:76px;height:76px;border-radius:50%;object-fit:cover;display:block;}
.rt-author__body{min-width:0;}
.rt-author__eyebrow{display:block;font-family:var(--font-head);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-dark);}
.rt-author__name{margin:5px 0 9px;font-size:20px;}
.rt-author__name a:hover{color:var(--gold-dark);}
.rt-author__bio{margin:0 0 12px;color:var(--muted);font-size:14.5px;line-height:1.65;}
.rt-author__link{font-family:var(--font-head);font-weight:600;font-size:14px;color:var(--navy);}
.rt-author__link:hover{color:var(--gold-dark);}

@media (max-width:980px){
	.rt-single__grid{grid-template-columns:1fr;gap:0;}
	.rt-single__aside{order:-1;margin-bottom:26px;}
	.rt-toc{position:static;}
}
@media (max-width:600px){
	.rt-author{flex-direction:column;gap:16px;padding:22px;}
	.rt-author__avatar img{width:64px;height:64px;}
}

.rt-pagination{margin-top:48px;}
.rt-pagination .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.rt-pagination .page-numbers{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-head);font-weight:600;font-size:14px;color:var(--ink);background:#fff;transition:all .2s;}
.rt-pagination .page-numbers:hover{border-color:var(--navy);}
.rt-pagination .page-numbers.current{background:var(--navy);border-color:var(--navy);color:#fff;}

.rt-none{text-align:center;padding:40px 0;}
.rt-none__text{color:var(--muted);margin-bottom:20px;}
.rt-none .rt-searchform{max-width:420px;margin-inline:auto;}

.rt-404{text-align:center;}
.rt-404__inner{max-width:560px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;}
.rt-404__code{font-family:var(--font-head);font-weight:700;font-size:clamp(72px,12vw,140px);line-height:1;color:var(--gold);letter-spacing:-.04em;}
.rt-404__title{font-size:28px;margin:8px 0 12px;}
.rt-404__text{color:var(--muted);margin-bottom:24px;}
.rt-404__search{width:100%;max-width:420px;margin-bottom:22px;}

.rt-comments{margin:48px 0 0;}
.rt-comments__title{font-family:var(--font-head);font-weight:600;font-size:22px;margin:0 0 4px;padding-bottom:18px;border-bottom:1px solid var(--border);}
.rt-comments__list{list-style:none;margin:0 0 36px;padding:0;}
.rt-comments__list .comment{margin:0;}
.rt-comments__list .children{list-style:none;margin:0;padding-left:clamp(20px,4vw,40px);border-left:1px solid var(--border);}
.comment-body{padding:22px 0;border-bottom:1px solid var(--border);}
.comment-author{display:flex;align-items:center;gap:12px;}
.comment-author .avatar{width:44px;height:44px;border-radius:50%;display:block;}
.comment-author .fn{font-family:var(--font-head);font-weight:600;font-style:normal;font-size:15px;color:var(--ink);}
.comment-author .fn a{color:inherit;}
.comment-author .fn a:hover{color:var(--gold-dark);}
.comment-author .says{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
.comment-metadata{margin:6px 0 0 56px;font-size:13px;color:var(--muted);}
.comment-metadata a{color:var(--muted);}
.comment-metadata a:hover{color:var(--gold-dark);}
.comment-content{margin:10px 0 0 56px;color:var(--ink);font-size:15px;line-height:1.7;}
.comment-content p{margin:0 0 .8em;}
.comment-content p:last-child{margin-bottom:0;}
.comment .reply{margin:10px 0 0 56px;}
.comment-reply-link,.comment-edit-link{font-family:var(--font-head);font-weight:600;font-size:13px;letter-spacing:.02em;color:var(--navy);}
.comment-reply-link:hover,.comment-edit-link:hover{color:var(--gold-dark);}
.comment.bypostauthor>.comment-body .avatar{box-shadow:0 0 0 2px var(--gold);}
.comment.bypostauthor>.comment-body .fn{color:var(--gold-dark);}
.comment-awaiting-moderation{display:block;margin:8px 0 0 56px;font-size:13px;color:var(--gold-dark);}

/* Form bình luận */
.comment-respond{margin-top:8px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:clamp(22px,3vw,32px);}
.comment-reply-title{font-family:var(--font-head);font-weight:600;font-size:20px;margin:0 0 6px;}
.comment-reply-title small{display:inline-block;margin-left:10px;font-size:14px;font-weight:400;}
.comment-reply-title small a{color:var(--gold-dark);}
.comment-notes,.logged-in-as,.must-log-in{font-size:14px;color:var(--muted);margin:0 0 18px;}
.comment-notes a,.logged-in-as a,.must-log-in a{color:var(--gold-dark);}
.comment-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.comment-form>p{margin:0;grid-column:1 / -1;}
.comment-form>p.comment-form-author,.comment-form>p.comment-form-email{grid-column:auto;}
.comment-form label{display:block;font-family:var(--font-head);font-weight:600;font-size:13.5px;color:var(--ink);margin-bottom:7px;}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;box-sizing:border-box;background:var(--warm-white);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-family:var(--font-body);font-size:15px;color:var(--ink);transition:border-color .2s,box-shadow .2s;}
.comment-form input[type=text]:focus,.comment-form input[type=email]:focus,.comment-form input[type=url]:focus,.comment-form textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft);}
.comment-form textarea{min-height:130px;resize:vertical;}
.comment-form-cookies-consent{display:flex;align-items:flex-start;gap:10px;}
.comment-form-cookies-consent input{margin-top:3px;flex:0 0 auto;}
.comment-form-cookies-consent label{margin:0;font-weight:400;color:var(--muted);}
.comment-form .form-submit{margin:0;}
.comment-form input#submit,.comment-form .submit{cursor:pointer;}
@media (max-width:560px){
	.comment-form{grid-template-columns:1fr;}
}

/* Search form */
.rt-searchform{display:flex;align-items:center;gap:6px;background:#fff;border:1.5px solid var(--border);border-radius:var(--radius-pill);padding:5px 6px 5px 18px;}
.rt-searchform__input{flex:1;border:0;background:transparent;font-size:15px;color:var(--ink);padding:8px 0;}
.rt-searchform__input:focus{outline:none;}
.rt-searchform__btn{display:inline-grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border:0;border-radius:var(--radius-pill);background:var(--navy);color:#fff;transition:background .2s;}
.rt-searchform__btn:hover{background:var(--gold-dark);}

/* Accessibility */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap;}
.rt-skip-link{position:fixed;top:-60px;left:16px;z-index:300;background:var(--navy);color:#fff;padding:10px 18px;border-radius:var(--radius-pill);transition:top .2s;}
.rt-skip-link:focus{top:14px;}

/* =========================================================================
   RESPONSIVE
   ====================================================================== */
@media (max-width:1024px){
	.rt-cats__layout{grid-template-columns:1fr;}
	.rt-cats__intro{position:static;}
	.rt-cats__grid{grid-template-columns:repeat(3,1fr);}
	.rt-tech__layout,.rt-life__layout,.rt-why__layout,.rt-cta-band__layout{grid-template-columns:1fr;}
	.rt-tech__media{max-width:560px;}
	.rt-product-grid,.rt-projects__grid{grid-template-columns:repeat(2,1fr);}
	.rt-footer__top{grid-template-columns:1fr 1fr;}
}

@media (max-width:980px){
	.rt-nav,.rt-header__cta{display:none;}
	.rt-burger{display:inline-grid;}
	.rt-actions{margin-left:auto;}
	.rt-benefits__grid{grid-template-columns:repeat(2,1fr);}
	.rt-tm__grid,.rt-blog__grid,.rt-blog__grid--archive{grid-template-columns:repeat(2,1fr);}
	.rt-process__steps{grid-template-columns:repeat(2,1fr);}
	.rt-process__line{display:none;}
	.rt-why__list{grid-template-columns:1fr 1fr;}
}

@media (max-width:680px){
	:root{--header-h:64px;}
	.rt-stats{flex-direction:column;margin-bottom:0;}
	.rt-stat + .rt-stat{border-left:none;border-top:1px solid var(--border);}
	.rt-benefits{padding-top:var(--section-py);}
	.rt-why__list,.rt-blog__grid--archive{grid-template-columns:1fr;}
	.rt-section__head--row{flex-direction:column;align-items:flex-start;}
	.rt-form__row{grid-template-columns:1fr;}
	.rt-life__collage{grid-template-columns:1fr;grid-template-rows:none;min-height:0;}
	.rt-life__item{min-height:200px;}
	.rt-life__item--tall{grid-row:auto;}
	.rt-footer__top{grid-template-columns:1fr;}
	.rt-footer__bottom-inner{flex-direction:column;align-items:flex-start;gap:6px;}
	.rt-hero__cta{flex-direction:column;align-items:stretch;}
	.rt-hero__cta .rt-btn{width:100%;}
	.rt-tech__badge{position:static;width:auto;margin-top:16px;display:inline-flex;flex-direction:column;align-items:center;}
}

/* =========================================================================
   MOBILE — gọn nhất trên điện thoại (≤600px)
   ====================================================================== */
@media (max-width:600px){
	:root{--section-py:46px;}
	.rt-section__head{margin-bottom:24px;}

	/* rt-stats: thẻ số liệu vắt giữa ranh giới hero ↔ benefits (bắc cầu 2 section) */
	.rt-stats{margin-bottom:-150px;}
	.rt-benefits{padding-top:150px;}

	/* Lưới thẻ: khoảng cách hẹp + process 2 cột (4 bước = 2 hàng) */
	.rt-benefits__grid,.rt-product-grid,.rt-projects__grid{gap:12px;}
	.rt-process__steps{grid-template-columns:repeat(2,1fr);gap:26px 12px;}

	/* Benefit card gọn */
	.rt-benefit{padding:16px 15px;}
	.rt-benefit__icon{width:44px;height:44px;margin-bottom:12px;}
	.rt-benefit__num{top:14px;right:15px;}
	.rt-benefit__title{font-size:16px;margin-bottom:5px;}
	.rt-benefit__desc{font-size:13px;line-height:1.55;}

	/* Categories: accordion → lưới 2 cột thẻ ảnh bấm */
	.rt-accordion{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;height:auto;}
	.rt-acc-panel{height:130px;}
	.rt-acc-panel__content{padding:13px;}
	.rt-acc-panel__title{font-size:15px;margin-bottom:2px;}
	.rt-acc-panel__cta{font-size:12.5px;}

	/* Product card gọn + nút "Xem chi tiết" thu nhỏ */
	.rt-product-card__body{padding:11px;gap:5px;}
	.rt-product-card__title{font-size:13.5px;line-height:1.3;}
	.rt-product-card__price ins,.rt-product-card__price>.woocommerce-Price-amount{font-size:15px;}
	.rt-product-card__price del,.rt-product-card__price del .woocommerce-Price-amount{font-size:11.5px;}
	.rt-product-card__body .rt-btn{margin-top:6px;padding:8px 10px;font-size:12px;}

	/* Sản phẩm nổi bật: tiêu đề trái + nút "Xem tất cả" viền bo, đẩy sang phải cùng hàng */
	.rt-products .rt-section__head--row{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;}
	.rt-products .rt-section__head--row>div{min-width:0;}
	.rt-products .rt-link-more{border:1px solid var(--border);border-radius:999px;padding:7px 13px;font-size:12.5px;gap:6px;flex:0 0 auto;}
	.rt-products .rt-link-more:hover{border-color:var(--gold);color:var(--gold-dark);background:var(--gold-soft);}
	.rt-products .rt-link-more svg{width:15px;height:15px;}

	/* Project card overlay gọn */
	.rt-project-card__overlay{padding:13px 12px;}
	.rt-project-card__title{font-size:14px;line-height:1.25;}
	.rt-project-card__type{font-size:10.5px;}

	/* Tabs lọc Công trình → slide ngang (vuốt), không xuống 2 dòng */
	.rt-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
	.rt-tabs::-webkit-scrollbar{display:none;}
	.rt-tab{flex:0 0 auto;}

	/* CTA band: 2 nút full-width xếp dọc (col 12) — không tràn ở mọi bề rộng nhỏ */
	.rt-cta-band__actions{flex-direction:column;flex-wrap:nowrap;width:100%;gap:12px;}
	.rt-cta-band__actions .rt-btn{width:100%;justify-content:center;}

	/* Lifestyle: collage 2 cột, ảnh đầu chiếm trọn hàng */
	.rt-life__collage{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:10px;min-height:0;}
	.rt-life__item{min-height:128px;}
	.rt-life__item--tall{grid-column:1 / -1;grid-row:auto;min-height:150px;}

	/* Tech: badge sơ đồ tổ ong nhỏ, nổi ở góc dưới-trái ảnh (ảnh giữ tỉ lệ gốc, không cắt) */
	.rt-tech__badge{position:absolute;left:0px;bottom:-13px;right:auto;top:auto;margin-top:0;width:auto;padding:7px 11px 6px;}
	.rt-honeycomb{width:54px;height:auto;}
	.rt-tech__badge-label{font-size:10.5px;margin-top:2px;}
	.rt-tech__list{gap:10px 16px;margin:16px 0 20px;}

	/* Blog + Testimonials → SLIDER trượt ngang (vuốt, scroll-snap, không cần JS) */
	.rt-blog .rt-blog__grid,
	.rt-tm__grid{
		display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
		-webkit-overflow-scrolling:touch;scrollbar-width:none;
		scroll-padding-left:var(--gutter);padding-bottom:8px;
	}
	.rt-blog .rt-blog__grid::-webkit-scrollbar,
	.rt-tm__grid::-webkit-scrollbar{display:none;}
	.rt-blog .rt-blog__grid>.rt-post-card{flex:0 0 80%;scroll-snap-align:start;}
	.rt-tm__grid>.rt-tm-card{flex:0 0 85%;scroll-snap-align:start;}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
	.rt-cat-card:hover .rt-cat-card__img,.rt-product-card:hover .rt-product-card__media img,.rt-project-card:hover .rt-project-card__img{transform:none;}
}

/* =========================================================================
   INNER PAGES (project archive, contact, FAQ)
   ====================================================================== */
.rt-back-link{margin-top:30px;font-family:var(--font-head);font-weight:600;}
.rt-back-link a:hover{color:var(--gold-dark);}

/* Contact */
.rt-contact__grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:clamp(28px,4vw,56px);align-items:start;}
.rt-contact__list{list-style:none;display:flex;flex-direction:column;gap:18px;margin:24px 0;}
.rt-contact__list li{display:flex;gap:14px;align-items:flex-start;}
.rt-contact__icon{display:inline-grid;place-items:center;width:48px;height:48px;flex:0 0 auto;border-radius:14px;background:var(--gold-soft);color:var(--gold-dark);}
.rt-contact__list strong{display:block;font-family:var(--font-head);font-size:14px;color:var(--ink);margin-bottom:2px;}
.rt-contact__list a:hover{color:var(--gold-dark);}
.rt-social--dark a{background:var(--beige);color:var(--navy);}
.rt-social--dark a:hover{background:var(--gold);color:var(--navy);}
.rt-contact__form{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(24px,2.6vw,34px);box-shadow:var(--shadow-md);}
.rt-contact__map{margin-top:40px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);}
.rt-contact__map iframe{display:block;}

/* FAQ accordion */
.rt-faq{max-width:820px;}
.rt-faq__item{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:12px;overflow:hidden;}
.rt-faq__q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;font-family:var(--font-head);font-weight:600;font-size:16px;cursor:pointer;list-style:none;color:var(--ink);}
.rt-faq__q::-webkit-details-marker{display:none;}
.rt-faq__q .rt-icon{transition:transform .25s var(--ease);color:var(--muted);flex:0 0 auto;}
.rt-faq__item[open] .rt-faq__q .rt-icon{transform:rotate(90deg);color:var(--gold-dark);}
.rt-faq__a{padding:0 20px 20px;color:var(--muted);font-size:15px;line-height:1.7;}

@media (max-width:880px){
	.rt-contact__grid{grid-template-columns:1fr;}
}

/* =========================================================================
   WP ADMIN BAR — chừa chỗ cho header fixed khi đăng nhập (chỉ admin thấy)
   ====================================================================== */
.admin-bar .rt-header{top:32px;}
.admin-bar .rt-search-overlay,
.admin-bar .rt-drawer{top:32px;}
@media screen and (max-width:782px){
	.admin-bar .rt-header{top:46px;}
	.admin-bar .rt-search-overlay,
	.admin-bar .rt-drawer{top:46px;}
}
@media screen and (max-width:600px){
	/* Dưới 600px admin bar của WP chuyển sang position:absolute (cuộn theo trang) */
	.admin-bar .rt-header{top:0;}
	.admin-bar .rt-search-overlay,
	.admin-bar .rt-drawer{top:0;}
}