.gap-10{gap: 10px;}
.box-group-dna-option .info-right-option{width: calc(100% - 40px);}
.popup-dna-option{display: none;padding: 30px;border-radius: 15px;width: 900px}
.popup-dna-option .image-dna{width: 50%;}
.popup-dna-option .info-dna{width: 50%;}
.popup-dna-option .image-dna img{display: block;height: 530px;width: 100%;object-fit: contain;}
.popup-dna-option .info-dna .variant-option-label{display: none;}
.popup-dna-option .info-dna td:nth-child(2) {display: flex;flex-direction: column;}
.popup-dna-option .info-dna .title{font-size: 20px;margin-bottom: 10px;display: block;}
.popup-dna-option .info-dna .variant-option-value-box {padding-left: 20px;height: 35px;line-height: 35px;}
.popup-dna-option .info-dna .variant-option-value-box a{list-style: upper-latin;display: list-item;list-style: circle;margin-left: 20px;}
.popup-dna-option .info-dna  .variant-option-value-box:hover{background: #e7e7e7;}
.popup-dna-option .info-dna  .variant-option-value-box:hover a{list-style: disc;font-weight: 700;}
.popup-dna-option .info-dna .list_variant{max-height: 450px;overflow: auto;}
.popup-dna-option .info-dna .list_variant::-webkit-scrollbar {width: 13px;}
/* nền/track */
.popup-dna-option .info-dna .list_variant::-webkit-scrollbar-track {background: linear-gradient(to right,transparent 0,transparent 6px,#e5e5e5 6px,#e5e5e5 7px,transparent 7px,transparent 100%);}
/* nút kéo tròn */
.popup-dna-option .info-dna .list_variant::-webkit-scrollbar-thumb {background: #fff;border: 1px solid #d6d6d6;border-radius: 999px;min-height: 13px;}
/* chừa khoảng để thumb nhìn giống hình tròn nhỏ hơn */
.popup-dna-option .info-dna .list_variant::-webkit-scrollbar-thumb {border-left: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;}

.popup-catalog{position: fixed;left: 50%;top: 50%;width: 900px;background: #fff;border-radius: 20px;transform: translate(-50%, -50%);padding: 20px 40px;z-index: 999;display: none;}
.popup-catalog .btn-close {position: absolute;right: 20px;top: 20px;width: 30px;height: 30px;line-height: 30px;text-align: center;background: #959595;border-radius: 50%;}
.popup-catalog .title-apollo{text-align: center;font-size: 24px;font-weight: 700;padding: 20px 0;}
.popup-catalog .paging-catalog {padding: 15px;background: #e0e0e0;border-radius: 10px;display: grid;grid-template-columns: repeat(10, minmax(0, 1fr));gap: 10px;text-align: center;}
.popup-catalog .paging-catalog a{font-weight: 500;height: 30px;line-height: 30px;}
.popup-catalog .paging-catalog a.active,.popup-catalog .paging-catalog a:hover{background: #000;border-radius: 20px;color: #fff;}
.popup-catalog .title-paging{display: block;padding-left: 20px;margin-top: 40px;margin-bottom: 40px;border-left: 3px solid #d00;font-size: 24px;font-weight: 600;}
.popup-catalog .content-catalog{padding-top: 20px;margin-top: 20px;position: relative;max-height: 750px; overflow: auto;min-height: 750px;}
.popup-catalog .content-catalog:before{position: absolute;content: '';left: 50%;top: 0; width: 500px;height: 0.5px;background: #ddd;transform: translateX(-50%);}
.popup-catalog  .lds-spinner * {line-height: unset;padding-bottom: 0;}
.dna-popup-options-layout{display:grid;grid-template-columns:360px 1fr;gap:76px;width:900px;max-width:calc(100vw - 40px);min-height:480px;padding:28px 56px;background:#fff;border-radius:14px;box-sizing:border-box}
.dna-popup-options-layout__image{width:100%;height:480px;overflow:hidden}
.dna-popup-options-layout__image img{width:100%;height:100%;object-fit:cover}
.dna-popup-options-layout__content{padding-top:2px}
.dna-popup-options-layout__title{margin:0 0 20px;font-size:20px;font-weight:700;color:#2a1200}
.dna-popup-options-layout__list{margin:0;padding-left:38px}
.dna-popup-options-layout__list li{margin-bottom:16px;font-size:16px;color:#000;cursor:pointer;list-style: upper-latin;display: list-item;list-style: circle;}
.dna-popup-options-layout__list li:hover span{text-decoration:underline}

.dna-popup-variants-layout{position:relative;display:grid;grid-template-columns: repeat(2, minmax(0, 1fr));
gap:42px;width:1200px;max-width:calc(100vw - 40px);min-height:480px;padding:58px 58px 42px;background:#fff;border-radius:14px;box-sizing:border-box}
.dna-popup-close-btn{position:absolute;top:22px;right:24px;width:26px;height:26px;border:0;border-radius:50%;background:#f1eef4;color:#999;font-size:24px;line-height:24px;cursor:pointer}
.dna-popup-variants-layout__left{min-width:0}
.dna-popup-variant-main-image{width:100%;height:490px;border-radius:6px;overflow:hidden;background:#f7f7f7}
.dna-popup-variant-main-image img{width:100%;height:100%;object-fit:contain}
.dna-popup-variant-thumbs{display:flex;align-items:center;gap:8px;margin-top:14px;padding-left:20px;flex-wrap: wrap;}
.dna-popup-variant-thumb{width:60px;height:60px;border:1px solid transparent;border-radius:3px;overflow:hidden;cursor:pointer;background:#fff}
.dna-popup-variant-thumb.is-active{border-color:#111}
.dna-popup-variant-thumb img{width:100%;height:100%;object-fit:cover}
.dna-popup-variants-layout__right{position:relative;max-height:498px;overflow-y:auto;padding-right:34px}
.dna-popup-variants-layout__right::-webkit-scrollbar {width: 13px;}
/* nền/track */
.dna-popup-variants-layout__right::-webkit-scrollbar-track {background: linear-gradient(to right,transparent 0,transparent 6px,#e5e5e5 6px,#e5e5e5 7px,transparent 7px,transparent 100%);}
/* nút kéo tròn */
.dna-popup-variants-layout__right::-webkit-scrollbar-thumb {background: #fff;border: 1px solid #d6d6d6;border-radius: 999px;min-height: 13px;}
/* chừa khoảng để thumb nhìn giống hình tròn nhỏ hơn */
.dna-popup-variants-layout__right::-webkit-scrollbar-thumb {border-left: 1px solid #d6d6d6;border-right: 1px solid #d6d6d6;}
.dna-popup-variant-list{width:100%}
.dna-sub-row{display:grid;grid-template-columns:100px 1fr 28px;gap:16px;align-items:center;min-height:76px;padding:14px 0;border-bottom:1px solid #e5e5e5;cursor:pointer;margin-bottom: 15px;}
.dna-sub-row__price{font-size:16px;font-weight:700;color:#111;white-space:nowrap}
.dna-sub--image{width: 50px;}
.dna-sub-row.is-active .dna-sub-row__price{color:#d7193f}
.dna-sub-row__desc{font-size:13px;line-height:1.35;color:#555}
.dna-sub-row__note{margin-top:4px;font-size:11px;color:#aaa;text-align:right;display: none;}
.dna-sub-row.is-active .dna-sub-row__note {display: block;}
.dna-sub-row__note a{color:#4376c9;text-decoration:underline}
.dna-sub-row__radio{display:flex;justify-content:center;align-items:center}
.dna-sub-row__radio-dot{width:15px;height:15px;border:1px solid #cfcfcf;border-radius:50%;background:#fff;box-sizing:border-box}
.dna-sub-row.is-active .dna-sub-row__radio-dot{border:4px solid #ff1744;background: #ff1744;}
.product-accordion{width:100%;color:#222}
.product-accordion__item{border-bottom:1px solid #e5e5e5}
.product-accordion__head{display:flex;align-items:center;justify-content:space-between;min-height:36px;cursor:pointer;user-select:none}
.product-accordion__title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}
.product-accordion__icon{font-size:13px;line-height:1}
.product-accordion__toggle{width:28px;height:28px;border:0;background:transparent;font-size:18px;line-height:1;cursor:pointer;color:#333}
.product-accordion__body{display:none;padding:0 0 14px}
.product-accordion__item.is-open .product-accordion__body{display:block}
.consult-form{display:block}
.consult-form__upload{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;margin-bottom:10px;border:1px solid #ddd;border-radius:5px;background:#fff;font-size:13px;font-weight:600;cursor:pointer;box-sizing:border-box}
.consult-form__upload-icon{font-size:14px}
.consult-form__textarea{width:100%;height:135px;padding:12px;margin-bottom:10px;border:1px solid #ddd;border-radius:5px;resize:none;outline:none;font-size:13px;box-sizing:border-box}
.consult-form__row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.consult-form__input{height:34px;padding:0 12px;border:1px solid #ddd;border-radius:5px;outline:none;font-size:13px;box-sizing:border-box}
.consult-form__textarea::placeholder,.consult-form__input::placeholder{color:#b5b5b5;font-style:italic}
.consult-form__btn{width:100%;height:34px;border:0;border-radius:5px;background:#0787f7;color:#fff;font-size:13px;font-weight:600;cursor:pointer}
.consult-form__btn:hover{background:#0075dc}
.product-detail-table{width:100%;border-collapse:collapse;font-size:13px}
.product-detail-table th,.product-detail-table td{border:1px solid #ddd;padding:13px 14px;text-align:left;vertical-align:top;line-height:1.45}
.product-detail-table th{width:34%;font-weight:600;background:#fafafa}
.product-detail-table td{background:#fff}
.product-detail .main-product-detail .product-detail-gallery #sync1 img{object-fit: cover;}