/* LUCK AUTO – trang sản phẩm desktop v2 */
#page_goods{background:#f2f4f7;font-family:Roboto,"Segoe UI",Arial,sans-serif;--g-red:#e31b22;--g-red2:#d0161d;--g-line:#e4e7ec;--g-ink:#111827;--g-ink2:#475467}
#page_goods > section{display:grid;grid-template-columns:minmax(0,1fr) 520px;grid-template-areas:"crumb crumb" "main name" "main sub";grid-template-rows:auto auto 1fr;column-gap:20px;align-items:start;max-width:1300px;margin:16px auto 24px}
#page_goods > section > .clr{display:none}
#page_goods > section > .breadcrumbs{grid-area:crumb;justify-self:start}
#page_goods > section > .goods_name{grid-area:name}
#page_goods > section > .col_main{grid-area:main}
#page_goods > section > .col_sub{grid-area:sub}
#page_goods .col_main,#page_goods .col_sub{float:none!important;width:auto!important;margin:0!important;padding:0!important;box-sizing:border-box}

/* breadcrumb */
#page_goods .breadcrumbs{display:inline-flex!important;flex-wrap:wrap;align-items:center;margin:0 0 14px;padding:6px 14px;list-style:none;background:#e9ecf1;border-radius:999px;font-size:12.5px}
#page_goods .breadcrumbs li{display:inline-flex;align-items:center;color:var(--g-ink2)}
#page_goods .breadcrumbs li + li::before{content:"\203A";margin:0 8px;color:#98a2b3}
#page_goods .breadcrumbs a{color:var(--g-ink2);text-decoration:none}
#page_goods .breadcrumbs li:last-child a{color:var(--g-ink);font-weight:600}

/* tiêu đề + khối mua (một thẻ liền) */
#page_goods .goods_name{margin:0;padding:20px 20px 6px;background:#fff;border:1px solid var(--g-line);border-bottom:0;border-radius:12px 12px 0 0}
#page_goods .goods_name h1{margin:0;padding:0;color:var(--g-ink);font-size:22px;font-weight:600;line-height:1.35;background:none;border:0}
#page_goods .col_sub .rowtop{margin:0;padding:0 20px 20px;background:#fff;border:1px solid var(--g-line);border-top:0;border-radius:0 0 12px 12px;box-shadow:0 10px 30px rgba(0,0,0,.04)}
#page_goods .area_order{margin:0;padding:0;border:0;background:none}

/* giá & thông tin nhanh */
#page_goods .area_order > ul.policy{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px;padding:0;border:0;background:none}
#page_goods .area_order > ul.policy li{float:none!important;width:auto!important;margin:0;padding:0;border:0;background:none;list-style:none}
#page_goods .area_order > ul.policy li.inprice{grid-column:1/-1;padding:12px 0 6px;border-bottom:1px dashed #eaecf0}
#page_goods .area_price{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}
#page_goods .area_price .amount{color:var(--g-red);font-size:30px;font-weight:700;line-height:1.2}
#page_goods .area_price .amount::before{display:none}
#page_goods .area_price .amount{background:none!important;padding-left:0!important}
#page_goods .area_price .hisprice{color:#98a2b3;font-size:15px;text-decoration:line-through}
#page_goods .area_price .discount{position:static;display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:#fef2f2;color:#b91c1c;font-size:12.5px;font-weight:600}
#page_goods .area_order > ul.policy li.inpr{display:flex;align-items:center;min-height:36px;padding:6px 12px;border-radius:8px;background:#f6f7f9;color:#475467;font-size:13px}
#page_goods .area_order > ul.policy li.inpr span{display:block;padding:0;background:none}
#page_goods .area_order > ul.policy li.inpr span::before{display:none}
#page_goods .area_order > ul.policy li.inpr strong,#page_goods .area_order > ul.policy li.inpr a{color:var(--g-ink);font-weight:600;text-decoration:none}
#page_goods .tinhtrang{color:#12b76a!important}

/* phiên bản */
#page_goods #purchase_form{margin:0 0 14px}
#page_goods .properties{margin:0;padding:0;list-style:none}
#page_goods .properties li{margin:0;padding:0;border:0}
#page_goods .properties .radio{display:flex;flex-wrap:wrap;gap:8px}
#page_goods .properties label{display:inline-flex;align-items:center;min-height:40px;margin:0;padding:8px 14px;border:1.5px solid #d0d5dd;border-radius:10px;background:#fff;color:#344054;font-size:13.5px;font-weight:500;cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}
#page_goods .properties label:hover{border-color:#f04438}
#page_goods .properties label.checked{border-color:var(--g-red);background:#fff5f5;color:#b42318;box-shadow:0 0 0 3px rgba(227,27,34,.08)}
#page_goods .properties label::before,#page_goods .properties label::after{display:none}

/* cam kết */
#page_goods .requestcall2{margin:0 0 14px;padding:0;border:0;background:none}
#page_goods .requestcall2 .input_action{padding:0;border:0;background:none}
#page_goods .requestcall2 ul.policy{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:0;padding:12px;border-radius:10px;background:#f0fdf4;list-style:none}
#page_goods .requestcall2 li.service{display:flex;align-items:flex-start;gap:8px;float:none;width:auto;margin:0;padding:0;border:0;color:#344054;font-size:12.5px;line-height:1.4}
#page_goods .requestcall2 .iconp{flex:0 0 16px;width:16px;height:16px;margin:1px 0 0}
#page_goods .requestcall2 .iconp img{width:16px;height:16px}

/* thông số nhanh */
#page_goods .tableparameter{margin:0 0 14px;padding:0;border:1px solid #eaecf0;border-radius:10px;overflow:hidden;background:#fff}
#page_goods .tableparameter .parameter{margin:0;padding:0;list-style:none}
#page_goods .tableparameter li.pro{display:grid;grid-template-columns:40% 60%;margin:0;padding:0;border:0;border-bottom:1px solid #f2f4f7;font-size:13px}
#page_goods .tableparameter li.pro:nth-child(odd){background:#f9fafb}
#page_goods .tableparameter li.pro span{float:none;width:auto;padding:9px 12px;color:#344054}
#page_goods .tableparameter li.pro span:first-child{color:#667085}
#page_goods .viewparameterfull{display:block;width:auto;margin:0;padding:9px;border:0;border-radius:0;background:#fff;color:var(--g-red2);font-size:13px;font-weight:600;text-align:center;cursor:pointer}
#page_goods .viewparameterfull:hover{background:#fff5f5}

/* form đặt nhanh + nút */
#page_goods #quick_order{margin:0;padding:16px;border:1px solid #fde2e1;border-radius:12px;background:linear-gradient(180deg,#fff7f7 0%,#fff 100%)}
#page_goods #quick_order::before{content:"Đặt hàng nhanh – LUCK AUTO gọi lại tư vấn miễn phí";display:block;margin:0 0 12px;color:var(--g-ink);font-size:14.5px;font-weight:600}
#page_goods .booking_form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0}
#page_goods .booking_form > input,#page_goods .booking_form > textarea,#page_goods .booking_form .input_inline{grid-column:1/-1}
#page_goods .booking_form .input_inline{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
#page_goods .booking_form input[type=text],#page_goods .booking_form textarea{float:none;width:100%!important;height:auto;margin:0;padding:10px 12px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:var(--g-ink);font-size:14px;line-height:1.4;box-sizing:border-box;outline:0;transition:border-color .15s,box-shadow .15s}
#page_goods .booking_form textarea{min-height:70px;resize:vertical}
#page_goods .booking_form input:focus,#page_goods .booking_form textarea:focus{border-color:var(--g-red);box-shadow:0 0 0 3px rgba(227,27,34,.1)}
#page_goods .booking_form .fsubmit,#page_goods .booking_form .area_action{margin:0;padding:0;float:none;width:auto}
#page_goods .booking_form .fsubmit .button,#page_goods .booking_form .area_action .buy_now{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;margin:0;padding:0;border-radius:10px;font-size:15px;font-weight:700;text-transform:none;text-decoration:none;cursor:pointer;box-sizing:border-box;transition:background-color .2s,color .2s,transform .15s}
#page_goods .booking_form .fsubmit .button{background:var(--g-red2);border:1px solid var(--g-red2);color:#fff}
#page_goods .booking_form .fsubmit .button:hover{background:#b4121a}
#page_goods .booking_form .area_action .buy_now{background:#fff;border:1.5px solid var(--g-red2);color:var(--g-red2)}
#page_goods .booking_form .area_action .buy_now b{font-weight:700;color:inherit}
#page_goods .booking_form .area_action .buy_now::before{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 10.2a1.5 1.5 0 0 0 1.5 1.2h8.6a1.5 1.5 0 0 0 1.5-1.1L20.5 8H6.2'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.3'/%3E%3Ccircle cx='17' cy='19.5' r='1.3'/%3E%3C/svg%3E") center/18px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 10.2a1.5 1.5 0 0 0 1.5 1.2h8.6a1.5 1.5 0 0 0 1.5-1.1L20.5 8H6.2'/%3E%3Ccircle cx='9.5' cy='19.5' r='1.3'/%3E%3Ccircle cx='17' cy='19.5' r='1.3'/%3E%3C/svg%3E") center/18px no-repeat}
#page_goods .booking_form .area_action .buy_now:hover{background:var(--g-red2);color:#fff}
#page_goods .booking_form .fsubmit .button:active,#page_goods .booking_form .area_action .buy_now:active{transform:scale(.98)}

/* thư viện ảnh */
#page_goods .goods_details{margin:0;padding:20px;background:#fff;border:1px solid var(--g-line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.04)}
#page_goods .goods_details .picture{float:none;width:auto;margin:0;padding:0;border:0}
#page_goods #gallery{width:auto;margin:0;border:0}
#page_goods #gallery .cover{border-radius:10px;overflow:hidden;background:#f6f7f9;border:0}
#page_goods #gallery .cover img{display:block;margin:0 auto;max-width:100%}
#page_goods #gallery .thumb{margin-top:10px}
#page_goods #gallery .thumb img{border-radius:8px;border:1.5px solid transparent}
#page_goods #gallery .thumb .active img,#page_goods #gallery .thumb img:hover{border-color:var(--g-red)}
#page_goods .image-zoom{z-index:3}

/* mô tả, đánh giá, bình luận */
#page_goods #goods_info{margin-top:20px}
#page_goods #description,#page_goods .comment_box{margin:0 0 20px;padding:20px 24px;background:#fff;border:1px solid var(--g-line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.04)}
#page_goods #description::before{content:"Mô tả sản phẩm";display:block;margin:0 0 14px;color:var(--g-ink);font-size:19px;font-weight:600}
#page_goods #description .article_content{color:#344054;font-size:15px;line-height:1.75}
#page_goods #description .article_content h2,#page_goods #description .article_content h3{position:relative;margin:18px 0 10px;padding-left:12px;color:var(--g-ink);line-height:1.35}
#page_goods #description .article_content h2::before,#page_goods #description .article_content h3::before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:4px;border-radius:2px;background:var(--g-red)}
#page_goods #description .article_content img{max-width:100%;height:auto;border-radius:8px}
#page_goods #description .view-more{text-align:center;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 40%)}
#page_goods #btn-viewmore{display:inline-flex;margin:0 auto;padding:9px 22px;border:1px solid var(--g-line);border-radius:999px;background:#fff;color:#333;font-size:14px;font-weight:500;cursor:pointer}
#page_goods #btn-viewmore:hover{border-color:var(--g-red);color:var(--g-red)}
#page_goods .comment_box .box_title{display:block;position:relative;margin:0 0 14px;padding:0 0 0 12px;color:var(--g-ink);font-size:18px;font-weight:600;background:none;border:0;line-height:1.35}
#page_goods .comment_box .box_title::before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:4px;border-radius:2px;background:var(--g-red)}
#page_goods .comment_box .bd{padding:0;border:0}
#page_goods .comment_box textarea{width:100%;padding:12px;border:1px solid #d0d5dd;border-radius:10px;box-sizing:border-box;font-size:14px}

/* sản phẩm cùng danh mục */
#page_goods .goods_related_cate{margin:20px 0 0;padding:16px;background:#fff;border:1px solid var(--g-line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.04);margin-top:15px!important;}
#page_goods .goods_related_cate .box_title{position:relative;margin:0 0 12px;padding:0 0 0 12px;color:#d70000;font-size:16px;font-weight:600;text-transform:uppercase;background:none;border:0;line-height:1.35}
#page_goods .goods_related_cate .box_title::before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:4px;border-radius:2px;background:var(--g-red)}
#page_goods .goods_related_cate ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
#page_goods .goods_related_cate li{float:none!important;width:auto!important;height:auto!important;margin:0!important;padding:0;border:0!important}
#page_goods .goods_related_cate li a{display:grid;grid-template-columns:84px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:start;padding:8px;border:1px solid #eaecf0;border-radius:10px;color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s}
#page_goods .goods_related_cate li a:hover{border-color:#cbd5e1;box-shadow:0 6px 16px rgba(16,24,40,.07)}
#page_goods .goods_related_cate li img{grid-row:1/3;width:84px!important;height:84px!important;object-fit:contain;padding:4px;border-radius:8px;background:#f6f7f9;box-sizing:border-box;float:none;margin:0}
#page_goods .goods_related_cate li h3{margin:2px 0 6px;color:#333e48;font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-align:left}
#page_goods .goods_related_cate li a:hover h3{color:var(--g-red)}
#page_goods .goods_related_cate li strong{display:flex;align-items:baseline;gap:8px;color:#e02424;font-size:15.5px;font-weight:600}
#page_goods .goods_related_cate li strong del{color:#98a2b3;font-size:12.5px;font-weight:400}
#page_goods .goods_related_cate .ratingresult{display:none}

/* ghi đè style cũ */
#page_goods .area_price{padding-left:0!important;margin:0!important;overflow:visible!important}
#page_goods .area_price .hisprice{width:auto!important;margin:0!important}
#page_goods .area_price strong{margin-right:0!important}
#page_goods li.inprice,#page_goods .price_sale{background-image:none!important}
#page_goods li.inprice::before,#page_goods .area_price::before,#page_goods .price_sale::before{display:none!important}
#page_goods .box .box_title,#page_goods .comment_box .box_title,#page_goods .goods_related_cate .box_title,#page_goods .goods_related .box_title{padding:0 0 0 12px!important}
