.goods .view .box .right .product-info{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow-y:auto;display:flex;flex-direction:column;padding-right:10px}.goods .view .box .right .product-info .inbox{display:flex;flex-direction:column;height:100%}.goods .view .box .right .product-info .option{flex:1;overflow-y:auto;max-height:300px;padding-right:15px;margin-right:5px}.goods .view .box .right .product-info .option li{position:relative;background:#f7f8f8;padding:15px 20px;display:flex;align-items:flex-start;flex-direction:column;gap:5px}.goods .view .box .right .product-info .option li:last-child{border-bottom:none}.goods .view .box .right .product-info .option .item-name{flex:1;font-size:14px;font-weight:400;color:#333;line-height:1.4;margin-right:15px}.goods .view .box .right .product-info .option .item-quantity button{display:flex;align-items:center;justify-content:center;width:33px;height:33px}.goods .view .box .right .product-info .option .item-quantity button:hover{background:#f0f0f0}.goods .view .box .right .product-info .option .item-quantity input{width:40px;text-align:center;border:none;background:transparent;font-size:14px;font-weight:500;color:#333;outline:none}.goods .view .box .right .product-info .option li .item-quantity .decrease{border-right:none;border-right:1px solid #e1e1e1}.goods .view .box .right .product-info .option .item-delete{position:absolute;top:50px;right:20px;background:url(/assets/front/images/icon/item_del.svg) no-repeat;background-size:cover;display:block;width:20px;height:20px}.goods .view .box .right .product-info .total-price,.goods .view .box .right .product-info .btn-box{position:sticky;bottom:0;background:#fff;padding:15px 0;border-top:1px solid #eee;z-index:10}.goods .view .box .right .product-info::-webkit-scrollbar,.goods .view .box .right .product-info .option::-webkit-scrollbar{width:8px}.goods .view .box .right .product-info::-webkit-scrollbar-track,.goods .view .box .right .product-info .option::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.goods .view .box .right .product-info::-webkit-scrollbar-thumb,.goods .view .box .right .product-info .option::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.goods .view .box .right .product-info::-webkit-scrollbar-thumb:hover,.goods .view .box .right .product-info .option::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.goods .view .box .left .img-box .img2{max-width:500px;margin:0 auto}.mobile-purchase-btns{position:fixed;bottom:0;left:0;width:100%;background:#fff;padding:15px 30px;border-top:1px solid #eee;z-index:1000;display:flex;justify-content:space-between;gap:10px;box-sizing:border-box}.mobile-purchase-btns .btn01{border:1px solid #231815;background:#fff;color:#2a3139;padding:10px 20px;flex:1;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:15px;font-weight:500;height:50px}.mobile-purchase-btns .btn02{background:var(--main-color);color:#fff;border:none;padding:10px 20px;flex:1;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:15px;font-weight:500;height:50px}.mobile-option-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.mobile-option-modal.active{opacity:1;visibility:visible}#mobileOptionModal .modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);transition:background .3s ease-in-out}#mobileOptionModal.mobile-option-modal.active .modal-backdrop{background:rgba(0,0,0,.5)}#mobileOptionModal .modal-content{position:absolute;bottom:0;left:0;width:100%;background:#fff;border-radius:20px 20px 0 0;max-height:80vh;min-height:70px;height:auto;transform:translateY(0);transition:max-height .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 -4px 20px #00000026;will-change:max-height;overflow:hidden;display:flex;flex-direction:column}#mobileOptionModal.mobile-option-modal.active .modal-content{max-height:80vh}#mobileOptionModal .modal-initial-buttons{padding:15px 30px;display:flex;gap:10px;position:absolute;bottom:0;left:0;width:100%;background:#fff;border-top:1px solid #eee;z-index:10;opacity:1;transition:opacity .3s ease;box-sizing:border-box}#mobileOptionModal .modal-initial-buttons .btn01,#mobileOptionModal .modal-initial-buttons .btn02{flex:1;height:50px;border-radius:10px;font-size:15px;font-weight:500;border:none;cursor:pointer}#mobileOptionModal .modal-initial-buttons .btn01{border:1px solid #231815;background:#fff;color:#2a3139}#mobileOptionModal .modal-initial-buttons .btn02{background:var(--main-color);color:#fff}#mobileOptionModal .modal-expanded-content{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translateY(20px);transition:opacity .3s ease .1s,transform .3s ease .1s}#mobileOptionModal.mobile-option-modal.active .modal-expanded-content{opacity:1;transform:translateY(0)}#mobileOptionModal .modal-drag-handle{width:100%;height:30px;border-radius:3px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center}#mobileOptionModal .modal-drag-handle-inner{width:40px;height:6px;background:#ddd;border-radius:3px;margin:12px auto;cursor:pointer;position:relative}#mobileOptionModal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid #eee;margin-bottom:0;opacity:0;transform:translateY(-20px);transition:opacity .3s ease .1s,transform .3s ease .1s}#mobileOptionModal.mobile-option-modal.active .modal-header{opacity:1;transform:translateY(0)}#mobileOptionModal .modal-header h3{font-size:18px;font-weight:600;margin:0}#mobileOptionModal .modal-close{background:none;border:none;font-size:24px;cursor:pointer;padding:5px;color:#666}#mobileOptionModal .modal-body{padding:0 20px;flex:1;overflow-y:auto;opacity:0;transform:translateY(-20px);transition:opacity .3s ease .2s,transform .3s ease .2s;min-height:0}#mobileOptionModal.mobile-option-modal.active .modal-body{opacity:1;transform:translateY(0);margin-top:10px}#mobileOptionModal .mobile-option-box dl{margin:0 0 20px}#mobileOptionModal .mobile-option-box dt{font-weight:600;margin-bottom:10px;font-size:14px}#mobileOptionModal .mobile-option-box dd{margin-bottom:10px}#mobileOptionModal .mobile-option-box dd:last-child{margin-bottom:0}#mobileOptionModal .mobile-option-select{width:100%;padding:12px 40px 12px 15px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none}#mobileOptionModal .mobile-option-list{list-style:none;padding:0;margin:0}#mobileOptionModal .mobile-option-list li{display:flex;flex-direction:column;padding:15px;border:1px solid #e0e0e0;background:#f8f8f8;border-radius:8px;margin:0 0 10px;box-shadow:0 1px 3px #0000001a}#mobileOptionModal .mobile-option-list li:last-child{margin-bottom:0}#mobileOptionModal .mobile-option-list .item-name{font-size:14px;font-weight:400;color:#333;line-height:1.4;margin-bottom:10px;word-break:break-word}#mobileOptionModal .mobile-option-list .item-controls{display:flex;justify-content:space-between;align-items:center}#mobileOptionModal .mobile-option-list .item-quantity{display:flex;align-items:center;gap:0;border:1px solid #ddd;border-radius:6px;padding:0;background:#fff;overflow:hidden}#mobileOptionModal .mobile-option-list .item-quantity button{width:32px;height:32px;border:none;background:#f5f5f5;border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#666;transition:background-color .2s;border-right:1px solid #ddd}#mobileOptionModal .mobile-option-list .item-quantity button:hover{background:#e0e0e0}#mobileOptionModal .mobile-option-list .item-quantity input{width:50px;height:32px;text-align:center;border:none;background:#fff;font-size:14px;font-weight:500;color:#333;outline:none}#mobileOptionModal .mobile-option-list .item-price{font-weight:600;font-size:15px;color:#333;margin-right:15px}#mobileOptionModal .mobile-option-list .item-delete{background:none;border:none;color:#999;cursor:pointer;font-size:20px;padding:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s;font-weight:300}#mobileOptionModal .mobile-option-list .item-delete:hover{background:#f0f0f0;color:#666}#mobileOptionModal .mobile-total-price{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-top:1px solid #eee;margin-top:20px}#mobileOptionModal .mobile-total-price span{font-size:16px;font-weight:600}#mobileOptionModal .mobile-total-price strong{font-size:18px;font-weight:700;color:var(--main-color)}#mobileOptionModal .modal-footer{padding:0;border-top:none;display:none}@media (min-width: 1025px){.mobile-purchase-btns,#mobileOptionModal{display:none!important}}.option-select{width:100%;padding:12px 40px 12px 15px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;appearance:none;-webkit-appearance:none;-moz-appearance:none}@media (max-width: 1024px){.mobile-purchase-btns{display:flex}}.view-bottom .info-tab-content{display:block}.view-bottom .review-tab-content{display:none}.review-section .review-summary{text-align:center}.review-section .review-summary h3{font-size:24px;font-weight:700;color:#202020;margin:0}.review-section .review-summary h3 span{color:var(--main-color);margin-left:5px}.review-section .btn-write-review{padding:10px 24px;border-radius:8px;border:1px solid var(--main-color);background:#fff;color:var(--main-color);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.review-section .btn-write-review:hover{background:var(--main-color);color:#fff}.review-section .review-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.review-section .review-list .review-item{display:flex;gap:20px;padding:20px;border-radius:10px;border:1px solid #e5e5e5;background:#fafafa;margin-bottom:20px}.review-section .review-list .review-item:last-child{margin-bottom:0}.review-section .review-list .review-item .review-text-area{flex:1;display:flex;flex-direction:column}.review-section .review-list .review-item .review-image-area{width:100px;flex-shrink:0}.review-section .review-footer{display:flex;justify-content:end;align-items:center;margin-bottom:15px}.review-section .review-footer .review-user-info{display:flex;align-items:center;gap:10px}.review-section .review-footer .review-user-info .verified-badge{display:inline-block;padding:4px 10px;border-radius:4px;background:var(--main-color);font-size:12px;font-weight:500;color:#fff}.review-section .review-footer .user-name{font-size:16px;font-weight:600;color:#919191}.review-section .review-footer .review-date{font-size:14px;font-weight:400;color:#787878}.review-section .review-rating{display:flex;align-items:center;gap:8px;margin-bottom:12px}.review-section .review-rating .stars{display:flex;gap:2px}.review-section .review-rating .stars .star{font-size:18px;color:#e0e0e0}.review-section .review-rating .stars .star.filled{color:gold}.review-section .review-rating .rating-text{font-size:15px;font-weight:600;color:#202020}.review-section .review-title{font-size:17px;font-weight:600;color:#202020}.review-section .review-content{font-size:15px;font-weight:400;line-height:1.6;color:#242424}.review-section .review-images .review-image{width:100px;height:100px;border-radius:8px;overflow:hidden}.review-section .review-images .review-image img{display:block;width:100%;height:100%;object-fit:cover}.review-section .review-pagination{margin-top:40px;display:flex;justify-content:center}.review-section .review-empty{padding:80px 30px;text-align:center;border-radius:10px;background:#fafafa}.review-section .review-empty p{font-size:18px;font-weight:600;color:#202020;margin-bottom:8px}.review-section .review-empty span{font-size:15px;font-weight:400;color:#787878}.review-section .review-write-section{text-align:right;margin-top:20px}.review-tab-content{padding-top:50px!important}.review-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center}.review-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}.review-modal-content{position:relative;width:90%;max-width:600px;max-height:90vh;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;overflow-y:auto}.review-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e5e5e5}.review-modal-header h3{font-size:20px;font-weight:600;color:#202020;margin:0}.review-modal-close{background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;line-height:1}.review-modal-close:hover{color:#333}.review-form{padding:25px}.review-form-group{margin-bottom:20px}.review-form-group label{display:block;font-size:15px;font-weight:600;color:#202020;margin-bottom:8px}.review-form-group .required{color:#ff4c4c}.review-rating-input{display:flex;align-items:center;gap:10px}.review-rating-input .star-rating{display:flex;gap:5px}.review-rating-input .star-input{font-size:32px;color:#e0e0e0;cursor:pointer;transition:color .2s}.review-rating-input .star-input.hover,.review-rating-input .star-input.active{color:gold}.review-rating-input .rating-value{font-size:18px;font-weight:600;color:#202020}.review-input,.review-textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:14px;color:#202020;transition:border-color .3s}.review-input:focus,.review-textarea:focus{outline:none;border-color:var(--main-color)}.review-textarea{resize:vertical;font-family:inherit}.review-file-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:14px;cursor:pointer}.review-image-preview{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.review-image-preview img{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #e5e5e5}.review-form-buttons{display:flex;gap:10px;margin-top:25px}.review-form-buttons button{flex:1;padding:12px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.review-form-buttons .btn-cancel{border:1px solid #ddd;background:#fff;color:#666}.review-form-buttons .btn-cancel:hover{background:#f5f5f5}.review-form-buttons .btn-submit{border:none;background:var(--main-color);color:#fff}.review-form-buttons .btn-submit:hover{opacity:.9}@media all and (max-width:1280px){.review-section .review-summary{margin-bottom:20px}.review-section .review-summary h3{font-size:20px}}@media all and (max-width:1024px){.review-section .review-summary{margin-bottom:20px}.review-section .review-summary h3{font-size:18px}.review-section .review-footer .review-user-info .user-name{font-size:15px}.review-section .review-footer .review-date{font-size:13px}.review-section .review-rating .stars .star{font-size:16px}.review-section .review-rating .rating-text{font-size:14px}.review-section .review-title{font-size:16px}.review-section .review-content{font-size:14px}.review-section .review-pagination{margin-top:30px}.review-section .review-empty{padding:60px 20px}.review-section .review-empty p{font-size:16px}.review-section .review-empty span{font-size:14px}}@media all and (max-width:768px){.review-section .review-summary h3{font-size:17px}.review-section .review-list .review-item{flex-direction:column;padding:18px;gap:15px}.review-section .review-list .review-item .review-image-area{width:100%}.review-section .review-images .review-image{width:100%;height:300px}.review-section .review-footer{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.review-section .review-footer .review-user-info .user-name{font-size:14px}.review-section .review-footer .review-user-info .verified-badge{font-size:11px;padding:3px 8px}.review-section .review-footer .review-date{font-size:12px}.review-section .review-rating{margin-bottom:10px}.review-section .review-rating .stars .star{font-size:15px}.review-section .review-title{font-size:15px;margin-bottom:8px}.review-section .review-content{font-size:13px;margin-bottom:0}.review-section .review-pagination{margin-top:25px}.review-section .review-empty{padding:50px 15px}.review-section .review-empty p{font-size:15px}.review-section .review-empty span{font-size:13px}.review-section .review-footer-section{flex-direction:column;gap:15px;margin-bottom:30px}.review-section .btn-write-review{width:100%}.review-modal-content{width:95%;max-height:85vh}.review-modal-header{padding:15px 20px}.review-modal-header h3{font-size:18px}.review-form{padding:20px}.review-rating-input .star-input{font-size:28px}.review-rating-input .rating-value{font-size:16px}}@media all and (max-width:460px){.goods .view .box .left .view-bottom .tab-box{padding-top:40px}.review-section .review-summary{margin-bottom:10px}.review-section .review-summary h3{font-size:16px}.review-section .review-list .review-item{padding:15px;margin-bottom:15px;gap:12px}.review-section .review-images .review-image{width:100%;height:250px}.review-section .review-pagination{margin-top:20px}.review-modal-header{padding:12px 15px}.review-modal-header h3{font-size:16px}.review-form{padding:15px}.review-form-group{margin-bottom:15px}.review-form-group label{font-size:14px}.review-rating-input .star-input{font-size:24px}.review-image-preview img{width:60px;height:60px}}
