/* AWood – lớp màu và chữ theo design system "AWood WPC" (Cream).
   Màu chính và font cũng đã nạp vào Elementor Kit (Site Settings) và XStore Customizer;
   file này chỉ lo những chỗ hai nơi đó không với tới. */
:root{
  --aw-brown:#6b4c37; --aw-orange:#e27929; --aw-orange-text:#a3500e; --aw-bronze:#78521f; --aw-rule:#98764a;
  --aw-ink:#241a12; --aw-muted:#5e4c3e; --aw-cream:#f7f2ec; --aw-cream2:#efe6da; --aw-sand:#dcc2a7; --aw-line:#cdb9a2; --aw-paper:#fffcf7;
  --aw-f-display:"Playfair Display","Times New Roman",Georgia,serif;
  --aw-f-sans:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
  --aw-f-caps:Lexend,"Be Vietnam Pro",system-ui,sans-serif;
}

/* ---------- Nền và chữ chung ---------- */
body{background-color:var(--aw-cream);color:var(--aw-muted);font-family:var(--aw-f-sans)}
::selection{background:var(--aw-sand);color:var(--aw-ink)}
.template-content, .page-wrapper{background-color:transparent}
a:hover{color:var(--aw-orange-text)}

/* Tiêu đề nhỏ dạng nhãn (các caption IN HOA dưới ảnh trên trang chủ) dùng font chữ, không dùng Playfair */
.elementor-widget-heading .elementor-heading-title.elementor-size-default b,
.elementor-widget-heading h3.elementor-heading-title,
.elementor-widget-heading h4.elementor-heading-title,
.elementor-widget-heading h5.elementor-heading-title,
.elementor-widget-heading h6.elementor-heading-title{font-family:var(--aw-f-sans)}

/* ---------- Header ---------- */
/* Thanh icon ứng dụng dưới menu (Menu Nav Ứng Dụng) */
.elementor-element-5835ef17 .menu-item > a,
.elementor-element-5835ef17 .etheme-elementor-nav-menu-item{color:var(--aw-ink);font-family:var(--aw-f-sans);font-weight:500;font-size:13px;letter-spacing:0}
.elementor-element-5835ef17 .menu-item > a:hover,
.elementor-element-5835ef17 .menu-item.current-menu-item > a{color:var(--aw-orange-text)}
.elementor-element-5835ef17 .menu-item img{width:40px;height:40px;object-fit:contain;transition:transform .2s ease}
.elementor-element-5835ef17 .menu-item > a:hover img{transform:translateY(-2px)}
@media (prefers-reduced-motion:reduce){.elementor-element-5835ef17 .menu-item img{transition:none}}

/* 8 mục dàn đều một hàng trên máy tính; máy tính bảng thì cuộn ngang */
.elementor-element-5835ef17 .etheme-elementor-nav-menu{justify-content:space-between;flex-wrap:nowrap;gap:18px}
.elementor-element-5835ef17 .etheme-elementor-nav-menu > li{flex:0 1 auto;margin:0 !important}
@media (max-width:1180px){
  .elementor-element-5835ef17 .etheme-elementor-nav-menu{overflow-x:auto;justify-content:flex-start;gap:18px;scrollbar-width:none}
  .elementor-element-5835ef17 .etheme-elementor-nav-menu::-webkit-scrollbar{display:none}
  .elementor-element-5835ef17 .etheme-elementor-nav-menu > li{flex:0 0 auto}
}
/* Nút tìm kiếm */
.elementor-element-c5f99c3 .etheme-search-form-submit{background-color:var(--aw-brown) !important;color:var(--aw-cream) !important}
.elementor-element-c5f99c3 .etheme-search-form-submit:hover{background-color:var(--aw-ink) !important}

/* Menu chính: nền xanh lá như catalogue AWood, chữ trắng (bóng chữ nhẹ để dễ đọc trên nền xanh sáng) */
.elementor-element.elementor-element-79789b72{background-color:#8fc440 !important;border-bottom:0 !important}
.elementor-element-5ff2605a .etheme-elementor-nav-menu > li > a .elementor-item,
.elementor-element-5ff2605a .etheme-elementor-nav-menu > li > a{color:#fff !important;fill:#fff !important;text-shadow:0 1px 2px rgba(40,70,10,.45)}
.elementor-element-5ff2605a .etheme-elementor-nav-menu > li > a svg{fill:#fff !important}
.elementor-element-5ff2605a .menu-item > a{font-family:var(--aw-f-sans);font-weight:600}
.elementor-element-5ff2605a .etheme-elementor-nav-menu > li > a:after,
.elementor-element-5ff2605a .etheme-elementor-nav-menu > li > a:before{background-color:#fff !important}
.elementor-element-5ff2605a .etheme-elementor-nav-menu > li > a:hover .elementor-item,
.elementor-element-5ff2605a .etheme-elementor-nav-menu > li.current-menu-item > a .elementor-item{color:#fff !important}

/* ---------- Khối danh mục [awood_categories] ---------- */
.aw-cats{color:var(--aw-muted)}
.aw-cats__head{margin-bottom:8px}
.aw-cats__title{font-family:var(--aw-f-display);font-weight:800;font-size:clamp(26px,3vw,38px);line-height:1.12;color:var(--aw-ink);margin:0 0 10px;text-transform:none;letter-spacing:-.005em;text-wrap:balance}
.aw-cats__sub{font-size:16px;line-height:1.6;color:var(--aw-muted);margin:0;max-width:62ch}
.aw-cats__row-label{font-family:var(--aw-f-caps);font-weight:300;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--aw-bronze);margin:34px 0 18px;padding-top:20px;border-top:1px solid var(--aw-line)}
.aw-cats__row-label:first-of-type{border-top:0;padding-top:0;margin-top:28px}
.aw-cats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 36px}
.aw-cats__col{min-width:0}
.aw-cats__cat{font-family:var(--aw-f-sans);font-weight:600;font-size:18px;line-height:1.3;color:var(--aw-ink);margin:0 0 12px;text-transform:none}
.aw-cats__cat a{color:inherit;text-decoration:none}
.aw-cats__cat a:hover{color:var(--aw-orange-text)}
.aw-cats__list{list-style:none;margin:0;padding:0}
.aw-cats__list li{margin:0 0 9px;padding:0;list-style:none}
.aw-cats__list a,.aw-cats__list li > span{display:flex;justify-content:space-between;align-items:baseline;gap:14px;color:var(--aw-muted);font-size:15px;line-height:1.4;text-decoration:none}
.aw-cats__list a:hover{color:var(--aw-brown)}
.aw-cats__list a:hover .aw-cats__name{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--aw-rule)}
.aw-cats__name{min-width:0}
.aw-cats__count{background:none;padding:0;color:var(--aw-muted);font-size:14px;font-variant-numeric:tabular-nums;flex:none}
.aw-cats a,.aw-cats a *,.aw-cats .aw-cats__count{text-decoration:none !important;border-bottom:0 !important;box-shadow:none !important}
.aw-cats__list a:hover .aw-cats__name{text-decoration:underline !important}
.aw-cats--nocount .aw-cats__count{display:none}
@media (max-width:1024px){.aw-cats__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.aw-cats__grid{gap:24px 18px}.aw-cats__cat{font-size:16px}.aw-cats__list a,.aw-cats__list li > span{font-size:14px;gap:8px}}

/* ---------- Chân trang (Elementor Footer #1161) ---------- */
.elementor-11657 .elementor-element-79273fb,
.elementor-11657 .elementor-element-3ca0333{background-color:var(--aw-ink) !important;color:#c9b8a6}
.elementor-11657 .elementor-element-3ca0333,
.elementor-11657 .elementor-element-3ca0333 > .e-con-inner,
.elementor-11657 .elementor-element-3ca0333::before{background:#1b140e !important;background-image:none !important}
.elementor-11657 .elementor-element-3ca0333{border-top:1px solid #4a3a2c}
.elementor-11657 .elementor-element-3ca0333 p,.elementor-11657 .elementor-element-3ca0333 a{color:#c9b8a6 !important}
.elementor-11657 .elementor-post__meta-data,
.elementor-11657 .elementor-post__meta-data span{font-family:var(--aw-f-sans) !important;letter-spacing:0 !important;text-transform:none !important;font-size:12px !important}
.elementor-11657 .elementor-heading-title{color:var(--aw-cream) !important;font-family:var(--aw-f-caps) !important;font-weight:500 !important;font-size:12.5px !important;letter-spacing:.14em;text-transform:uppercase}
.elementor-11657 .elementor-widget-text-editor,
.elementor-11657 .elementor-widget-text-editor p,
.elementor-11657 .elementor-widget-text-editor span,
.elementor-11657 .elementor-widget-text-editor b,
.elementor-11657 .elementor-widget-text-editor strong{color:#c9b8a6 !important;background-color:transparent !important;font-family:var(--aw-f-sans) !important}
.elementor-11657 .elementor-widget-text-editor b,
.elementor-11657 .elementor-widget-text-editor strong{color:var(--aw-cream) !important}
.elementor-11657 a{color:var(--aw-cream)}
.elementor-11657 a:hover{color:var(--aw-orange)}
/* Số điện thoại, hotline, email: link rõ màu trên nền nâu.
   Điện thoại (iOS/Android) tự nhận số thành link màu xanh tối, trùng nền – ép lại màu ở đây. */
.elementor-11657 .elementor-widget-text-editor a.aw-ft-link,
.elementor-11657 a[href^="tel:"],
.elementor-11657 a[href^="mailto:"],
.elementor-11657 a[x-apple-data-detectors]{color:#f7f2ec !important;font-weight:600;text-decoration:underline;text-decoration-color:rgba(226,121,41,.7);text-underline-offset:3px}
.elementor-11657 .elementor-widget-text-editor a.aw-ft-link:hover,
.elementor-11657 .elementor-widget-text-editor a.aw-ft-link:focus-visible{color:#f0a868 !important}
.elementor-11657 .elementor-post__title a{color:var(--aw-cream) !important;font-family:var(--aw-f-sans)}
.elementor-11657 .elementor-post__meta-data,
.elementor-11657 .elementor-post__meta-data span{color:#a8957f !important}

/* "Bài viết mới" ở chân trang: trên điện thoại phần chữ bị ép còn 67px và tràn ra ngoài.
   Đặt ảnh nhỏ bên trái, chữ bên phải. */
@media (max-width:767px){
  .elementor-element-015d3ef .elementor-post{display:flex !important;gap:12px;align-items:flex-start}
  .elementor-element-015d3ef .elementor-post__thumbnail__link{flex:0 0 96px !important;width:96px !important;max-width:96px;margin:0 !important}
  .elementor-element-015d3ef .elementor-post__thumbnail{padding-bottom:75% !important}
  .elementor-element-015d3ef .elementor-post__text{flex:1 1 auto;min-width:0;width:auto !important}
}

/* ---------- Nút ---------- */
.elementor-button{border-radius:2px}
.aw-btn-buy .elementor-button,.elementor-button.aw-btn-buy{background:var(--aw-orange) !important;color:var(--aw-ink) !important}

/* =====================================================================
   Trang chủ bố cục theo XStore furniture3 (11/2026)
   ===================================================================== */
/* Banner đóng khung như demo */
.aw-hero .elementor-widget-etheme_slides,
.aw-hero .swiper,.aw-hero .swiper-container{border-radius:4px;overflow:hidden}

/* Dải 4 cam kết */
.aw-features{border-bottom:1px solid var(--aw-line)}
.aw-feature .elementor-icon-box-wrapper{align-items:center}
.aw-feature .elementor-icon-box-title{margin:0 0 2px !important;font-family:var(--aw-f-sans) !important;font-weight:600 !important;font-size:15px !important;line-height:1.3 !important;color:var(--aw-ink) !important;text-transform:none !important}
.aw-feature .elementor-icon-box-description{font-size:13px;line-height:1.45;color:var(--aw-muted);margin:0}
.aw-features > .e-con-inner > .e-con, .aw-features > .e-con{padding-block:12px !important}

/* Nhãn nhỏ, tiêu đề lớn, đoạn dẫn */
.aw-eyebrow p{margin:0 0 10px;font-family:var(--aw-f-caps);font-weight:300;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--aw-bronze)}
.aw-h1 .elementor-heading-title,.aw-h2 .elementor-heading-title{font-family:var(--aw-f-display) !important;font-weight:800 !important;color:var(--aw-ink) !important;text-transform:none !important;line-height:1.1 !important;letter-spacing:-.005em;text-wrap:balance}
.aw-h1 .elementor-heading-title{font-size:clamp(30px,3.3vw,44px) !important}
.aw-h2 .elementor-heading-title{font-size:clamp(26px,2.8vw,38px) !important}
.aw-lead p{font-size:16px;line-height:1.7;color:var(--aw-muted);max-width:56ch;margin:14px 0 0}

/* Tiêu đề khối kiểu demo: chữ giữa, gạch dưới đậm nằm trên đường kẻ mảnh */
.aw-headline{border-bottom:1px solid var(--aw-line);text-align:center}
.aw-headline .elementor-heading-title{display:inline-block;position:relative;top:1px;padding-bottom:12px;border-bottom:2px solid var(--aw-ink);font-family:var(--aw-f-display) !important;font-weight:800 !important;font-size:clamp(24px,2.4vw,32px) !important;line-height:1.2 !important;color:var(--aw-ink) !important;text-transform:none !important}
.aw-headline .elementor-heading-title b{font-weight:inherit}
.aw-sub p{text-align:center;color:var(--aw-muted);font-size:15px;margin:14px auto 26px;max-width:70ch}

/* Nút */
.aw-btn-dark .elementor-button{background:var(--aw-ink) !important;color:var(--aw-cream) !important;border:1px solid var(--aw-ink);border-radius:2px;font-weight:600;padding:14px 24px}
.aw-btn-dark .elementor-button:hover{background:var(--aw-brown) !important;border-color:var(--aw-brown)}
.aw-btn-outline .elementor-button{background:transparent !important;color:var(--aw-ink) !important;border:1px solid var(--aw-ink);border-radius:2px;font-weight:600;padding:14px 24px}
.aw-btn-outline .elementor-button:hover{background:var(--aw-ink) !important;color:var(--aw-cream) !important}
.aw-btn-link .elementor-button{background:transparent !important;color:var(--aw-orange-text) !important;padding:0 !important;font-weight:600;border-bottom:1px solid currentColor;border-radius:0}
.aw-btn-link .elementor-button:hover{color:var(--aw-brown) !important}

/* Ảnh */
.aw-img img{border-radius:4px;width:100%;height:auto;display:block}
.aw-intro .aw-img img{object-fit:cover}

/* Sản phẩm (shortcode WooCommerce) */
.aw-products ul.products{margin-bottom:24px}
.aw-products .product .product-title a,.aw-products .woocommerce-loop-product__title{color:var(--aw-ink);font-weight:500}

/* Ứng dụng: bỏ nền xám cũ, ảnh bo nhẹ */
.aw-apps{background:transparent !important}
.aw-apps .elementor-widget-image img{border-radius:4px}

/* Thương hiệu */
.aw-brand-card{background:var(--aw-paper);border:1px solid var(--aw-line);border-radius:4px;overflow:hidden;gap:0 !important}
.aw-brand-card > .elementor-element:not(.aw-brand-img){padding-inline:20px}
.aw-brand-card--main{border:2px solid var(--aw-brown)}
.aw-brand-img img{width:100%;aspect-ratio:9/11;object-fit:cover;display:block}
.aw-brand-card--main .aw-brand-img img{aspect-ratio:4/4.2}
.aw-brand-tag p{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top;margin:16px 0 4px;padding:4px 8px;border-radius:2px;font-family:var(--aw-f-caps);font-weight:500;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:var(--aw-cream2);color:var(--aw-muted)}
.aw-brand-card--main .aw-brand-tag p{background:var(--aw-orange);color:var(--aw-ink)}
.aw-brand-name .elementor-heading-title{font-family:var(--aw-f-display) !important;font-weight:800 !important;font-size:26px !important;color:var(--aw-ink) !important;margin:0 0 8px !important;text-transform:none !important}
.aw-brand-card--main .aw-brand-name .elementor-heading-title{font-size:32px !important}
.aw-brand-list ul{list-style:none;margin:0 0 14px;padding:0}
.aw-brand-list li{font-size:14px;line-height:1.5;color:var(--aw-muted);padding:7px 0;border-top:1px solid var(--aw-cream2);margin:0}
.aw-brand-list li b{color:var(--aw-ink);font-weight:600}
.aw-brand-card .aw-btn-link{margin-top:auto !important;padding-bottom:20px}

/* Tiêu đề khối màu sắc cũ */
.aw-colors .elementor-heading-title{text-transform:none}

/* Bài viết */
.aw-posts .elementor-post__title a{color:var(--aw-ink) !important;font-weight:600}
.aw-posts .elementor-post__thumbnail img{border-radius:4px}
.aw-posts .elementor-post__read-more{color:var(--aw-orange-text) !important;font-weight:600}

/* Ảnh công trình: ô vuông đều nhau */
.aw-gal .gallery-item img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:4px;border:0 !important}
.aw-gal .gallery-item a{display:block;overflow:hidden;border-radius:4px}
.aw-gal .gallery-item a img{transition:transform .35s ease}
.aw-gal .gallery-item a:hover img{transform:scale(1.04)}
@media (prefers-reduced-motion:reduce){.aw-gal .gallery-item a img{transition:none}}

@media (max-width:767px){
  .aw-features > .e-con-inner > .e-con, .aw-features > .e-con{padding-block:8px !important}
  .aw-brand-card .aw-brand-img img,.aw-brand-card--main .aw-brand-img img{aspect-ratio:4/3}
}

/* Hàng thương hiệu: AWood rộng hơn, 3 thương hiệu phụ chia đều */
.aw-brand-row{flex-wrap:nowrap !important}
.aw-brand-row > .aw-brand-card{flex:1 1 0 !important;width:auto !important;min-width:0}
.aw-brand-row > .aw-brand-card--main{flex:1.55 1 0 !important}
@media (max-width:1024px){
  .aw-brand-row{flex-wrap:wrap !important}
  .aw-brand-row > .aw-brand-card,.aw-brand-row > .aw-brand-card--main{flex:1 1 calc(50% - 10px) !important}
}
@media (max-width:600px){.aw-brand-row > .aw-brand-card,.aw-brand-row > .aw-brand-card--main{flex:1 1 100% !important}}
.aw-brand-card .elementor-widget-image{width:100%}
.aw-brand-img img{max-width:100% !important}

/* Lề hai bên cho các khối đóng khung trên máy tính bảng và điện thoại */
@media (max-width:1280px){
  .aw-hero,.aw-features,.aw-intro,.aw-sec,.aw-cta{padding-left:16px !important;padding-right:16px !important}
}
@media (max-width:600px){
  .aw-gal .gallery-item{width:50% !important;max-width:50% !important}
  .aw-features > .e-con-inner{gap:0}
  .aw-features .aw-feature .elementor-icon-box-wrapper{text-align:left;display:flex;gap:12px}
  .aw-features .aw-feature .elementor-icon-box-icon{margin:0 !important}
}

/* Lưới 8 hạng mục (từ awood_categories_grid.svg), dưới khối giới thiệu */
.aw-catgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 56px;padding:0 24px}
.aw-catgrid__item{display:flex;flex-direction:column;align-items:center;gap:16px;text-decoration:none !important;color:var(--aw-ink)}
.aw-catgrid__card{display:block;width:100%;max-width:235px}
.aw-catgrid__card svg{display:block;width:100%;height:auto;transition:transform .2s ease}
.aw-catgrid__label{font-family:var(--aw-f-sans);font-weight:700;font-size:15px;line-height:1.3;letter-spacing:.01em;text-transform:uppercase;text-align:center;color:var(--aw-ink)}
.aw-catgrid__item:hover .aw-catgrid__label{color:var(--aw-orange-text)}
.aw-catgrid__item:hover svg{transform:translateY(-3px)}
.aw-catgrid__item:focus-visible{outline:2px solid var(--aw-orange);outline-offset:4px}
@media (prefers-reduced-motion:reduce){.aw-catgrid__card svg{transition:none}}
@media (max-width:1024px){.aw-catgrid{gap:28px 28px;padding:0}}
@media (max-width:767px){.aw-catgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.aw-catgrid__label{font-size:13px}}
@media (max-width:1280px){.aw-catgrid-sec{padding-left:16px !important;padding-right:16px !important}}

/* Nhãn lưới 8 hạng mục: chữ thường, cùng kiểu thanh icon dưới menu */
.aw-catgrid__label{font-family:var(--aw-f-sans);font-weight:500;font-size:15px;letter-spacing:0;text-transform:none;color:var(--aw-ink)}
@media (max-width:767px){.aw-catgrid__label{font-size:14px}}

/* Ứng dụng AWood cho gia đình: căn giữa lưới 3 cột, bỏ nền xám sau tiêu đề */
.aw-apps .elementor-element-a65366c{width:100% !important;max-width:100% !important;margin-inline:auto !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 32px;--padding-left:0px;--padding-right:0px;padding-inline:0 !important}
.aw-apps .elementor-element-a65366c > .e-con{width:auto !important;max-width:none !important;padding:0 !important;--padding-left:0px;--padding-right:0px}
.aw-apps .elementor-element-a65366c .elementor-widget-image,
.aw-apps .elementor-element-a65366c .elementor-widget-heading{width:100% !important;margin:0 !important}
.aw-apps .elementor-element-a65366c img{width:100% !important;aspect-ratio:6/5;object-fit:cover}
.aw-apps .elementor-element-a65366c .elementor-heading-title{text-align:center;margin-top:12px}
.aw-apps .elementor-element-254b259,.aw-apps .elementor-element-a71b209,.aw-apps .elementor-element-a71b209 > .elementor-widget-container{background:transparent !important}
@media (max-width:767px){.aw-apps .elementor-element-a65366c{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}}
@media (max-width:1280px){.aw-apps{padding-left:16px !important;padding-right:16px !important}}

/* Ô giàn hoa leo dùng ảnh pergola.png gốc thay cho SVG */
.aw-catgrid__card--img{aspect-ratio:235/92;background:#f1eff0;border-radius:6px;display:flex !important;align-items:center;justify-content:center;overflow:hidden}
.aw-catgrid__card--img img{display:block;width:94%;height:auto;transition:transform .2s ease}
.aw-catgrid__item:hover .aw-catgrid__card--img img{transform:translateY(-3px)}
@media (prefers-reduced-motion:reduce){.aw-catgrid__card--img img{transition:none}}

/* Trang Liên hệ: 2 chi nhánh AWood */
.aw-branches > .e-con-inner{gap:28px}
.aw-branch{background:var(--aw-paper);border:1px solid var(--aw-line);border-radius:4px;overflow:hidden;flex:1 1 calc(50% - 14px) !important;min-width:0}
.aw-branch > .elementor-element:not(.aw-branch__map){padding-inline:22px}
.aw-branch__map iframe{display:block;filter:saturate(.85)}
.aw-branch__name .elementor-heading-title{font-family:var(--aw-f-display) !important;font-weight:800 !important;font-size:26px !important;color:var(--aw-ink) !important;margin:20px 0 6px !important;text-transform:none !important}
.aw-branch__list{list-style:none;margin:0 0 20px;padding:0}
.aw-branch__list li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:10px 0;border-top:1px solid var(--aw-cream2);margin:0;font-size:15px;color:var(--aw-ink)}
.aw-branch__list li span{font-family:var(--aw-f-caps);font-weight:500;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--aw-muted);padding-top:3px}
.aw-branch__list a{color:var(--aw-orange-text);text-decoration:none}
.aw-branch__list a:hover{text-decoration:underline}
@media (max-width:767px){.aw-branch{flex-basis:100% !important}.aw-branch__list li{grid-template-columns:84px minmax(0,1fr)}}

/* Khối danh mục: bỏ cột ảnh nhỏ, phác thảo pergola thành nền mờ cao bằng cả khối */
.elementor-element-a3c0d01{position:relative;overflow:hidden;isolation:isolate}
.elementor-element-a3c0d01::before{content:"";position:absolute;z-index:-1;top:4%;bottom:4%;right:-2%;width:58%;
  background:url(/wp-content/uploads/awood-pergola-sketch.png) right center/contain no-repeat;opacity:.16;pointer-events:none}
.elementor-element-a3c0d04{display:none !important}
.elementor-element-a3c0d02{width:100% !important;max-width:100% !important;flex:1 1 100% !important}
.aw-cats__grid{gap:28px 48px}
@media (max-width:1024px){.elementor-element-a3c0d01::before{width:90%;right:-20%;opacity:.12}}
@media (max-width:767px){.elementor-element-a3c0d01::before{top:auto;bottom:0;height:40%;width:100%;right:-25%;opacity:.12}}
.elementor-element.elementor-element-a3c0d01::before{left:auto !important;inset-inline-start:auto !important;inset-inline-end:-2% !important;right:-2% !important;width:58% !important;height:auto !important;top:4% !important;bottom:4% !important;transform:none !important;border-radius:0 !important}
@media (max-width:1024px){.elementor-element.elementor-element-a3c0d01::before{width:90% !important;right:-20% !important;inset-inline-end:-20% !important}}
@media (max-width:767px){.elementor-element.elementor-element-a3c0d01::before{top:auto !important;height:40% !important;width:100% !important;right:-25% !important;inset-inline-end:-25% !important}}

/* Catalogue lật trang */
.aw-cat-page{max-width:1160px;margin:0 auto;padding:8px 0 64px}
.aw-cat-page > p{max-width:62ch;color:var(--aw-muted);font-size:16px;margin:8px 0 8px}
.aw-flip{margin:40px 0 0;padding:28px 28px 22px;background:var(--aw-paper);border:1px solid var(--aw-line);border-radius:4px}
.aw-flip:focus{outline:none}
.aw-flip__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.aw-flip__title{font-family:var(--aw-f-display) !important;font-weight:800 !important;font-size:clamp(24px,2.6vw,32px) !important;color:var(--aw-ink) !important;margin:0 !important;text-transform:none !important}
.aw-flip__note{margin:6px 0 0;color:var(--aw-muted);font-size:14px}
.aw-flip__pdf{display:inline-block;padding:11px 18px;border:1px solid var(--aw-ink);border-radius:2px;color:var(--aw-ink) !important;font-weight:600;font-size:14px;text-decoration:none}
.aw-flip__pdf:hover{background:var(--aw-ink);color:var(--aw-cream) !important}
.aw-flip__stage{background:radial-gradient(ellipse at center,#efe6da 0%,#e4d6c3 100%);border-radius:4px;padding:28px 20px;overflow:hidden}
.aw-flip__book{margin:0 auto}
.aw-flip__page{background:#fff;overflow:hidden}
.aw-flip__page img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.aw-flip__bar{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:18px;flex-wrap:wrap}
.aw-flip__btn{min-height:40px;min-width:44px;padding:0 14px;border:1px solid var(--aw-line);background:var(--aw-cream);color:var(--aw-ink);border-radius:2px;font:600 14px var(--aw-f-sans);cursor:pointer}
.aw-flip__btn:hover{border-color:var(--aw-brown);background:var(--aw-cream2)}
.aw-flip__btn:focus-visible{outline:2px solid var(--aw-orange);outline-offset:2px}
.aw-flip__count{min-width:92px;text-align:center;font:500 14px var(--aw-f-caps);color:var(--aw-muted);font-variant-numeric:tabular-nums}
@media (max-width:767px){.aw-cat-page{padding:0 16px 40px}.aw-flip{padding:18px 12px 16px}.aw-flip__stage{padding:14px 6px}.aw-flip__btn[data-act=first],.aw-flip__btn[data-act=last]{display:none}}

/* Hồ sơ CO, CQ: thư mục kiểu Folder (React Bits) */
.aw-docs{--fold-back:#6b4c37;--fold-front:#8d6648;--mx:0px;--my:0px}
.aw-docs__folders{display:flex;justify-content:center;gap:clamp(28px,7vw,96px);flex-wrap:wrap;padding:96px 0 8px}
.aw-docs__slot{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:150px}
.aw-folder{position:relative;width:150px;height:110px;padding:0;border:0;background:none;cursor:pointer;transition:transform .2s ease;margin-bottom:12px}
.aw-folder:hover{transform:translateY(-6px)}
.aw-folder:focus-visible{outline:2px solid var(--aw-orange);outline-offset:8px;border-radius:8px}
.aw-folder__back{position:absolute;inset:0;background:var(--fold-back);border-radius:0 10px 10px 10px}
.aw-folder__back::after{content:"";position:absolute;left:0;bottom:98%;width:42%;height:12px;background:var(--fold-back);border-radius:6px 6px 0 0}
.aw-folder__paper{position:absolute;z-index:2;left:50%;bottom:10%;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(36,26,18,.18);transform:translate(-50%,10%);transition:transform .3s ease}
.aw-folder__paper img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.aw-folder__paper--1{width:70%;height:80%}
.aw-folder__paper--2{width:80%;height:70%}
.aw-folder__paper--3{width:90%;height:60%}
.aw-folder__front{position:absolute;z-index:3;top:0;bottom:0;left:0;width:50%;background:var(--fold-front);border-radius:5px 0 0 10px;transform-origin:bottom;transition:transform .3s ease}
.aw-folder__front--right{left:50%;border-radius:0 10px 10px 0}
.aw-folder:hover .aw-folder__front{transform:skew(15deg) scaleY(.6)}
.aw-folder:hover .aw-folder__front--right{transform:skew(-15deg) scaleY(.6)}
.aw-folder:hover .aw-folder__paper{transform:translate(-50%,0)}
.aw-folder.is-open{transform:translateY(-6px)}
.aw-folder.is-open .aw-folder__front{transform:skew(15deg) scaleY(.6)}
.aw-folder.is-open .aw-folder__front--right{transform:skew(-15deg) scaleY(.6)}
.aw-folder.is-open .aw-folder__paper--1{transform:translate(calc(-120% + var(--mx)),calc(-70% + var(--my))) rotate(-15deg)}
.aw-folder.is-open .aw-folder__paper--2{transform:translate(calc(10% + var(--mx)),calc(-70% + var(--my))) rotate(15deg)}
.aw-folder.is-open .aw-folder__paper--3{transform:translate(calc(-50% + var(--mx)),calc(-100% + var(--my))) rotate(5deg)}
.aw-docs__name{font-family:var(--aw-f-sans);font-weight:600;font-size:16px;color:var(--aw-ink);text-align:center}
.aw-docs__count{font-family:var(--aw-f-caps);font-size:12px;letter-spacing:.06em;color:var(--aw-muted)}
.aw-folder.is-open + .aw-docs__name{color:var(--aw-orange-text);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
@media (prefers-reduced-motion:reduce){.aw-folder,.aw-folder__paper,.aw-folder__front{transition:none}}
.aw-docs__panel{margin-top:40px;padding-top:28px;border-top:1px solid var(--aw-line)}
.aw-docs__panel-head h2{font-family:var(--aw-f-display) !important;font-weight:800 !important;font-size:clamp(24px,2.6vw,32px) !important;color:var(--aw-ink) !important;margin:0 !important;text-transform:none !important}
.aw-docs__panel-head p{margin:6px 0 22px;color:var(--aw-muted)}
.aw-docs__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}
.aw-doc{display:flex;flex-direction:column;background:var(--aw-paper);border:1px solid var(--aw-line);border-radius:4px;overflow:hidden}
.aw-doc__thumb{display:block;aspect-ratio:4/3;background:var(--aw-cream2);overflow:hidden}
.aw-doc__thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transition:transform .3s ease}
.aw-doc__thumb:hover img{transform:scale(1.03)}
.aw-doc__body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.aw-doc__tag{align-self:flex-start;font:500 11px var(--aw-f-caps);letter-spacing:.1em;text-transform:uppercase;background:var(--aw-cream2);color:var(--aw-muted);padding:4px 7px;border-radius:2px}
.aw-doc__title{font-family:var(--aw-f-sans) !important;font-weight:600 !important;font-size:15.5px !important;line-height:1.4 !important;color:var(--aw-ink) !important;margin:0 !important;text-transform:none !important}
.aw-doc__meta{margin:0;font-size:13px;color:var(--aw-muted)}
.aw-doc__actions{display:flex;gap:8px;margin-top:auto;padding-top:8px}
.aw-doc__btn{flex:1;text-align:center;padding:9px 10px;border:1px solid var(--aw-ink);border-radius:2px;color:var(--aw-ink) !important;font-weight:600;font-size:14px;text-decoration:none}
.aw-doc__btn:hover{background:var(--aw-cream2)}
.aw-doc__btn--dl{background:var(--aw-ink);color:var(--aw-cream) !important}
.aw-doc__btn--dl:hover{background:var(--aw-brown);border-color:var(--aw-brown)}
@media (max-width:600px){.aw-docs__folders{gap:24px 12px;padding-top:80px}.aw-docs__slot{min-width:0;flex:1 1 40%}.aw-folder{transform:scale(.85)}.aw-folder:hover,.aw-folder.is-open{transform:scale(.85) translateY(-6px)}}

/* Đồng bộ chữ ở mọi trang danh mục: tên sản phẩm đen, font như trang chủ */
.elementor-widget-etheme_product_grid h2, .elementor-widget-etheme_product_grid h3,
.elementor-widget-etheme_product_grid h2 a, .elementor-widget-etheme_product_grid h3 a,
.elementor-widget-etheme_product_grid .etheme-product-grid-title, .elementor-widget-etheme_product_grid .etheme-product-grid-title a,
.elementor-widget-etheme_product_carousel h2 a, .elementor-widget-etheme_product_carousel h3 a,
ul.products .product-title a, ul.products .woocommerce-loop-product__title, .products-grid .product-title a{
  font-family:var(--aw-f-sans) !important;font-weight:500 !important;font-size:15px !important;line-height:1.4 !important;
  color:var(--aw-ink) !important;text-transform:none !important;letter-spacing:0 !important}
.elementor-widget-etheme_product_grid h2 a:hover, .elementor-widget-etheme_product_grid h3 a:hover, ul.products .product-title a:hover{color:var(--aw-brown) !important}
.elementor-widget-etheme_product_grid a.button, .elementor-widget-etheme_product_grid .show-product{color:var(--aw-muted) !important}
/* Tiêu đề khối trong trang: màu mực, bỏ chữ màu cam/xám gán cứng */
.elementor:not(.elementor-11657):not(.elementor-11660) .elementor-widget-heading .elementor-heading-title{color:var(--aw-ink) !important}
.elementor:not(.elementor-11657):not(.elementor-11660) .elementor-widget-heading .elementor-heading-title [style*="color"],
.elementor:not(.elementor-11657):not(.elementor-11660) .elementor-widget-text-editor [style*="color"]{color:inherit !important}
/* Link chung: màu mực; link trong đoạn văn có gạch chân để vẫn nhận ra */
a{color:var(--aw-ink)}
.elementor-widget-text-editor p a, .entry-content p a{color:var(--aw-ink);text-decoration:underline;text-decoration-color:var(--aw-rule);text-underline-offset:3px}
.elementor-widget-text-editor p a:hover, .entry-content p a:hover{color:var(--aw-brown)}
[data-elementor-type="wp-page"] :is(strong,b,span,em)[style*="color"]{color:inherit !important}
/* Trang lưu trữ danh mục WooCommerce (product-category) */
.etheme-product-grid-title, .etheme-product-grid-title a, .woocommerce-loop-product__title, .woocommerce-loop-product__title a,
.products .product-title, .products .product-title a{font-family:var(--aw-f-sans) !important;font-weight:500 !important;font-size:15px !important;line-height:1.4 !important;color:var(--aw-ink) !important;text-transform:none !important;letter-spacing:0 !important}
.etheme-product-grid-title a:hover, .woocommerce-loop-product__title a:hover{color:var(--aw-brown) !important}