/* ===========================================================================
   COLLCO shop styling (VinaSite child) — reproduces the Flatsome storefront.
   Brand: red #EF1822 / #cb1916, blue CTA #1467E1, font Saira.
   ======================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Saira:wght@300;400;500;600;700;800&display=swap');

:root{
  --collco-red:#ef1822;
  --collco-red-d:#cb1916;
  --collco-blue:#1467e1;
  --collco-ink:#1b1b1b;
  --collco-line:#e5e7eb;
  --collco-muted:#6b7280;
}
.vs-shop,.woocommerce,.woocommerce-page{font-family:'Saira',system-ui,sans-serif;color:var(--collco-ink);}
.vs-shop{padding:18px 0 48px;}

/* ---- Breadcrumb ---- */
.vs-breadcrumb{font-size:14px;color:var(--collco-muted);margin:4px 0 16px;}
.vs-breadcrumb a{color:var(--collco-muted);text-decoration:none;}
.vs-breadcrumb a:hover{color:var(--collco-red);}
.vs-breadcrumb .sep{margin:0 4px;color:#b8bdc7;}

/* ================= SINGLE PRODUCT ================= */
.single-product div.product{display:grid;grid-template-columns:minmax(0,480px) 1fr;gap:38px;align-items:start;}
.single-product div.product .woocommerce-product-gallery{margin:0;}
.single-product div.product .product_title{font-size:26px;font-weight:700;line-height:1.2;margin:0 0 10px;}

/* gallery */
.woocommerce-product-gallery__image img{border:1px solid var(--collco-line);border-radius:10px;}
.flex-control-thumbs{display:flex;gap:8px;margin-top:10px;padding:0;list-style:none;flex-wrap:wrap;}
.flex-control-thumbs li{width:72px;}
.flex-control-thumbs img{border:1px solid var(--collco-line);border-radius:8px;cursor:pointer;opacity:.75;transition:.15s;}
.flex-control-thumbs img.flex-active,.flex-control-thumbs img:hover{opacity:1;border-color:var(--collco-red);}

/* price */
.single-product .summary .price,
.single-product .summary .price ins{font-size:30px;font-weight:800;color:var(--collco-red);}
.single-product .summary .price del{font-size:18px;color:var(--collco-muted);font-weight:500;margin-right:8px;}
.single-product .summary .price .woocommerce-Price-amount{color:var(--collco-red);}

/* promo box */
.vs-promo{position:relative;border:1px solid #d9e9ee;background:#f3fbfd;border-radius:10px;padding:16px 16px 14px;margin:16px 0;}
.vs-promo__title{display:inline-block;background:var(--collco-blue);color:#fff;font-weight:700;font-size:15px;letter-spacing:.3px;padding:8px 18px;border-radius:6px;position:relative;margin:-30px 0 10px;box-shadow:0 4px 10px rgba(20,103,225,.25);}
.vs-promo__list{list-style:none;margin:0;padding:0;}
.vs-promo__list li{position:relative;padding:5px 0 5px 22px;font-size:15px;color:#243;}
.vs-promo__list li::before{content:"";position:absolute;left:0;top:11px;width:9px;height:9px;border-radius:50%;background:var(--collco-blue);}

/* swatches */
.variations{margin:14px 0;border:0;}
.variations th,.variations td{border:0;padding:4px 0;text-align:left;vertical-align:middle;}
.variations th.label{width:auto;padding-right:14px;font-weight:600;}
.vs-swatches{display:flex;flex-wrap:wrap;gap:8px;}
.vs-swatch{border:1px solid #cfd4dc;background:#fff;color:var(--collco-ink);font-family:inherit;font-size:15px;font-weight:600;padding:7px 16px;border-radius:7px;cursor:pointer;transition:.12s;line-height:1.1;}
.vs-swatch:hover{border-color:var(--collco-red);color:var(--collco-red);}
.vs-swatch.selected{border-color:var(--collco-red);background:var(--collco-red);color:#fff;box-shadow:0 2px 8px rgba(239,24,34,.28);}
.woocommerce-variation-add-to-cart .reset_variations{margin-left:10px;font-size:13px;}
.single_variation_wrap .woocommerce-variation-price{margin-bottom:10px;}
.single_variation_wrap .woocommerce-variation-price .price{font-size:26px;}

/* qty + add to cart */
.single-product form.cart{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0;}
.single-product form.cart .quantity{display:inline-flex;align-items:center;border:1px solid var(--collco-line);border-radius:8px;overflow:hidden;}
.single-product form.cart .quantity input.qty{width:54px;height:46px;border:0;text-align:center;font-size:16px;font-family:inherit;}
.single-product .button.alt,
.single-product .single_add_to_cart_button{background:var(--collco-red)!important;color:#fff!important;font-weight:700!important;font-size:16px!important;border-radius:8px!important;padding:0 28px!important;height:48px;line-height:48px!important;border:0!important;text-transform:uppercase;letter-spacing:.3px;transition:.15s;}
.single-product .single_add_to_cart_button:hover{background:var(--collco-red-d)!important;}

/* trust badges */
.vs-badges{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;list-style:none;margin:18px 0 0;padding:14px 0 0;border-top:1px solid var(--collco-line);}
.vs-badge{display:flex;align-items:center;gap:10px;font-size:15px;color:#333;}
.vs-badge::before{content:"";width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:var(--collco-red) var(--i,center)/16px no-repeat;}
.vs-badge--truck::before{-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M3 4h11v9H3zM14 7h4l3 3v3h-7zM7 18a2 2 0 100-4 2 2 0 000 4zm10 0a2 2 0 100-4 2 2 0 000 4z'/></svg>") center/16px no-repeat #fff;}
.vs-badge::before{background:var(--collco-red);-webkit-mask-size:15px;mask-size:15px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
.vs-badge--truck::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M3 4h11v9H3zM14 7h4l3 3v3h-7zM7 18a2 2 0 100-4 2 2 0 000 4zm10 0a2 2 0 100-4 2 2 0 000 4z'/></svg>");}
.vs-badge--shield::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2l8 3v6c0 5-3.5 8.5-8 11-4.5-2.5-8-6-8-11V5z'/></svg>");}
.vs-badge--store::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M4 4h16l1 5a3 3 0 01-6 0 3 3 0 01-6 0 3 3 0 01-6 0zM5 12v8h14v-8'/></svg>");}
.vs-badge--wrench::before{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M22 6a5 5 0 01-6.5 4.8L7 19.3 4.7 17l8.5-8.5A5 5 0 0118 2l-3 3 1 3 3 1z'/></svg>");}

/* tabs / related */
.woocommerce-tabs{grid-column:1/-1;margin-top:10px;}
.related.products{grid-column:1/-1;}
.related.products>h2{font-size:20px;font-weight:700;margin:24px 0 16px;}

/* ================= SHOP / CATEGORY GRID ================= */
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none;}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;float:none!important;border:1px solid var(--collco-line);border-radius:12px;padding:12px;text-align:center;transition:.15s;background:#fff;}
.woocommerce ul.products li.product:hover{box-shadow:0 8px 22px rgba(0,0,0,.08);transform:translateY(-2px);}
.woocommerce ul.products li.product a img{border-radius:8px;margin-bottom:10px;}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px;font-weight:600;color:var(--collco-ink);padding:0 4px;min-height:42px;}
.woocommerce ul.products li.product .price{color:var(--collco-red);font-weight:800;font-size:17px;display:block;margin:6px 0 10px;}
.woocommerce ul.products li.product .price del{color:var(--collco-muted);font-weight:500;font-size:13px;}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .added_to_cart{display:inline-block;background:var(--collco-red);color:#fff;border-radius:7px;padding:9px 16px;font-weight:600;font-size:14px;text-decoration:none;border:0;}
.woocommerce ul.products li.product .button:hover{background:var(--collco-red-d);}
.woocommerce .onsale{background:var(--collco-red);border-radius:6px;border:0;}
.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{margin-bottom:16px;}
.page-title,.woocommerce-products-header__title{font-size:26px;font-weight:700;margin:6px 0 14px;}

/* ================= CART / CHECKOUT ================= */
.woocommerce table.shop_table{border-radius:10px;}
.woocommerce .cart .button,.woocommerce .cart-collaterals .button,
.woocommerce #place_order,.woocommerce-cart .wc-proceed-to-checkout .button{background:var(--collco-red)!important;color:#fff!important;border-radius:8px!important;font-weight:700!important;}
.woocommerce a.button,.woocommerce button.button{border-radius:8px;}

/* ================= RESPONSIVE ================= */
@media (max-width:860px){
  .single-product div.product{grid-template-columns:1fr;gap:22px;}
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr);gap:12px;}
  .vs-badges{grid-template-columns:1fr 1fr;}
}
@media (max-width:480px){
  .single-product div.product .product_title{font-size:22px;}
  .single-product .summary .price{font-size:25px;}
}

/* ================= HEADER (match COLLCO shop header) ================= */
/* current design has no service topbar */
.dragon-topbar{display:none!important;}
/* brand logo */
.dragon-logo img{max-height:52px;width:auto!important;height:auto!important;}
/* nav hover/active in brand red */
.dragon-nav a:hover,.dragon-nav .current-menu-item>a,.dragon-nav .current_page_item>a{color:var(--collco-red)!important;}
/* header CTA -> blue "Giỏ hàng" cart button */
.dragon-header .dragon-cta,.dragon-bar .dragon-btn--primary,.dragon-bar__inner a.dragon-btn,.dragon-bar__actions a.dragon-btn{background:var(--collco-blue)!important;border-color:var(--collco-blue)!important;color:#fff!important;border-radius:8px!important;font-weight:700!important;}
.dragon-header .dragon-cta:hover,.dragon-bar .dragon-btn--primary:hover{filter:brightness(.94);}

/* ================= HOMEPAGE: product carousels / category tiles ========= */
.vs-pcat{padding:26px 0;}
.vs-pcat .title-product{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;border-bottom:2px solid var(--collco-line);padding-bottom:8px;}
.vs-pcat .ht-title{font-size:20px;font-weight:800;text-transform:uppercase;margin:0;position:relative;padding-bottom:9px;color:var(--collco-ink);}
.vs-pcat .ht-title::after{content:"";position:absolute;left:0;bottom:-10px;width:64px;height:3px;background:var(--collco-red);}
.vs-pcat__more{font-size:14px;font-weight:600;color:var(--collco-muted);text-decoration:none;white-space:nowrap;}
.vs-pcat__more:hover{color:var(--collco-red);}
.vs-pcat__grid{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:16px;}

/* product card (shared with carousel + grid) */
.product-item{border:1px solid var(--collco-line);border-radius:12px;background:#fff;overflow:hidden;transition:.15s;height:100%;display:flex;flex-direction:column;}
.product-item:hover{box-shadow:0 8px 22px rgba(0,0,0,.08);transform:translateY(-2px);}
.product-item .product-thumbnail{position:relative;}
.product-item .product-thumbnail img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;padding:10px;background:#fff;}
.product-item .product-content{padding:4px 12px 14px;text-align:center;display:flex;flex-direction:column;gap:6px;flex:1;}
.product-item .product-content h4{font-size:14.5px;font-weight:600;line-height:1.35;margin:0;min-height:40px;}
.product-item .product-content h4 a{color:var(--collco-ink);text-decoration:none;}
.product-item .product-content h4 a:hover{color:var(--collco-red);}
.product-item .product-price,.product-item .product-price .woocommerce-Price-amount{color:var(--collco-red);font-weight:800;font-size:16px;}
.product-item .product-price del{color:var(--collco-muted);font-weight:500;font-size:13px;margin-right:5px;}

/* swiper */
.product-category-swiper{position:relative;padding:4px 2px 6px;}
.product-category-swiper .swiper-slide{height:auto;}
.product-category-swiper .swiper-button-prev,.product-category-swiper .swiper-button-next{color:#fff;background:var(--collco-red);width:34px;height:34px;border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,.18);top:40%;}
.product-category-swiper .swiper-button-prev:after,.product-category-swiper .swiper-button-next:after{font-size:14px;font-weight:700;}
.product-category-swiper .swiper-button-disabled{opacity:0;pointer-events:none;}

/* "Xem thêm sản phẩm" button */
.vs-pcat__footer{text-align:center;margin-top:16px;}
.button_for_readmore{display:inline-block;border:2px solid var(--collco-red);color:var(--collco-red);background:#fff;font-weight:700;border-radius:8px;padding:9px 26px;text-decoration:none;transition:.15s;text-transform:uppercase;font-size:14px;}
.button_for_readmore:hover{background:var(--collco-red);color:#fff;}

/* category tiles "DANH MỤC NỔI BẬT" */
.vs-cats{display:grid;grid-template-columns:repeat(var(--cols,5),1fr);gap:16px;margin:4px 0 8px;}
.vs-cat{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;border:1px solid var(--collco-line);border-radius:12px;padding:16px 10px;background:#fff;transition:.15s;}
.vs-cat:hover{box-shadow:0 8px 20px rgba(0,0,0,.08);transform:translateY(-2px);border-color:#f3c9cb;}
.vs-cat__img{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;}
.vs-cat__img img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
.vs-cat__name{font-size:14.5px;font-weight:600;color:var(--collco-ink);text-align:center;line-height:1.3;}
.vs-cat:hover .vs-cat__name{color:var(--collco-red);}

/* blog posts grid */
.vs-posts{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:18px;}
.vs-post{text-decoration:none;border:1px solid var(--collco-line);border-radius:12px;overflow:hidden;background:#fff;transition:.15s;display:flex;flex-direction:column;}
.vs-post:hover{box-shadow:0 8px 20px rgba(0,0,0,.08);transform:translateY(-2px);}
.vs-post__img img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;}
.vs-post__title{padding:12px 14px 4px;font-weight:600;color:var(--collco-ink);line-height:1.35;}
.vs-post__date{padding:0 14px 14px;font-size:13px;color:var(--collco-muted);}

@media (max-width:860px){
  .vs-cats{grid-template-columns:repeat(var(--cols-sm,2),1fr);}
  .vs-posts{grid-template-columns:1fr;}
  .vs-pcat__grid{grid-template-columns:repeat(2,1fr);}
  .vs-pcat .ht-title{font-size:17px;}
}

/* ================= FOOTER (match previous dark Flatsome footer) ========= */
.dragon-mobilebar,.dragon-floats,#dragon-consultation,.dragon-footer{display:none!important;}
.collco-footer{background:#4e5052;color:#fff;font-size:15px;}
.collco-footer a{color:#fff;text-decoration:none;}
.collco-footer a:hover{color:#ffd437;}
.collco-footer__main{padding:38px 0 34px;}
.collco-footer__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.1fr;gap:28px;}
.collco-footer .cf-title{color:#fff;font-size:18px;font-weight:700;margin:0 0 14px;padding-bottom:6px;border-bottom:1px dashed #f9aeae;text-transform:uppercase;}
.collco-footer p{margin:0 0 7px;line-height:1.5;}
.collco-footer .cf-logo{display:block;max-width:160px;height:auto;margin:0 0 12px;}
.collco-footer .cf-company{font-weight:700;margin-bottom:10px;}
.collco-footer .cf-col--brand strong{font-weight:600;}
.collco-footer .cf-menu{list-style:none;margin:0;padding:0;}
.collco-footer .cf-menu li{margin:0 0 8px;padding-left:16px;position:relative;}
.collco-footer .cf-menu li::before{content:"\2605";position:absolute;left:0;top:1px;color:#ffd437;font-size:11px;}
.collco-footer .cf-embed{margin:0 0 10px;}
.collco-footer .cf-embed iframe{width:100%;max-width:320px;border-radius:6px;display:block;}
.collco-footer__credit{background:#4e5052;border-top:2px solid #f8f8f8;padding:20px 0;text-align:center;font-size:14px;}
.collco-footer__credit p{margin:0;}
@media (max-width:860px){
  .collco-footer__grid{grid-template-columns:1fr 1fr;gap:22px;}
}
@media (max-width:480px){
  .collco-footer__grid{grid-template-columns:1fr;}
  .collco-footer .cf-title{text-align:left;}
}

/* ================= HEADER tweaks: remove cart CTA, product dropdown ====== */
/* user asked to remove the "Giỏ hàng" button (keep the mobile burger) */
.dragon-header .dragon-header__actions > a.dragon-btn--primary{display:none!important;}
/* product-category dropdown polish */
.dragon-menu .sub-menu{min-width:230px;padding:8px 0;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.12);border-radius:0 0 8px 8px;border-top:3px solid var(--collco-red);}
.dragon-menu .sub-menu li>a{padding:8px 18px!important;font-size:14.5px;color:var(--collco-ink)!important;white-space:nowrap;}
.dragon-menu .sub-menu li>a:hover{background:#fafafa;color:var(--collco-red)!important;}

/* ===================== MARKETING PAGES (about / policy) ================= */
.collco-page{font-family:'Saira',system-ui,sans-serif;color:var(--collco-ink);}
.collco-page *{box-sizing:border-box;}
.ab-h2{font-size:28px;font-weight:800;margin:0 0 14px;line-height:1.2;}
.ab-center{text-align:center;}
.ab-eyebrow{display:inline-block;color:var(--collco-red);font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size:13px;margin-bottom:6px;}
.ab-sub{color:var(--collco-muted);max-width:720px;margin:0 auto 26px;font-size:16px;}
.ab-block{padding:44px 0;}
.ab-grid{display:grid;gap:22px;}
.ab-grid--3{grid-template-columns:repeat(3,1fr);}
.ab-grid--4{grid-template-columns:repeat(4,1fr);}
.ab-btn{display:inline-block;padding:12px 28px;border-radius:9px;font-weight:700;text-decoration:none;transition:.15s;font-size:15px;margin:6px 6px 0;}
.ab-btn--red{background:var(--collco-red);color:#fff;}
.ab-btn--red:hover{background:var(--collco-red-d);}
.ab-btn--ghost{border:2px solid #fff;color:#fff;}
.ab-btn--ghost:hover{background:#fff;color:var(--collco-ink);}
.ab-btn--ghost2{border:2px solid #fff;color:#fff;}
.ab-btn--white{background:#fff;color:var(--collco-red);}
.ab-btn--white:hover{filter:brightness(.95);}

/* hero */
.ab-hero{background:linear-gradient(135deg,#2a2d31,#4e5052);border-radius:16px;padding:48px 24px;text-align:center;color:#fff;margin:6px 0 10px;}
.ab-hero__logo{max-width:210px;height:auto;margin:0 auto 18px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));}
.ab-hero__name{font-size:26px;font-weight:800;margin:0 0 10px;line-height:1.25;}
.ab-hero__name span{color:#ffd437;}
.ab-hero__slogan{font-style:italic;color:#ffd7d7;font-size:17px;margin:0 0 22px;}

/* intro + stats */
.ab-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:38px;align-items:center;padding:44px 0;}
.ab-intro__text p{font-size:16px;line-height:1.7;margin:0 0 12px;color:#333;}
.ab-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.ab-stat{background:#fff;border:1px solid var(--collco-line);border-radius:14px;padding:22px 14px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.05);}
.ab-stat__num{display:block;font-size:40px;font-weight:800;color:var(--collco-red);line-height:1;}
.ab-stat__num sup{font-size:20px;}
.ab-stat__label{display:block;margin-top:8px;color:var(--collco-muted);font-weight:600;font-size:14px;}

/* generic cards */
.ab-card{background:#fff;border:1px solid var(--collco-line);border-radius:14px;padding:26px 22px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.05);transition:.15s;}
.ab-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.1);}
.ab-card__ico{font-size:34px;margin-bottom:10px;}
.ab-card h3{font-size:19px;font-weight:700;margin:0 0 8px;}
.ab-card p{color:var(--collco-muted);font-size:15px;line-height:1.6;margin:0;}

/* product category cards */
.ab-cat{display:block;background:#fff;border:1px solid var(--collco-line);border-radius:14px;padding:24px 20px;text-decoration:none;color:var(--collco-ink);text-align:center;transition:.15s;border-top:3px solid var(--collco-red);}
.ab-cat:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.1);}
.ab-cat h3{font-size:18px;font-weight:700;margin:0 0 8px;color:var(--collco-red);}
.ab-cat p{color:var(--collco-muted);font-size:14px;margin:0;line-height:1.55;}

/* commitments */
.ab-commit{background:#faf6f6;border-radius:16px;}
.ab-commit__item{background:#fff;border-radius:12px;padding:22px;border-left:4px solid var(--collco-red);box-shadow:0 4px 14px rgba(0,0,0,.04);}
.ab-commit__item h3{font-size:17px;font-weight:700;margin:0 0 8px;}
.ab-commit__item p{color:var(--collco-muted);font-size:14.5px;line-height:1.6;margin:0;}

/* market regions */
.ab-region{background:linear-gradient(135deg,#fff,#fff6f6);border:1px solid #f3dede;border-radius:14px;padding:26px;text-align:center;}
.ab-region h3{color:var(--collco-red);font-size:20px;margin:0 0 6px;}
.ab-region p{color:#444;font-size:16px;margin:0;}

/* contact */
.ab-contact{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:stretch;padding:44px 0 10px;}
.ab-contact__info{background:#fff;border:1px solid var(--collco-line);border-radius:16px;padding:28px;}
.ab-contact__info p{margin:0 0 9px;font-size:15.5px;color:#333;}
.ab-contact__info a{color:var(--collco-red);font-weight:700;}
.ab-contact__cta{background:linear-gradient(135deg,var(--collco-red),var(--collco-red-d));color:#fff;border-radius:16px;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;}
.ab-contact__cta h3{font-size:22px;margin:0;font-weight:800;line-height:1.3;}
.ab-contact__cta--full{grid-column:1/-1;}

/* policy hero */
.pol-hero{background:linear-gradient(135deg,var(--collco-red),#8e0f16);color:#fff;border-radius:16px;padding:46px 28px;text-align:center;margin:6px 0 10px;}
.pol-hero h2{font-size:30px;font-weight:800;margin:4px 0 12px;}
.pol-hero p{max-width:680px;margin:0 auto 20px;font-size:16.5px;line-height:1.6;color:#ffe3e3;}
.pol-hero .ab-eyebrow{color:#ffd437;}
.pol-step{background:#fff;border:1px solid var(--collco-line);border-radius:14px;padding:24px 20px;text-align:center;position:relative;box-shadow:0 6px 18px rgba(0,0,0,.05);}
.pol-step__n{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--collco-red);color:#fff;font-weight:800;font-size:20px;margin-bottom:12px;}
.pol-step h3{font-size:18px;margin:0 0 8px;}
.pol-step p{color:var(--collco-muted);font-size:14.5px;margin:0;line-height:1.55;}

@media (max-width:860px){
  .ab-grid--3,.ab-grid--4{grid-template-columns:1fr 1fr;}
  .ab-intro,.ab-contact{grid-template-columns:1fr;}
  .ab-h2{font-size:23px;}
}
@media (max-width:480px){
  .ab-grid--3,.ab-grid--4,.ab-stats{grid-template-columns:1fr;}
}

/* ===================== NEWS / KIẾN THỨC (category archive) ============== */
.vs-news{font-family:'Saira',system-ui,sans-serif;color:var(--collco-ink);padding:20px 0 50px;}
.news-head{margin:4px 0 18px;}
.news-title{font-size:30px;font-weight:800;margin:6px 0 6px;}
.news-sub{color:var(--collco-muted);font-size:16px;margin:0;}
.news-search{position:relative;margin:16px 0;max-width:420px;}
.news-search__ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;opacity:.6;}
.news-search input[type=search]{width:100%;height:44px;border:1px solid var(--collco-line);border-radius:10px;padding:0 16px 0 38px;font-family:inherit;font-size:15px;outline:none;transition:.15s;background:#fff;}
.news-search input[type=search]:focus{border-color:var(--collco-red);box-shadow:0 0 0 3px rgba(239,24,34,.12);}
.news-pills{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;}
.news-pill{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--collco-line);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;color:var(--collco-ink);text-decoration:none;transition:.15s;}
.news-pill span{background:#f1f2f4;border-radius:999px;padding:1px 8px;font-size:12px;color:var(--collco-muted);}
.news-pill:hover{border-color:var(--collco-red);color:var(--collco-red);}
.news-pill.is-active{background:var(--collco-red);border-color:var(--collco-red);color:#fff;}
.news-pill.is-active span{background:rgba(255,255,255,.25);color:#fff;}

/* hero: featured + list */
.news-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;margin-bottom:28px;align-items:start;}
.news-noimg{display:block;width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,#eceef1,#f6f7f9);border-radius:10px;}
.news-feat__img{display:block;border-radius:12px;overflow:hidden;}
.news-feat__img img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;transition:.3s;}
.news-feat:hover .news-feat__img img{transform:scale(1.03);}
.news-cat{display:inline-block;color:var(--collco-red);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.3px;text-decoration:none;margin:12px 0 6px;}
.news-feat__title{font-size:22px;font-weight:800;line-height:1.3;margin:0 0 8px;}
.news-feat__title a{color:var(--collco-ink);text-decoration:none;}
.news-feat__title a:hover{color:var(--collco-red);}
.news-feat__excerpt{color:var(--collco-muted);font-size:15px;line-height:1.6;margin:0 0 10px;}
.news-meta{color:#9aa0a8;font-size:13px;}

.news-list{display:flex;flex-direction:column;gap:14px;}
.news-item{display:grid;grid-template-columns:1fr 120px;gap:14px;text-decoration:none;border-bottom:1px solid var(--collco-line);padding-bottom:14px;align-items:center;}
.news-item:last-child{border-bottom:0;}
.news-item__img{order:2;border-radius:8px;overflow:hidden;}
.news-item__img img,.news-item__img .news-noimg{width:120px;height:78px;object-fit:cover;border-radius:8px;aspect-ratio:auto;}
.news-item__body{order:1;display:flex;flex-direction:column;gap:3px;}
.news-item__body .news-cat{margin:0;}
.news-item__title{font-weight:700;font-size:15.5px;line-height:1.35;color:var(--collco-ink);}
.news-item:hover .news-item__title{color:var(--collco-red);}

/* grid */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:8px;}
.news-card{border:1px solid var(--collco-line);border-radius:12px;overflow:hidden;background:#fff;transition:.15s;}
.news-card:hover{box-shadow:0 10px 26px rgba(0,0,0,.08);transform:translateY(-2px);}
.news-card__img img,.news-card__img .news-noimg{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:0;}
.news-card__body{padding:6px 16px 16px;}
.news-card__title{font-size:16px;font-weight:700;line-height:1.35;margin:4px 0 8px;}
.news-card__title a{color:var(--collco-ink);text-decoration:none;}
.news-card__title a:hover{color:var(--collco-red);}

.news-pagination{display:flex;justify-content:center;gap:8px;margin-top:30px;}
.news-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;border:1px solid var(--collco-line);border-radius:8px;text-decoration:none;color:var(--collco-ink);font-weight:600;padding:0 10px;}
.news-pagination .page-numbers.current{background:var(--collco-red);color:#fff;border-color:var(--collco-red);}
.news-pagination a.page-numbers:hover{border-color:var(--collco-red);color:var(--collco-red);}
.news-empty{text-align:center;color:var(--collco-muted);padding:50px 0;font-size:16px;}

@media (max-width:860px){
  .news-hero{grid-template-columns:1fr;}
  .news-grid{grid-template-columns:1fr 1fr;}
  .news-title{font-size:24px;}
}
@media (max-width:480px){
  .news-grid{grid-template-columns:1fr;}
  .news-item{grid-template-columns:1fr 92px;}
  .news-item__img img,.news-item__img .news-noimg{width:92px;height:64px;}
}

/* ===== news image balance fix (featured was rendering portrait/too tall) == */
.news-feat__img{display:block;border-radius:12px;overflow:hidden;}
.news-feat__img img{width:100%!important;height:300px!important;aspect-ratio:auto!important;object-fit:cover!important;display:block;}
.news-feat__img .news-noimg{height:300px;aspect-ratio:auto;}
.news-card__img img{width:100%!important;height:190px!important;aspect-ratio:auto!important;object-fit:cover!important;display:block;}
.news-card__img .news-noimg{height:190px;aspect-ratio:auto;}
.news-item__img img{width:120px!important;height:80px!important;object-fit:cover!important;aspect-ratio:auto!important;}
@media (max-width:860px){ .news-feat__img img{height:240px!important;} }

/* ===================== CONTACT PAGE (modern/luxury) ===================== */
.contact-page{padding-bottom:10px;}
.ct-hero{background:linear-gradient(135deg,#1f2124,#3a3d41);border-radius:16px;padding:46px 28px;text-align:center;color:#fff;margin:6px 0 26px;}
.ct-hero h2{font-size:30px;font-weight:800;margin:4px 0 12px;}
.ct-hero p{max-width:640px;margin:0 auto;color:#d6d8db;font-size:16px;line-height:1.6;}
.ct-hero .ab-eyebrow{color:#ffd437;}
.ct-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:26px;align-items:start;margin-bottom:26px;}
.ct-info{display:flex;flex-direction:column;gap:14px;}
.ct-card{display:flex;gap:14px;background:#fff;border:1px solid var(--collco-line);border-radius:14px;padding:18px 20px;box-shadow:0 6px 18px rgba(0,0,0,.05);transition:.15s;}
.ct-card:hover{box-shadow:0 12px 26px rgba(0,0,0,.09);transform:translateY(-2px);}
.ct-ico{flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--collco-red),var(--collco-red-d));display:flex;align-items:center;justify-content:center;font-size:20px;}
.ct-card h4{margin:0 0 6px;font-size:16px;font-weight:700;}
.ct-card p{margin:0 0 4px;font-size:14.5px;color:#444;line-height:1.5;}
.ct-card a{color:var(--collco-red);font-weight:700;}
.ct-form{background:#fff;border:1px solid var(--collco-line);border-radius:16px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.06);}
.ct-form h3{font-size:22px;font-weight:800;margin:0 0 6px;}
.ct-form__sub{color:var(--collco-muted);margin:0 0 18px;font-size:14.5px;}
/* style the CF7 form */
.ct-form .wpcf7 input:not([type=submit]),.ct-form .wpcf7 textarea,.ct-form .wpcf7 select{width:100%;border:1px solid var(--collco-line);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:15px;margin:0 0 14px;background:#fafbfc;transition:.15s;outline:none;}
.ct-form .wpcf7 input:focus,.ct-form .wpcf7 textarea:focus{border-color:var(--collco-red);background:#fff;box-shadow:0 0 0 3px rgba(239,24,34,.1);}
.ct-form .wpcf7 textarea{min-height:120px;resize:vertical;}
.ct-form .wpcf7 label{font-weight:600;font-size:14px;display:block;}
.ct-form .wpcf7 input[type=submit]{background:var(--collco-red);color:#fff;border:0;border-radius:10px;padding:13px 34px;font-weight:700;font-size:16px;cursor:pointer;width:auto;transition:.15s;text-transform:uppercase;letter-spacing:.3px;}
.ct-form .wpcf7 input[type=submit]:hover{background:var(--collco-red-d);}
.ct-map{border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);line-height:0;}
.ct-map iframe{display:block;width:100%;}
@media (max-width:860px){ .ct-grid{grid-template-columns:1fr;} .ct-hero h2{font-size:24px;} }

/* ================= ARTMATE-STYLE MARKETING PAGES (am-*) ================= */
:root{--am-gray:#f6f4f2;--am-ink:#1b1d21;--am-mut:#6b7280;--am-line:#e7e5e2;}
.am-page{font-family:'Saira',system-ui,sans-serif;color:var(--am-ink);}
.am-page *{box-sizing:border-box;}
.page-id-428 .vs-single__hero,.page-id-19774 .vs-single__hero,.page-id-291 .vs-single__hero{background:var(--am-gray)!important;}
.page-id-428 .vs-single__hero *,.page-id-19774 .vs-single__hero *,.page-id-291 .vs-single__hero *{color:var(--am-ink)!important;text-shadow:none!important;}
.page-id-428 .vs-breadcrumb a,.page-id-19774 .vs-breadcrumb a,.page-id-291 .vs-breadcrumb a{color:var(--am-mut)!important;}
.page-id-428 .vs-page__wrap,.page-id-19774 .vs-page__wrap,.page-id-291 .vs-page__wrap{max-width:none;padding-left:0;padding-right:0;}

.am-eyebrow{display:inline-block;color:var(--collco-red);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:13px;margin-bottom:10px;}
.am-h2{font-size:30px;font-weight:800;line-height:1.2;margin:0 0 14px;color:var(--am-ink);}
.am-lead{color:var(--am-mut);font-size:16px;line-height:1.65;max-width:760px;margin:0 auto;}
.am-head{text-align:center;max-width:820px;margin:0 auto 32px;}
.am-head .am-lead{margin:0 auto;}
.am-section{padding:56px 0;}
.am-section--gray{background:var(--am-gray);box-shadow:0 0 0 100vmax var(--am-gray);clip-path:inset(0 -100vmax);}

.am-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:46px;align-items:center;}
.am-intro--single{display:block;text-align:center;max-width:780px;margin:0 auto;}
.am-intro__text p{font-size:16px;line-height:1.75;margin:0 0 14px;color:#3a3d42;}
.am-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.am-stat{background:var(--am-gray);border-radius:16px;padding:28px 18px;text-align:center;}
.am-section--gray .am-stat{background:#fff;}
.am-stat__num{display:block;font-size:42px;font-weight:800;color:var(--collco-red);line-height:1;}
.am-stat__num sup{font-size:22px;}
.am-stat__label{display:block;margin-top:9px;color:var(--am-mut);font-weight:600;font-size:14px;}

.am-grid{display:grid;gap:22px;}
.am-grid--3{grid-template-columns:repeat(3,1fr);}
.am-grid--4{grid-template-columns:repeat(4,1fr);}
.am-card{background:#fff;border:1px solid var(--am-line);border-radius:16px;padding:28px 24px;transition:.16s;}
.am-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.08);}
.am-card h3{font-size:18px;font-weight:700;margin:14px 0 8px;}
.am-card p{color:var(--am-mut);font-size:14.5px;line-height:1.65;margin:0;}
.am-ico{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:13px;background:rgba(239,24,34,.08);color:var(--collco-red);}
.am-ico svg{width:26px;height:26px;}

.am-cat{display:flex;flex-direction:column;background:#fff;border:1px solid var(--am-line);border-radius:16px;padding:24px;text-decoration:none;color:var(--am-ink);transition:.16s;}
.am-cat:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.08);border-color:#f0c9cb;}
.am-cat h3{font-size:18px;font-weight:700;margin:0 0 8px;}
.am-cat p{color:var(--am-mut);font-size:14px;margin:0 0 14px;line-height:1.55;flex:1;}
.am-cat__link{color:var(--collco-red);font-weight:700;font-size:14px;}

.am-profile{max-width:900px;margin:0 auto;border:1px solid var(--am-line);border-radius:16px;overflow:hidden;background:#fff;}
.am-row{display:grid;grid-template-columns:230px 1fr;gap:18px;padding:16px 24px;border-bottom:1px solid var(--am-line);}
.am-row:last-child{border-bottom:0;}
.am-row:nth-child(even){background:#faf9f8;}
.am-row__k{font-weight:700;color:var(--am-ink);font-size:15px;}
.am-row__v{color:#3a3d42;font-size:15px;line-height:1.5;}

.am-region{background:#fff;border:1px solid var(--am-line);border-radius:16px;padding:28px;text-align:center;}
.am-region__tag{display:inline-block;background:rgba(239,24,34,.08);color:var(--collco-red);font-weight:700;padding:6px 16px;border-radius:999px;font-size:14px;margin-bottom:10px;}
.am-region p{margin:0;font-size:16px;color:#3a3d42;}

.am-step{background:#fff;border:1px solid var(--am-line);border-radius:16px;padding:26px 22px;position:relative;}
.am-step__n{font-size:34px;font-weight:800;color:rgba(239,24,34,.25);line-height:1;}
.am-step h3{font-size:18px;margin:10px 0 8px;font-weight:700;}
.am-step p{color:var(--am-mut);font-size:14.5px;margin:0;line-height:1.6;}

.am-btn{display:inline-block;padding:13px 30px;border-radius:10px;font-weight:700;text-decoration:none;font-size:15px;transition:.15s;margin:6px 8px 0 0;}
.am-btn--red{background:var(--collco-red);color:#fff;}
.am-btn--red:hover{background:var(--collco-red-d);}
.am-btn--white{background:#fff;color:var(--collco-red);}
.am-btn--white:hover{filter:brightness(.95);}
.am-btn--ghost{border:2px solid rgba(255,255,255,.85);color:#fff;}
.am-btn--ghost:hover{background:#fff;color:var(--collco-red);}

.am-cta{background:linear-gradient(135deg,var(--collco-red),#a3121a);color:#fff;border-radius:20px;padding:40px 36px;margin:56px 0 10px;}
.am-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.am-cta h2{font-size:24px;font-weight:800;margin:0 0 6px;}
.am-cta p{margin:0;color:#ffe3e3;font-size:15.5px;}
.am-cta__btns{display:flex;gap:10px;flex-wrap:wrap;}

.ct-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:42px;align-items:start;}
.ct-info{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:20px;}
.ct-info li{display:flex;gap:16px;align-items:flex-start;}
.ct-info__k{display:block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--collco-red);margin-bottom:3px;}
.ct-info__v{display:block;color:#3a3d42;font-size:15px;line-height:1.6;}
.ct-info__v a{color:#3a3d42;font-weight:600;text-decoration:none;}
.ct-info__v a:hover{color:var(--collco-red);}
.ct-right{background:#fff;border:1px solid var(--am-line);border-radius:18px;padding:32px;box-shadow:0 12px 34px rgba(0,0,0,.06);}
.ct-right h3{font-size:22px;font-weight:800;margin:0 0 6px;}
.ct-form__sub{color:var(--am-mut);margin:0 0 20px;font-size:14.5px;}
.ct-right .wpcf7 input:not([type=submit]),.ct-right .wpcf7 textarea,.ct-right .wpcf7 select{width:100%;border:1px solid var(--am-line);border-radius:10px;padding:13px 15px;font-family:inherit;font-size:15px;margin:0 0 15px;background:#fafbfc;outline:none;transition:.15s;}
.ct-right .wpcf7 input:focus,.ct-right .wpcf7 textarea:focus{border-color:var(--collco-red);background:#fff;box-shadow:0 0 0 3px rgba(239,24,34,.1);}
.ct-right .wpcf7 textarea{min-height:130px;resize:vertical;}
.ct-right .wpcf7 input[type=submit]{background:var(--collco-red);color:#fff;border:0;border-radius:10px;padding:14px 38px;font-weight:700;font-size:16px;cursor:pointer;width:auto;text-transform:uppercase;letter-spacing:.3px;transition:.15s;}
.ct-right .wpcf7 input[type=submit]:hover{background:var(--collco-red-d);}
.ct-map{border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.08);line-height:0;margin-top:10px;}
.ct-map iframe{display:block;width:100%;}

@media (max-width:860px){
  .am-h2{font-size:24px;}
  .am-section{padding:40px 0;}
  .am-intro{grid-template-columns:1fr;gap:28px;}
  .am-grid--3,.am-grid--4{grid-template-columns:1fr 1fr;}
  .am-row{grid-template-columns:1fr;gap:4px;}
  .ct-layout{grid-template-columns:1fr;gap:28px;}
  .am-cta__inner{flex-direction:column;text-align:center;}
}
@media (max-width:480px){ .am-grid--3,.am-grid--4,.am-stats{grid-template-columns:1fr;} }

.page-id-428 .vs-single__hero::after,.page-id-19774 .vs-single__hero::after,.page-id-291 .vs-single__hero::after{display:none!important;}

/* ===== FIX: restore container width (content was touching edges) ======== */
.page-id-428 .vs-page__wrap,.page-id-19774 .vs-page__wrap,.page-id-291 .vs-page__wrap{
  max-width:1200px!important;margin-left:auto!important;margin-right:auto!important;
  padding-left:32px!important;padding-right:32px!important;
}
@media (max-width:600px){
  .page-id-428 .vs-page__wrap,.page-id-19774 .vs-page__wrap,.page-id-291 .vs-page__wrap{padding-left:16px!important;padding-right:16px!important;}
}

/* ===== BLACK & WHITE palette for the 3 marketing pages =================== */
.am-page{--collco-red:#141414;--collco-red-d:#000;}
.am-page .am-eyebrow{color:#555;}
.am-page .am-stat__num{color:#141414;}
.am-page .am-ico{background:#f0efed;color:#141414;}
.am-page .am-cat__link{color:#141414;}
.am-page .am-cat:hover{border-color:#bdbdbd;}
.am-page .am-region__tag{background:#141414;color:#fff;}
.am-page .am-step__n{color:rgba(0,0,0,.14);}
.am-page .am-cta{background:linear-gradient(135deg,#1a1a1a,#3a3a3a);}
.am-page .am-cta p{color:#d6d6d6;}
.am-page .am-btn--red{background:#141414;color:#fff;}
.am-page .am-btn--red:hover{background:#000;}
.am-page .am-btn--white{background:#fff;color:#141414;}
.am-page .am-btn--ghost{border-color:rgba(255,255,255,.85);color:#fff;}
.am-page .am-btn--ghost:hover{background:#fff;color:#141414;}
.am-page .ct-info__k{color:#555;}
.am-page .ct-right .wpcf7 input:focus,.am-page .ct-right .wpcf7 textarea:focus{border-color:#141414;box-shadow:0 0 0 3px rgba(0,0,0,.08);}
.am-page .ct-right .wpcf7 input[type=submit]{background:#141414;}
.am-page .ct-right .wpcf7 input[type=submit]:hover{background:#000;}

/* ===== FIX: news side-list (div item, linked img+title) + CTA heading ===== */
.news-item__img{display:block;}
.news-item__title{display:block;text-decoration:none;}
.news-item__title:hover{color:var(--collco-red);}
.am-page .am-cta h2{color:#fff!important;}
.am-page .am-cta p{color:#d6d6d6!important;}

/* ===== REBRAND parent theme palette (brown/gold law-firm) -> COLLCO red = */
:root{
  --dragon-primary:#cb1916;
  --dragon-primary-dark:#a3121a;
  --dragon-accent:#ef1822;
  --dragon-accent-hover:#cb1916;
  --dragon-gold-text:#cb1916;
}

/* dragon primary buttons must have readable white text (not the gold/red text var) */
.dragon-btn--primary,.dragon-btn--primary *,.dragon-btn--primary:hover,.dragon-btn--primary:hover *{color:#fff!important;}

/* =================================================================
   GLOBAL: all text BLACK across the whole site; only PRODUCT PRICE red
   (overrides the earlier red/brand accents — this block is last, so wins)
   ================================================================= */
:root{
  --collco-red:#141414;
  --collco-red-d:#000000;
  --collco-price:#ef1822;
  --dragon-primary:#141414;
  --dragon-primary-dark:#000000;
  --dragon-accent:#141414;
  --dragon-accent-hover:#000000;
  --dragon-gold-text:#141414;
}
.am-page{--collco-red:#141414;--collco-red-d:#000;}

/* keep readable white text on dark buttons / dark bands */
.dragon-btn--primary,.dragon-btn--primary *,
.single-product .single_add_to_cart_button,.single-product .button.alt,
.woocommerce ul.products li.product .button,.woocommerce ul.products li.product .added_to_cart,
.woocommerce .cart .button,.woocommerce #place_order,.woocommerce-cart .wc-proceed-to-checkout .button,
.am-cta .am-btn--red,.am-btn--red{color:#fff!important;}

/* PRODUCT PRICE stays red */
.woocommerce-Price-amount,.woocommerce-Price-amount bdi,.woocommerce-Price-amount span,
.product-price,.product-item .product-price,
.single-product .summary .price,.single-product .summary .price .woocommerce-Price-amount,
.single_variation_wrap .price,.single_variation_wrap .price .woocommerce-Price-amount,
.woocommerce ul.products li.product .price,
.price ins,.price ins .woocommerce-Price-amount{color:var(--collco-price)!important;}
/* struck-through / old price muted (not red) */
.price del,.price del .woocommerce-Price-amount,.price del *{color:#9aa0a8!important;}

/* FIX: WooCommerce clearfix ::before/::after were taking grid cells (empty first cell) */
.woocommerce ul.products::before,.woocommerce ul.products::after,ul.products::before,ul.products::after{display:none!important;content:none!important;}

/* ================= PRODUCT DETAIL PAGE — tidy layout ==================== */
.single-product div.product{grid-template-columns:minmax(0,460px) 1fr;gap:46px;align-items:start;}
/* WC defaults gallery+summary to width:48% of their cell -> they render tiny; fill the cell */
.single-product div.product .woocommerce-product-gallery,
.single-product div.product .summary,
.single-product div.product .entry-summary{width:100%!important;float:none!important;margin:0!important;}
@media (min-width:861px){
  .single-product div.product .woocommerce-product-gallery{position:sticky;top:90px;}
}
/* gallery */
.woocommerce-product-gallery__wrapper{margin:0!important;}
.woocommerce-product-gallery__image{border:1px solid var(--collco-line);border-radius:14px;overflow:hidden;background:#fff;}
.woocommerce-product-gallery__image img{border-radius:0;display:block;width:100%;height:auto;}
.woocommerce-product-gallery .flex-control-thumbs{margin-top:12px;gap:10px;}
.woocommerce-product-gallery .flex-control-thumbs li{width:auto;}
.woocommerce-product-gallery .flex-control-thumbs img{width:76px;height:76px;object-fit:contain;padding:6px;background:#fff;}

/* summary rhythm */
.single-product .summary.entry-summary>*{margin-top:0;}
.single-product .summary .product_title{font-size:27px;line-height:1.25;margin:0 0 12px;}
.single-product .summary>.price{margin:0 0 18px;}
.single-product .summary .vs-promo{margin:0 0 20px;}
.single-product .variations{margin:4px 0 18px;}
.single-product .variations th.label{font-weight:700;padding-right:18px;color:var(--collco-ink);}
.single-product .woocommerce-variation-price{margin:6px 0 14px;}
.single-product form.cart{margin:4px 0 18px;}
.single-product .single_variation_wrap{margin-top:8px;}

/* product meta: hide empty SKU wrapper handled in JS; style the rest */
.single-product .product_meta{margin:16px 0 20px;padding-top:16px;border-top:1px solid var(--collco-line);font-size:14.5px;color:var(--collco-muted);}
.single-product .product_meta>span{display:block;margin-bottom:6px;}
.single-product .product_meta a{color:var(--collco-ink);font-weight:600;text-decoration:none;}
.single-product .product_meta a:hover{color:var(--collco-red);}
.single-product .sku_wrapper.vs-empty{display:none!important;}

/* tabs + related spacing */
.single-product .woocommerce-tabs{margin-top:46px;}
.single-product .woocommerce-tabs .tabs{border-bottom:2px solid var(--collco-line);padding:0;margin:0 0 20px;display:flex;gap:6px;list-style:none;}
.single-product .woocommerce-tabs .tabs li{margin:0;}
.single-product .woocommerce-tabs .tabs li a{display:inline-block;padding:10px 20px;font-weight:700;color:var(--collco-muted);text-decoration:none;border-radius:8px 8px 0 0;}
.single-product .woocommerce-tabs .tabs li.active a{color:var(--collco-ink);border-bottom:3px solid var(--collco-ink);}
.single-product .related.products{margin-top:46px;border-top:1px solid var(--collco-line);padding-top:30px;}
.single-product .related.products>h2{font-size:22px;font-weight:800;margin:0 0 20px;}

@media (max-width:860px){
  .single-product div.product{grid-template-columns:1fr;gap:26px;}
  .single-product div.product .woocommerce-product-gallery{position:static;}
  .single-product .summary .product_title{font-size:22px;}
}

/* ===== product meta: hide entirely (SKU + category) per request ========= */
.single-product .product_meta{display:none!important;}

/* ===== trust badges: bigger, even, icon in a soft rounded square ======== */
.single-product .vs-badges{display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;margin:22px 0 4px;padding:24px 0 0;border-top:1px solid var(--collco-line);list-style:none;}
.single-product .vs-badge{display:flex;align-items:center;gap:14px;font-size:15.5px;font-weight:600;color:#2a2d31;line-height:1.3;}
.single-product .vs-badge::before{content:"";flex:0 0 48px;width:48px;height:48px;border-radius:13px;background-color:#f2f1ef;background-repeat:no-repeat;background-position:center;background-size:26px;-webkit-mask:none;mask:none;}
.single-product .vs-badge--truck::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v9H3z'/%3E%3Cpath d='M14 9h4l3 3v3h-7'/%3E%3Ccircle cx='7' cy='18' r='1.7'/%3E%3Ccircle cx='17' cy='18' r='1.7'/%3E%3C/svg%3E");}
.single-product .vs-badge--shield::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8.5-8 11-4.5-2.5-8-6-8-11V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");}
.single-product .vs-badge--store::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 4h16l1 5a3 3 0 0 1-6 0 3 3 0 0 1-6 0 3 3 0 0 1-6 0z'/%3E%3Cpath d='M5 12v8h14v-8'/%3E%3C/svg%3E");}
.single-product .vs-badge--wrench::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 6a5 5 0 0 1-6.5 4.8L7 19.3 4.7 17l8.5-8.5A5 5 0 0 1 18 2l-3 3 1 3 3 1z'/%3E%3C/svg%3E");}
@media (max-width:480px){
  .single-product .vs-badges{grid-template-columns:1fr;gap:14px;}
  .single-product .vs-badge::before{flex-basis:44px;width:44px;height:44px;background-size:24px;}
}

/* ===== floating contact buttons (ntgsite plugin) — proper brand colors ==== */
.call-button-ntg-css a[href^="tel:"]{background:#22c55e!important;border-color:#16a34a!important;}
.call-button-ntg-css a[href*="facebook"],.call-button-ntg-css a[href*="messenger"],.call-button-ntg-css a[href*="m.me"]{background:#0084ff!important;border-color:#0068d6!important;}
.call-button-ntg-css a[href*="zalo"]{background:#0068ff!important;border-color:#0052cc!important;}
/* icons/labels inside stay white & readable */
.call-button-ntg-css a[href^="tel:"] *,
.call-button-ntg-css a[href*="facebook"] *,.call-button-ntg-css a[href*="messenger"] *,.call-button-ntg-css a[href*="m.me"] *,
.call-button-ntg-css a[href*="zalo"] *{color:#fff!important;fill:#fff!important;}

/* ===== floating contact buttons — correct container #ntg-call-bottom ===== */
#ntg-call-bottom a[href^="tel:"]{background:#22c55e!important;border-color:#16a34a!important;}
#ntg-call-bottom a[href*="facebook"],#ntg-call-bottom a[href*="messenger"],#ntg-call-bottom a[href*="m.me"]{background:#0084ff!important;border-color:#0068d6!important;}
#ntg-call-bottom a[href*="zalo"]{background:#0068ff!important;border-color:#0052cc!important;}
#ntg-call-bottom a .aml-t,#ntg-call-bottom a span{color:#fff!important;}
#ntg-call-bottom a img{filter:brightness(0) invert(1);}

/* ===== FIX: province/accordion phone links (shim textbox) were rendered as big
   wrapping CTA buttons -> cramped black box the number overflowed. Make them
   compact inline pills that fit the number exactly. ===== */
.vs-textbox a.dragon-btn--primary,
.vs-ux-section a.dragon-btn--primary[href^="tel:"],
.vs-fbox a.dragon-btn--primary[href^="tel:"]{
  display:inline-block!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  white-space:nowrap!important;
  padding:7px 16px!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.3!important;
  border-radius:8px!important;
  vertical-align:middle;
}

/* Province/accordion phone numbers: render as PLAIN clickable text (no box) so
   the number never mismatches/overflows a background pill in the narrow column. */
.vs-textbox a.dragon-btn--primary[href^="tel:"],
.vs-ux-section a.dragon-btn--primary[href^="tel:"],
.vs-fbox a.dragon-btn--primary[href^="tel:"]{
  background:none!important;background-color:transparent!important;
  border:0!important;box-shadow:none!important;
  color:#141414!important;-webkit-text-fill-color:#141414!important;
  padding:0!important;margin:0!important;min-width:0!important;width:auto!important;height:auto!important;
  display:inline!important;white-space:normal!important;
  font-weight:700!important;font-size:15px!important;line-height:1.4!important;border-radius:0!important;
  text-decoration:none!important;
}
.vs-textbox a.dragon-btn--primary[href^="tel:"]:hover,
.vs-fbox a.dragon-btn--primary[href^="tel:"]:hover{text-decoration:underline!important;color:#ef1822!important;-webkit-text-fill-color:#ef1822!important;}

/* Province accordion content: district + phone were split into tiny flex columns
   (phone col ~55px) so the number overflowed/clipped. Stack them full-width. */
.vs-accordion__a .vs-ux-row{flex-direction:column!important;align-items:flex-start!important;gap:1px!important;}
.vs-accordion__a .vs-ux-col{width:100%!important;max-width:100%!important;flex:0 0 100%!important;text-align:left!important;}
.vs-accordion__a p{margin:0!important;}