.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}}