/*
Theme Name: Do go La Xuyen
Theme URI: https://truongthanhdesign.com/
Author: Truong Thanh Design
Author URI: https://truongthanhdesign.com/
Description: Giao dien website Do go La Xuyen (giu bo cuc cu: 3 cot, xanh la - nau; co gian cho dien thoai).
Version: 1.0.0
License: Proprietary - Truong Thanh Design
Text Domain: lax
*/
:root{--bg:#8f513d;--main:#e4f8b8;--g1:#4bc130;--g2:#63d721;--item:#85df51;--y:#ff0;--box:#ddf3ad;--txt:#222;--red:#c8161d;--blue:#0b5b94}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:#000;font:12px/18px Arial,Helvetica,sans-serif}
img{max-width:100%;height:auto;border:0}
a{color:#000;text-decoration:none}
a:hover{text-decoration:underline}
ul{margin:0;padding:0;list-style:none}
.skip{position:absolute;left:-999px;top:0;background:#fff;padding:6px 10px;z-index:99}
.skip:focus{left:6px;top:6px}
:focus-visible{outline:2px solid #1b6f00;outline-offset:2px}
.wrap{width:1000px;max-width:100%;margin:0 auto}
.hd{background:#fff}
/* banner */
.slider{position:relative;width:100%;aspect-ratio:1000/250;overflow:hidden;background:#e9d9a3}
.sl{position:absolute;inset:0;opacity:0;transition:opacity .8s;pointer-events:none}
.sl.on{opacity:1;pointer-events:auto}
.sl img,.sl a{display:block;width:100%;height:100%}
.sl img{object-fit:cover}
.dots{position:absolute;right:14px;bottom:10px;display:flex;gap:6px}
.dots button{width:14px;height:14px;border:0;background:#fff;opacity:.9;padding:0;cursor:pointer}
.dots button[aria-current=true]{background:#e0211d}
/* thanh menu */
.bar{display:flex;align-items:center;min-height:32px;background:linear-gradient(#63d721,#4bc130);border-top:1px solid #5ab629;border-bottom:1px solid #5ab629;position:relative;z-index:5}
.date{flex:0 0 163px;padding:0 8px;color:#ff0;font-weight:700;font-size:11px;line-height:14px}
.nav{flex:1}
.menu{display:flex;flex-wrap:wrap}
.menu>li{position:relative}
.menu>li+li:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:1px;background:#8ae66a;box-shadow:1px 0 #2f8f1b}
.menu>li>a{display:block;padding:0 16px;line-height:32px;color:#fff;font-weight:700;font-size:11px;text-transform:uppercase;white-space:nowrap}
.menu>li>a:hover,.menu>li.current-menu-item>a,.menu>li.current-menu-ancestor>a{background:#3a9f22;text-decoration:none}
.menu .sub-menu{position:absolute;left:0;top:100%;min-width:220px;background:#4bc130;display:none;box-shadow:0 4px 8px rgba(0,0,0,.25)}
.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}
.sub-menu a{display:block;padding:6px 12px;color:#fff;font-size:12px;font-weight:700;border-top:1px dotted #8ae66a}
.sub-menu a:hover{background:#3a9f22;text-decoration:none}
.langs{flex:0 0 auto;display:flex;gap:6px;padding:0 10px}
.langs img{display:block}
.burger{display:none}
/* khung 3 cot */
.cols{display:grid;grid-template-columns:165px minmax(0,1fr) 210px;gap:10px;background:var(--main);padding:5px 5px 10px;border-radius:0 0 6px 6px}
.left,.right,.mid{min-width:0}
.box{margin-bottom:6px}
.bh{margin:0;padding:3px 4px;background:linear-gradient(#63d721,#4bc130);color:#fff;font-size:11px;line-height:18px;font-weight:700;text-align:center;text-transform:uppercase}
.bh a{color:#fff}
.bl li a{display:block;padding:3px 5px 3px 10px;background:var(--item);color:var(--y);font-weight:700;font-size:12px;line-height:16px;border-bottom:1px dotted var(--g1);text-align:left}
.bl li a:hover{background:#6fcb35;color:#fff;text-decoration:none}
.box>.bl,.box>.sales,.box>.ads{border-bottom:2px solid var(--g1)}
.sales{background:var(--main);border:1px solid var(--g1);border-top:0;padding:4px 0}
.sales li{padding:6px 4px;text-align:center}
.sales span{display:block;color:#1f6e0d;font-weight:700}
.sales a{font-weight:700;color:#0b5b94}
.ads a,.ads img{display:block}
.ads img{width:100%;margin-top:5px}
.bh2{padding:5px 4px}
.yt{position:relative;background:#000;aspect-ratio:16/9}
.yt img,.yt iframe{width:100%;height:100%;display:block;object-fit:cover;border:0}
.yt-btn{position:absolute;left:50%;top:50%;width:46px;height:32px;margin:-16px 0 0 -23px;background:#e0211d;border-radius:8px}
.yt-btn:after{content:"";position:absolute;left:18px;top:8px;border-left:14px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}
.hp li{display:flex;gap:6px;align-items:center;justify-content:space-between;padding:6px 4px;border-bottom:1px dotted var(--g1);text-align:center;background:var(--main)}
.hp li div{flex:1;font-weight:700}
.hp img{width:64px;height:48px;object-fit:cover;border:1px solid #ccc;padding:1px;background:#fff}
.hn li{display:flex;gap:6px;align-items:center;padding:6px 4px;border-bottom:1px dotted var(--g1);background:var(--main)}
.hn img{width:62px;height:46px;object-fit:cover;border:1px solid #333;flex:none}
.hn-t{font-weight:700;color:#222;text-align:left}
.right .box>.hp,.right .box>.hn{border-bottom:1px solid var(--g1)}
/* noi dung giua */
.ptitle{margin:0 0 8px;padding:0 0 5px;color:var(--g1);font-size:18px;line-height:22px;font-weight:700;border-bottom:1px dotted var(--g1)}
.crumbs{font-size:11px;color:#555;margin-bottom:6px}
.crumbs a{color:#1f6e0d}
.entry{text-align:justify;color:var(--txt);overflow-wrap:anywhere}
.entry p{margin:0 0 8px}
.entry img{max-width:100%;height:auto}
.entry iframe{max-width:100%}
.entry table,.tbl{max-width:100%}
.entry table{border-collapse:collapse}
.intro{background:#fff;padding:10px;margin-bottom:12px}
.h2{margin:10px 0;color:var(--g1);font-size:18px;line-height:22px;border-bottom:1px dotted var(--g1);padding-bottom:5px}
.back{text-align:right;font-weight:700;margin:8px 0}
.back a{font-size:11px}
.empty{text-align:center;padding:40px 0;font-weight:700}
.meta{color:#555;margin:0 0 8px}
.sec{margin:10px 0 6px;font-size:12px;line-height:20px;border-bottom:1px solid var(--g1)}
.sec span{display:inline-block;padding:0 10px;font-weight:700;background:var(--main);position:relative;top:10px;margin-left:10px}
.rel{background:#d9efa7;padding:6px 10px;margin-top:12px}
.rel li{padding:3px 0 3px 10px;border-bottom:1px solid var(--main)}
.rel li:before{content:"\2022\00a0"}
.rel a:hover{color:var(--red)}
/* the san pham */
.grp{margin-bottom:10px}
.grp-h{display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--g1);margin-bottom:6px}
.grp-h h2{margin:0;background:var(--g1);padding:2px 10px;font-size:11px;line-height:20px;text-transform:uppercase}
.grp-h h2 a{color:#fff}
.grp-all{font-size:11px;font-weight:700;padding-bottom:2px}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.pc{border:1px solid var(--g1);padding:5px;display:flex;flex-direction:column;justify-content:space-between;background:var(--main);min-width:0}
.pc-in{display:flex;gap:8px}
.pc-img{flex:0 0 121px}
.pc-img img{display:block;width:121px;height:85px;object-fit:cover;border:1px solid #ccc;padding:1px;background:#fff}
.pc-tx{flex:1;min-width:0;text-align:center}
.pc-t{margin:0 0 4px;font-size:13px;line-height:17px}
.pc-t a{color:var(--red);font-weight:700}
.pc-p{margin:3px 0 0;font-size:12px;color:#333}
.pc-p span{font-weight:700;color:#222}
.pc-b{text-align:right;margin-top:6px}
.b-d,.b-o{display:inline-block;font-size:9px;line-height:17px;font-weight:700;text-transform:uppercase;padding:0 7px;border-radius:2px;margin-left:8px}
.b-d{background:#555;color:#fff}
.b-o{background:#f3a712;color:#fff}
.b-d:hover,.b-o:hover{text-decoration:none;filter:brightness(1.1)}
.b-big{font-size:11px;line-height:22px;padding:0 12px}
.newpro{background:#bae852;padding:8px;margin-bottom:12px}
.newpro .h2{margin:0 0 6px;border:0;color:#2a6a12;padding:0;font-size:15px}
.car{position:relative;display:flex;align-items:center;gap:4px}
.car-l{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1}
.car-l::-webkit-scrollbar{display:none}
.car-l li{flex:0 0 128px;scroll-snap-align:start;text-align:center}
.car-l a{display:block;color:#2a2a2a}
.car-l img{width:128px;height:92px;object-fit:cover;border:1px solid #888;display:block;margin:0 0 4px}
.car-l b{display:block;color:var(--red);font-size:12px;line-height:15px;max-height:30px;overflow:hidden}
.car-l small{display:block;font-size:11px;line-height:14px;color:#333}
.car-b{flex:0 0 22px;height:60px;border:0;background:#4bc130;color:#fff;font-size:22px;cursor:pointer;border-radius:3px}
.car-b:hover{background:#3a9f22}
/* chi tiet san pham */
.pd-top{display:flex;gap:12px;background:var(--box);padding:10px;border:1px solid #fbfafa}
.pd-img{flex:0 0 230px}
.pd-img a{display:block;border:1px solid #ccc;padding:5px;background:#fff}
.pd-img img{display:block;width:100%;height:auto}
.pd-info{flex:1;min-width:0}
.pd-name{margin:0 0 6px;color:var(--blue);font-size:15px;line-height:19px}
.pd-bul{margin:0 0 6px;color:#333}
.pd-bul li:before{content:"\2022\00a0"}
.pd-p{margin:4px 0;font-weight:700;font-size:12px}
.pd-p span{font-weight:700}
.pd-gal{background:var(--box);padding:0 10px 10px}
.pd-gt{margin:0;padding:6px 0;font-weight:700;border-bottom:1px solid #caccd1}
.pd-gl{display:flex;flex-wrap:wrap;gap:8px;padding-top:8px}
.pd-gl img{width:110px;height:80px;object-fit:cover;border:1px solid #b7b7b7;padding:1px;background:#fff;display:block}
.pd-body{padding:8px;border:1px solid var(--g1)}
/* tin */
.nlist,.ngroup{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}
.ni{display:flex;gap:8px;padding:8px 0 12px;border-bottom:1px dotted #777}
.ni-i{flex:0 0 105px}
.ni-i img{display:block;width:105px;height:70px;object-fit:cover;border:1px solid #ccc;padding:1px;background:#fff}
.ni-t{min-width:0}
.ni h3{margin:0 0 4px;font-size:13px;line-height:17px}
.ni h3 a{color:#222}
.ni p{margin:0;color:#333;text-align:justify}
.ni-big{grid-column:1/-1;background:var(--box);border:1px solid var(--g1);padding:10px}
.ni-big .ni-i{flex:0 0 230px}
.ni-big .ni-i img{width:230px;height:160px}
.ni-big h3{font-size:15px}
.ni-big h3 a{color:var(--blue)}
.nb{display:block;grid-column:1/-1;padding:3px 0}
.pager{display:flex;justify-content:space-between;background:var(--g1);color:#fff;font-weight:700;padding:3px 6px;margin:10px 0}
.pager a,.pager .current{color:#fff;padding:0 3px}
.pager .current{text-decoration:underline}
.sort{margin:0 0 8px;text-align:right;font-size:11px}
.sort select{font-size:11px}
/* bieu mau */
.lax-form{background:#fff;padding:12px;border:1px solid var(--g1)}
.lax-form p{margin:0 0 10px}
.lax-form label{display:block;font-weight:700;margin-bottom:3px}
.lax-form input[type=text],.lax-form input[type=email],.lax-form input[type=tel],.lax-form textarea{width:100%;padding:8px 10px;border:1px solid #6f8f61;border-radius:4px;font:14px Arial,sans-serif;background:#fff}
.lax-btn{background:var(--g1);color:#fff;border:0;border-radius:4px;padding:10px 28px;font-weight:700;font-size:14px;cursor:pointer}
.lax-btn:hover{background:#3a9f22}
.lax-hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.lax-alert{padding:10px 12px;margin-bottom:10px;border-radius:4px;font-weight:700}
.lax-alert.ok{background:#e6f7dc;border:1px solid #3a9f22;color:#1b5a0c}
.lax-alert.err{background:#fde8e6;border:1px solid #c8161d;color:#8a0f14}
/* chan trang */
.ft{color:#fff;padding:6px 8px 12px}
.ft a{color:#fff}
.bct{text-align:center;padding:12px 0 6px}
.bct img{display:inline-block}
.bmenu .menu{justify-content:center;gap:0}
.bmenu .menu a{display:block;padding:4px 14px;font-weight:700;font-size:12px;color:#fff}
.finfo{display:flex;gap:20px;justify-content:space-between;font-size:11px;line-height:16px;margin-top:6px}
.f1{flex:0 0 38%}
.f2{flex:1;text-align:right}
.design{margin:8px 0 0;font-size:11px;text-align:right}
.design a{text-decoration:underline}
/* dien thoai / may tinh bang */
@media (max-width:1000px){
 .cols{grid-template-columns:150px minmax(0,1fr)}
 .right{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 10px}
 .right .box{margin:0 0 8px}
}
@media (max-width:760px){
 body{font-size:14px;line-height:21px}
 .date{display:none}
 .bar{flex-wrap:wrap;padding:0 4px}
 .burger{display:flex;align-items:center;gap:8px;flex:1;height:38px;background:none;border:0;color:#fff;font:700 13px Arial,sans-serif;text-transform:uppercase;cursor:pointer;padding:0 8px}
 .bg,.bg:before,.bg:after{display:block;width:20px;height:2px;background:#fff;position:relative}
 .bg:before,.bg:after{content:"";position:absolute;left:0}
 .bg:before{top:-6px}.bg:after{top:6px}
 .nav{flex:0 0 100%;order:5;display:none;background:#3a9f22}
 .nav.open{display:block}
 .menu{display:block}
 .menu>li+li:before{display:none}
 .menu>li>a{padding:0 14px;line-height:42px;border-top:1px solid #5ab629;font-size:13px}
 .menu .sub-menu{position:static;display:block;box-shadow:none;background:#34891e}
 .sub-menu a{padding:9px 24px;font-size:13px}
 .langs{padding:0 8px}
 .cols{grid-template-columns:1fr;gap:8px}
 .left{order:2}.mid{order:1}.right{order:3;grid-template-columns:1fr}
 .slider{aspect-ratio:1000/300}
 .ptitle{font-size:20px;line-height:25px}
 .bl li a{padding:10px 12px;font-size:14px}
 .bh{padding:8px 4px;font-size:13px}
 .pgrid{grid-template-columns:1fr}
 .pc-in{flex-direction:column}
 .pc-img{flex:none}
 .pc-img img{width:100%;height:auto;aspect-ratio:3/2}
 .pc-t{font-size:16px;line-height:21px}
 .pc-p{font-size:14px}
 .b-d,.b-o{font-size:11px;line-height:26px;padding:0 12px}
 .pd-top{flex-direction:column}
 .pd-img{flex:none}
 .nlist,.ngroup{grid-template-columns:1fr}
 .ni-big{flex-direction:column}
 .ni-big .ni-i{flex:none}.ni-big .ni-i img{width:100%;height:auto;aspect-ratio:3/2}
 .ni h3{font-size:15px;line-height:20px}
 .finfo{flex-direction:column;gap:8px}
 .f2,.design{text-align:left}
 .pager{flex-direction:column;gap:4px}
 .car-b{display:none}
 .lax-form{padding:10px}
}
@media (prefers-reduced-motion:reduce){.sl{transition:none}}

/* Thu vien anh */
.lgal{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}
.lgal figure{margin:0;border:1px solid var(--g1);background:#fff;padding:3px}
.lgal img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.lgal figcaption{font-size:11px;line-height:1.3;padding:3px 2px;color:#333}
.lb{border:0;padding:0;background:transparent;max-width:96vw;max-height:96vh;overflow:visible}.lb::backdrop{background:rgba(0,0,0,.85)}
.lb img{display:block;max-width:96vw;max-height:84vh;margin:0 auto;cursor:pointer;background:#fff}
.lb p{margin:6px 0 0;color:#fff;text-align:center;font-size:13px}
.lb button{position:absolute;right:0;top:-34px;background:none;border:0;color:#fff;font-size:30px;cursor:pointer;line-height:1}
@media(max-width:760px){.lgal{grid-template-columns:repeat(2,1fr)}}