/* =========================================================================
   REMTOONG — woocommerce.css
   Đồng bộ shop / sản phẩm / giỏ hàng / thanh toán với design system.
   ====================================================================== */

.rt-wc{padding-top:clamp(32px,4vw,56px);}
.woocommerce .rt-container,.rt-wc .woocommerce{max-width:100%;}

/* Notices */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
	border:1px solid var(--border);border-left:4px solid var(--gold);
	background:#fff;border-radius:var(--radius-sm);padding:14px 18px;font-size:14.5px;
	box-shadow:var(--shadow-sm);
}
.woocommerce-error{border-left-color:#dc2626;}
.woocommerce-message .button,.woocommerce-info .button{float:right;}

/* Result count + ordering */
.woocommerce .woocommerce-result-count{color:var(--muted);font-size:14px;margin:0;line-height:44px;}
.woocommerce .woocommerce-ordering{margin:0 0 4px;}
.woocommerce .woocommerce-ordering select,
.woocommerce form .form-row select,
.woocommerce select{
	appearance:none;-webkit-appearance:none;
	border:1px solid var(--border);border-radius:var(--radius-pill);
	padding:11px 40px 11px 16px;font-family:inherit;font-size:14px;color:var(--ink);background-color:#fff;
	background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%236b7077" stroke-width="2" stroke-linecap="round"><path d="M6 9l6 6 6-6"/></svg>');
	background-repeat:no-repeat;background-position:right 15px center;cursor:pointer;transition:border-color .2s;
}
.woocommerce .woocommerce-ordering select:hover,
.woocommerce select:hover{border-color:var(--navy);}
.woocommerce .woocommerce-ordering select:focus,
.woocommerce select:focus{outline:none;border-color:var(--gold-dark);}

/* Custom dropdown sắp xếp (orderby) — JS dựng để style được cả danh sách mở */
.rt-select{position:relative;display:inline-block;}
.rt-select select{display:none;}
.rt-select__btn{
	display:inline-flex;align-items:center;justify-content:space-between;gap:14px;
	min-width:130px;border:1px solid var(--border);border-radius:var(--radius-pill);
	padding:11px 16px;background:#fff;font-family:inherit;font-size:14px;color:var(--ink);cursor:pointer;transition:border-color .2s;
}
.rt-select__btn:hover{border-color:var(--navy);}
.rt-select.is-open .rt-select__btn{border-color:var(--gold-dark);}
.rt-select__chev{flex:0 0 auto;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform .2s;}
.rt-select.is-open .rt-select__chev{transform:rotate(-135deg) translateY(2px);}
.rt-select__list{
	position:absolute;top:calc(100% + 8px);right:0;z-index:50;min-width:100%;
	margin:0;padding:7px;list-style:none;background:#fff;border:1px solid var(--border);
	border-radius:var(--radius);box-shadow:var(--shadow-lg);
}
.rt-select__opt{padding:10px 14px;border-radius:9px;font-size:14px;color:var(--ink);white-space:nowrap;cursor:pointer;transition:background .12s,color .12s;}
.rt-select__opt:hover{background:var(--beige);}
.rt-select__opt.is-active{background:var(--navy);color:#fff;font-weight:600;}

/* Toolbar shop: kết quả + sort + nút lọc trên 1 thanh bo tròn */
.rt-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 8px;padding:10px 16px;background:var(--warm-white,#faf7f1);border-radius:var(--radius-lg);}
.rt-toolbar .woocommerce-result-count{margin:0 auto 0 4px;float:none;color:var(--muted);font-size:14px;line-height:1;}
.rt-toolbar .rt-result-count strong{color:var(--ink);font-family:var(--font-head);font-weight:700;}
.rt-toolbar .woocommerce-ordering{margin:0;float:none;}

/* Shop grid */
.woocommerce ul.products,
.woocommerce-page ul.products{display:grid !important;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,26px);margin:24px 0 0 !important;padding:0;list-style:none;}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none;}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{position:relative;display:flex;flex-direction:column;width:auto !important;margin:0 !important;float:none !important;background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-align:left;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s;}
.woocommerce ul.products li.product:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:transparent;}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex:1 1 auto;}
.woocommerce ul.products li.product a img{margin:0;border-radius:0;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s var(--ease);}
.woocommerce ul.products li.product:hover a img{transform:scale(1.06);}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--font-head);font-weight:600;font-size:16px;color:var(--ink);padding:16px 16px 0;line-height:1.35;}
.woocommerce ul.products li.product .star-rating{margin:9px 16px 0;font-size:13px;}
.woocommerce ul.products li.product .price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-top:auto;padding:10px 16px 0;font-family:var(--font-head);}
.woocommerce ul.products li.product .price del,.woocommerce ul.products li.product .price del .woocommerce-Price-amount{color:var(--muted);font-weight:500;font-size:14px;text-decoration:line-through;}
.woocommerce ul.products li.product .price ins,.woocommerce ul.products li.product .price > .woocommerce-Price-amount{text-decoration:none;color:var(--gold-dark);font-weight:700;font-size:18px;}
.woocommerce ul.products li.product .rt-btn{display:flex;width:auto;justify-content:center;margin:14px 16px 16px;}
/* Badge -X% (giống homepage) */
.woocommerce ul.products li.product .onsale{position:absolute;top:12px;left:12px;right:auto;margin:0;min-height:0;min-width:0;line-height:1;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);}
/* Sao vàng (đầy vàng, rỗng be) */
.woocommerce .star-rating{color:var(--gold);}
.woocommerce .star-rating::before{color:#e7ddc4;}
.woocommerce .star-rating span::before{color:var(--gold);}

/* Sale flash */
.woocommerce span.onsale{background:var(--gold);color:var(--navy);font-family:var(--font-head);font-weight:600;border-radius:var(--radius-pill);min-height:auto;min-width:auto;padding:5px 12px;top:12px;left:12px;margin:0;line-height:1;}

/* Buttons */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,
.woocommerce .widget_shopping_cart a.button{
	background:var(--navy);color:#fff;font-family:var(--font-head);font-weight:600;font-size:14px;
	border-radius:var(--radius-pill);padding:12px 22px;border:1.5px solid var(--navy);transition:all .2s var(--ease);
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{
	background:var(--navy-2);border-color:var(--navy-2);transform:translateY(-1px);
}
.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce #respond input#submit.alt,
.single_add_to_cart_button{background:var(--gold) !important;border-color:var(--gold) !important;color:var(--navy) !important;}
.woocommerce a.button.alt:hover,.single_add_to_cart_button:hover{background:var(--gold-dark) !important;border-color:var(--gold-dark) !important;}

/* =========================================================================
   SINGLE PRODUCT
   ====================================================================== */
/* Bố cục 2 cột: gallery | thông tin; tabs + related full-width dưới */
.woocommerce div.product{position:relative;margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:start;}
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product .summary{width:auto !important;float:none !important;margin:0 !important;}
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .related,
.woocommerce div.product .upsells{grid-column:1 / -1;}

/* Gallery */
.woocommerce div.product .woocommerce-product-gallery{position:relative;}
.woocommerce div.product .woocommerce-product-gallery__image img{border-radius:var(--radius-lg);}
.woocommerce div.product .flex-control-thumbs{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 0;padding:0;}
.woocommerce div.product .flex-control-thumbs li{width:auto;margin:0;list-style:none;}
.woocommerce div.product .flex-control-thumbs img{width:72px;height:72px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);opacity:.65;cursor:pointer;transition:opacity .2s,border-color .2s;}
.woocommerce div.product .flex-control-thumbs img:hover,
.woocommerce div.product .flex-control-thumbs img.flex-active{opacity:1;border-color:var(--gold);}

/* Summary */
.woocommerce div.product .product_title{font-family:var(--font-head);font-weight:700;font-size:clamp(24px,3vw,34px);line-height:1.2;margin:0 0 10px;}
.woocommerce div.product .woocommerce-product-rating{margin:0 0 16px;}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--gold-dark);font-family:var(--font-head);font-weight:700;font-size:26px;margin:0 0 18px;}
.woocommerce div.product p.price del,.woocommerce div.product p.price del .amount{color:var(--muted);font-weight:500;font-size:18px;}
.woocommerce div.product p.price ins{text-decoration:none;}
.woocommerce-product-details__short-description{color:var(--muted);line-height:1.75;margin:0 0 22px;}
.woocommerce-product-details__short-description ul{padding-left:18px;}

/* Mua hàng: số lượng + nút */
.woocommerce div.product form.cart{display:flex;align-items:stretch;gap:12px;margin:0 0 22px;}
.woocommerce .quantity .qty{height:100%;border:1px solid var(--border);border-radius:var(--radius-pill);padding:12px;width:84px;text-align:center;font-family:var(--font-head);font-weight:600;}
.woocommerce div.product form.cart .single_add_to_cart_button{flex:1;border-radius:var(--radius-pill) !important;padding:15px 28px !important;font-family:var(--font-head);font-weight:600;font-size:15px;}

/* Meta (SKU / danh mục / thương hiệu) */
.woocommerce div.product .product_meta{margin:0;padding:18px 0 0;border-top:1px solid var(--border);font-size:14px;color:var(--muted);}
.woocommerce div.product .product_meta > span{display:block;margin-bottom:7px;}
.woocommerce div.product .product_meta a{color:var(--ink);}
.woocommerce div.product .product_meta a:hover{color:var(--gold-dark);}

/* Tabs */
.woocommerce div.product .woocommerce-tabs{margin-top:clamp(36px,5vw,56px);}
.woocommerce div.product .woocommerce-tabs ul.tabs{display:flex;flex-wrap:wrap;gap:8px;padding:0;border:0;margin-bottom:22px;}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:#fff;border:1px solid var(--border);border-radius:var(--radius-pill);margin:0;padding:0;}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-family:var(--font-head);font-weight:600;color:var(--ink);padding:10px 20px;display:block;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:var(--navy);border-color:var(--navy);}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:#fff;}
.woocommerce div.product .woocommerce-tabs .panel{margin:0;color:var(--ink);line-height:1.75;}
.woocommerce div.product .woocommerce-tabs .panel h2{font-family:var(--font-head);font-size:20px;margin:0 0 14px;}

/* Bảng thông số (tab Thông tin bổ sung) */
.woocommerce table.shop_attributes{border:1px solid var(--border);border-radius:var(--radius);border-collapse:separate;overflow:hidden;}
.woocommerce table.shop_attributes th{background:var(--beige);color:var(--ink);font-family:var(--font-head);font-weight:600;width:32%;padding:13px 16px;}
.woocommerce table.shop_attributes td{padding:13px 16px;font-style:normal;}
.woocommerce table.shop_attributes tr:not(:last-child) th,
.woocommerce table.shop_attributes tr:not(:last-child) td{border-bottom:1px solid var(--border);}

/* Related: 4 cột full-width */
.woocommerce div.product .related ul.products,
.woocommerce div.product .upsells ul.products{grid-template-columns:repeat(4,1fr);}

/* Tab Đánh giá (Reviews) */
#reviews{max-width:780px;}
#reviews .comment-reply-title,
#reviews #comments > h2{font-family:var(--font-head);font-size:20px;font-weight:600;margin:0 0 16px;display:block;}
.woocommerce-noreviews{color:var(--muted);background:var(--beige);border:1px solid var(--border);border-radius:var(--radius);padding:15px 18px;margin:0 0 22px;}
/* Danh sách review đã có */
.woocommerce #reviews #comments ol.commentlist{margin:0 0 26px;padding:0;list-style:none;}
.woocommerce #reviews #comments ol.commentlist li{margin:0 0 14px;}
.woocommerce #reviews #comments ol.commentlist li .comment_container{display:flex;gap:14px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:18px;}
.woocommerce #reviews #comments ol.commentlist li img.avatar{position:static;width:46px;height:46px;border-radius:50%;border:1px solid var(--border);padding:0;margin:0;float:none;}
.woocommerce #reviews #comments ol.commentlist li .comment-text{margin:0;border:0;padding:0;flex:1;}
.woocommerce #reviews #comments ol.commentlist li .comment-text .woocommerce-review__author{font-family:var(--font-head);font-weight:600;color:var(--ink);}
.woocommerce #reviews #comments ol.commentlist li .comment-text .woocommerce-review__published-date{color:var(--muted);font-size:13px;margin-left:6px;}
.woocommerce #reviews #comments ol.commentlist li .comment-text p{margin:8px 0 0;line-height:1.7;color:var(--ink);}
/* Form viết đánh giá */
#review_form_wrapper{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:clamp(20px,2.4vw,30px);}
#review_form .comment-form-rating label,
#review_form .comment-form-comment label,
#review_form .comment-form-author label,
#review_form .comment-form-email label{display:block;font-family:var(--font-head);font-weight:600;font-size:14px;margin-bottom:7px;}
#review_form .comment-form-author,
#review_form .comment-form-email{margin-bottom:14px;}
.woocommerce #review_form #respond textarea,
.woocommerce #review_form #respond input[type="text"],
.woocommerce #review_form #respond input[type="email"]{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-family:var(--font-body);background:#fff;}
.woocommerce #review_form #respond textarea:focus,
.woocommerce #review_form #respond input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft);}
/* Sao chọn điểm */
.woocommerce p.stars a::before{color:#e7ddc4;}
.woocommerce p.stars a:hover::before,
.woocommerce p.stars:hover a::before,
.woocommerce p.stars.selected a.active::before,
.woocommerce p.stars.selected a:not(.active)::before{color:var(--gold);}
.woocommerce #review_form #respond .form-submit{margin-top:8px;}

/* Tables: cart & checkout */
.woocommerce table.shop_table{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;border-collapse:separate;}
.woocommerce table.shop_table th{font-family:var(--font-head);background:var(--beige);color:var(--ink);}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{padding:16px;}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-checkout #order_review{border:1px solid var(--border);border-radius:var(--radius);padding:8px 20px;background:#fff;}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce-checkout input[type="text"],.woocommerce-checkout input[type="email"],.woocommerce-checkout input[type="tel"]{
	border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;font-family:var(--font-body);
}
.woocommerce form .form-row input.input-text:focus,.woocommerce-checkout input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft);outline:none;}

/* Related products heading */
.woocommerce .related.products>h2,.woocommerce .upsells.products>h2{font-family:var(--font-head);font-size:24px;margin:48px 0 20px;}

/* Responsive */
@media (max-width:1024px){
	.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,1fr);}
	.woocommerce div.product{grid-template-columns:1fr;}
	.woocommerce div.product .related ul.products,.woocommerce div.product .upsells ul.products{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
	.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,1fr);gap:14px;}
}

/* =========================================================================
   TRANG SHOP — sidebar lọc bên trái + lưới sản phẩm bên phải
   ====================================================================== */
.rt-shop-layout{display:grid;grid-template-columns:300px 1fr;gap:clamp(28px,3vw,44px);align-items:start;}
.rt-shop-main{min-width:0;}
.rt-shop-sidebar{position:sticky;top:96px;}
.rt-shop-sidebar__title{font-family:var(--font-head);font-size:18px;font-weight:600;margin:0 0 14px;color:var(--ink);}

/* Nút mở bộ lọc (chỉ mobile) */
.rt-filter-toggle{
	display:none;align-items:center;gap:9px;
	border:1px solid var(--border);border-radius:var(--radius-pill);background:#fff;
	padding:11px 16px;font-family:var(--font-head);font-weight:600;font-size:14px;color:var(--ink);
	cursor:pointer;transition:border-color .2s;
}
.rt-filter-toggle:hover{border-color:var(--navy);}
.rt-filter-toggle__count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--gold);color:var(--navy);font-size:12px;font-weight:700;line-height:1;}

/* Bộ lọc — dạng cột trong sidebar */
.rt-filter{
	display:block;
	padding:4px 24px 24px;margin:0;
	background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);
}
.rt-filter__group{display:flex;flex-direction:column;gap:13px;padding:20px 0;}
.rt-filter__group + .rt-filter__group{border-top:1px solid var(--border);}
.rt-filter__label{
	font-family:var(--font-head);font-weight:600;font-size:11.5px;letter-spacing:.08em;
	text-transform:uppercase;color:var(--muted);
}
.rt-filter__select{
	appearance:none;-webkit-appearance:none;width:100%;
	border:1px solid var(--border);border-radius:var(--radius-pill);
	padding:10px 38px 10px 16px;font-family:inherit;font-size:14px;color:var(--ink);background-color:#fff;
	background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%236b7077" stroke-width="2" stroke-linecap="round"><path d="M6 9l6 6 6-6"/></svg>');
	background-repeat:no-repeat;background-position:right 14px center;
	cursor:pointer;transition:border-color .2s;
}
.rt-filter__select:hover{border-color:var(--navy);}
.rt-filter__select:focus{outline:none;border-color:var(--gold-dark);}
.rt-swatches{display:flex;align-items:center;gap:9px;flex-wrap:wrap;}
.rt-swatch,.rt-swatch--all{cursor:pointer;display:inline-flex;align-items:center;}
.rt-swatch input,.rt-swatch--all input{position:absolute;opacity:0;width:0;height:0;}
.rt-swatch__dot{
	width:28px;height:28px;border-radius:50%;
	border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 0 0 2px #fff;
	transition:transform .15s var(--ease),box-shadow .15s;
}
.rt-swatch:hover .rt-swatch__dot{transform:scale(1.08);}
.rt-swatch input:checked + .rt-swatch__dot,.rt-swatch.is-active .rt-swatch__dot{
	box-shadow:inset 0 0 0 2px #fff,0 0 0 2px var(--gold-dark);transform:scale(1.06);
}
.rt-swatch--all{
	font-size:12.5px;color:var(--muted);border:1px solid var(--border);
	border-radius:var(--radius-pill);padding:6px 13px;transition:all .2s;
}
.rt-swatch--all:hover{border-color:var(--navy);}
.rt-swatch--all.is-active{border-color:var(--navy);color:var(--ink);background:var(--beige);}

/* Độ cản sáng — nút pill hiện hết ra ngoài (không dropdown) */
.rt-opts{display:flex;flex-direction:column;gap:8px;}
.rt-opt{cursor:pointer;display:block;}
.rt-opt input{position:absolute;opacity:0;width:0;height:0;}
.rt-opt span{
	display:block;padding:9px 15px;border:1px solid var(--border);border-radius:var(--radius-pill);
	font-size:13.5px;color:var(--ink);transition:all .18s;
}
.rt-opt:hover span{border-color:var(--navy);}
.rt-opt input:checked + span,.rt-opt.is-active span{border-color:var(--navy);background:var(--navy);color:#fff;}
.rt-opt input:focus-visible + span{outline:2px solid var(--gold-dark);outline-offset:2px;}

/* Checkbox đa chọn (Độ cản sáng / Giá) */
.rt-checks{display:flex;flex-direction:column;gap:12px;}
.rt-check{display:flex;align-items:center;gap:10px;cursor:pointer;}
.rt-check input{position:absolute;opacity:0;width:0;height:0;}
.rt-check__box{flex:0 0 auto;width:19px;height:19px;border:1.5px solid var(--border);border-radius:5px;display:grid;place-items:center;transition:all .15s;}
.rt-check:hover .rt-check__box{border-color:var(--navy);}
.rt-check input:checked + .rt-check__box{background:var(--navy);border-color:var(--navy);}
.rt-check input:checked + .rt-check__box::after{content:"";display:block;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px);}
.rt-check input:focus-visible + .rt-check__box{outline:2px solid var(--gold-dark);outline-offset:2px;}
.rt-check__text{font-size:14px;color:var(--ink);line-height:1.3;}

/* Danh mục — điều hướng (link list) */
.rt-catnav{display:flex;flex-direction:column;gap:4px;}
.rt-catnav__link{display:block;padding:8px 13px;border-radius:9px;font-size:14px;color:var(--ink);transition:all .15s;}
.rt-catnav__link:hover{background:var(--beige);}
.rt-catnav__link.is-active{background:var(--navy);color:#fff;font-weight:600;}

.rt-filter__apply{width:100%;justify-content:center;margin-top:20px;}
.rt-filter__actions{display:flex;flex-direction:column;align-items:center;gap:10px;}
.rt-filter__clear{font-size:13.5px;color:var(--muted);text-decoration:underline;text-align:center;}
.rt-filter__clear:hover{color:var(--gold-dark);}
/* Header/footer popup — chỉ hiện trên mobile */
.rt-filter-close,.rt-filter__foot{display:none;}
.rt-no-scroll{overflow:hidden;}

/* Tablet/mobile: sidebar xếp lên trên, bộ lọc nằm ngang gọn */
@media (max-width:980px){
	.rt-shop-layout{grid-template-columns:1fr;}
	.rt-filter-toggle{display:inline-flex;}

	/* Panel lọc = popup full màn hình */
	.rt-shop-sidebar{
		position:fixed;inset:0;z-index:1000;margin:0;display:flex;flex-direction:column;
		background:var(--warm-white,#faf8f4);
		opacity:0;visibility:hidden;transform:translateY(14px);
		transition:opacity .25s var(--ease),transform .25s var(--ease),visibility .25s;
	}
	.rt-shop-sidebar.is-open{opacity:1;visibility:visible;transform:none;}

	.rt-filter-head{display:flex;align-items:center;justify-content:space-between;margin:0;padding:15px 18px;border-bottom:1px solid var(--border);background:#fff;}
	.rt-shop-sidebar__title{display:block;margin:0;font-size:17px;}
	.rt-filter-close{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--border);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer;}

	.rt-filter{flex:1;min-height:0;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;border:0;border-radius:0;box-shadow:none;background:transparent;padding:6px 18px 0;}

	.rt-filter__actions{display:none;}
	/* Footer Đặt lại / Áp dụng — dính cố định đáy popup; phần input phía trên cuộn độc lập */
	.rt-filter__foot{position:sticky;bottom:0;z-index:2;margin:auto -18px 0;display:flex;gap:12px;padding:14px 18px;border-top:1px solid var(--border);background:#fff;box-shadow:0 -6px 18px rgba(0,0,0,.08);}
	.rt-filter__reset{flex:1;}
	.rt-filter__submit{flex:2;}
}
