.product-detail-name{display:block;color:#f2004f;font:500 clamp(1rem,4.5vw,1.375rem)/1.5 "Roboto",sans-serif;margin-bottom:10px;padding-bottom:3px;border-bottom:1px solid #e3e3e3;}.product-gallery{float:left;width:calc(100% - 440px);margin-bottom:10px;background:none;border-radius:0;position:relative;}#image-large{width:clac(100% - 2px);min-height:400px;max-height:700px;align-self:center;line-height:100%;background:#f8f9fa;margin-bottom:10px;cursor:grab;display:flex;align-items:center;justify-content:center;position:relative;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;}#image-large.dragging{touch-action:none;}#image-large:active{cursor:grabbing;}#image-large img{max-width:100%;max-height:100%;margin:auto;object-fit:contain;transition:transform 0.3s ease-out,opacity 0.3s ease-out;pointer-events:none;user-select:none;-webkit-user-select:none;will-change:transform;}#image-large.dragging img{transition:none;}#image-large img.slide-out-left{transform:translateX(-100%);opacity:0;}#image-large img.slide-out-right{transform:translateX(100%);opacity:0;}#image-large img.slide-in-right{animation:slideInFromRight 0.5s ease-in-out forwards;}#image-large img.slide-in-left{animation:slideInFromLeft 0.5s ease-in-out forwards;}@keyframes slideInFromRight{from{transform:translateX(100%);opacity:0;}to{transform:translateX(0);opacity:1;}}@keyframes slideInFromLeft{from{transform:translateX(-100%);opacity:0;}to{transform:translateX(0);opacity:1;}}#product-video-container{width:calc(100% - 2px);min-height:400px;max-height:600px;height:500px;align-self:center;line-height:100%;background:#000;margin-bottom:10px;cursor:pointer;display:none;position:relative;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb;box-shadow:0 1px 4px rgba(0,0,0,0.04);}#product-video-container #product-main-video{width:100%;height:100%;display:block;position:absolute;top:0;left:0;right:0;bottom:0;border:none;margin:0;padding:0;}@media only screen and (min-width:981px){#image-large{max-height:750px;}#product-video-container{max-height:600px;height:600px;}#product-video-container #product-main-video{height:100%;}}.video-toggle-btn{width:110px;height:60px;background:#ffffff;border-radius:8px;border:2px solid #e5e7eb;color:#6b7280;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;list-style:none;text-align:center;transition:all 0.3s ease;user-select:none;-webkit-user-select:none;touch-action:manipulation;font-size:clamp(11px,3vw,13px);font-weight:500;float:left;padding:0;padding-left:15px;margin:0;margin-left:10px;box-sizing:border-box;position:relative;}.video-toggle-btn::before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;}.video-toggle-btn::after{content:"Xem video";display:block;line-height:56px;font-size:0.6875rem;font-weight:500;padding-left:15px;text-align:left;}.video-toggle-btn:hover:not(.video-playing){border-color:#ec4899;color:#ec4899;transform:scale(1.05);}.video-toggle-btn:hover:not(.video-playing)::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ec4899'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");}.video-toggle-btn.video-playing:hover::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ec4899'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E");}.video-toggle-btn.video-playing{opacity:0.7;}.video-toggle-btn.video-playing::before{content:"";position:absolute;left:8px;top:50%;transform:translateY(-50%);width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center;}.video-toggle-btn.video-playing::after{content:"Xem ảnh";display:block;line-height:56px;font-size:0.6875rem;font-weight:500;padding-left:15px;text-align:left;}.video-toggle-btn.video-playing:hover{opacity:1;border-color:#ec4899;color:#ec4899;}.image-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:101;width:35px;height:60px;background-color:#ffffff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity 0.25s ease,background 0.2s ease,transform 0.2s ease,box-shadow 0.2s ease;box-shadow:2px 0 4px rgba(0,0,0,0.1);font-size:1.25rem;font-weight:300;color:#9ca3af;line-height:1;padding:0;margin:0;}#image-large:hover .image-nav-btn,.image-nav-btn:focus-visible{opacity:1;}.gallery-zoom-hint{position:absolute;top:12px;right:12px;z-index:10;display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;background:rgba(255,255,255,0.9);color:#555;font-size:11px;font-weight:500;box-shadow:0 1px 6px rgba(0,0,0,0.08);opacity:0;transition:opacity 0.25s ease;pointer-events:none;}#image-large:hover .gallery-zoom-hint{opacity:1;}.image-nav-btn:hover{background-color:#f9fafb;color:#6b7280;transform:translateY(-50%) scale(1.05);box-shadow:2px 0 6px rgba(0,0,0,0.15);}.image-nav-btn:active{transform:translateY(-50%) scale(0.95);}.image-nav-left{left:0;}.image-nav-left::before{content:"‹";font-size:1.5rem;font-weight:300;}.image-nav-right{right:0;}.image-nav-right::before{content:"›";font-size:1.5rem;font-weight:300;}#image-thumbnail-list{width:100%;margin-top:12px;margin-bottom:0;text-align:center;z-index:3;position:relative;}.video-toggle-wrapper{display:none;}.thumbnail-frame{display:inline-block;}.thumbnail-frame img,.thumbnail-frame div,.thumbnail-frame button{border:2px solid #e5e7eb;transition:all 0.3s ease;}.thumbnail-frame img:hover,.thumbnail-frame div:hover,.thumbnail-frame button:hover{border:2px solid #ec4899;transform:scale(1.05);}.image-thumbnail{width:60px;height:60px;cursor:pointer;border-radius:8px;margin-right:10px;float:left;object-fit:cover;background:#ffffff;}.gallery-more-btn{width:90px;height:60px;background:#ffffff;border-radius:8px;border:2px solid #e5e7eb;color:#6b7280;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;list-style:none;text-align:center;transition:all 0.3s ease;vertical-align:baseline;user-select:none;-webkit-user-select:none;touch-action:manipulation;font-size:clamp(11px,3vw,13px);font-weight:500;float:left;}.gallery-more-btn:hover{border-color:#ec4899;color:#ec4899;transform:scale(1.05);}@media only screen and (max-width:380px){.description h3{}.bulletin-board{line-height:1.4 !important;margin-bottom:5px !important;}.bulletin-board p{margin-bottom:5px !important;}.special strong{display:block !important;}.image-thumbnail{width:46px;height:46px;}.gallery-more-btn{width:69px;height:46px;}.video-toggle-wrapper .video-toggle-btn-mobile::after,.video-toggle-wrapper .video-toggle-btn-mobile.video-playing::after{}.video-toggle-btn{width:69px;height:46px;margin-right:8px;}.video-toggle-btn::after,.video-toggle-btn.video-playing::after{}}.video-toggle-wrapper{display:none;}@media only screen and (max-width:600px){.thumbnail-frame .video-toggle-btn{display:none;}.video-toggle-wrapper{display:block;text-align:center;margin-top:10px;}.video-toggle-wrapper .video-toggle-btn-mobile{float:none;display:inline-block;margin:0;width:120px;height:50px;position:relative;}.video-toggle-wrapper .video-toggle-btn-mobile::after{line-height:46px;content:"Xem video";}.video-toggle-wrapper .video-toggle-btn-mobile.video-playing::after{line-height:46px;content:"Xem ảnh";}}@media only screen and (max-width:380px){.video-toggle-wrapper .video-toggle-btn-mobile{width:118px;height:48px;}.video-toggle-wrapper .video-toggle-btn-mobile::after,.video-toggle-wrapper .video-toggle-btn-mobile.video-playing::after{line-height:48px;}}#image-gallery-background{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.8;z-index:9998;display:none;}#image-gallery-popup{float:none;margin:auto;top:20px;left:20px;right:20px;bottom:20px;padding:20px;border-radius:10px;background:#f3f3f3;z-index:9999;text-align:center;display:none;position:fixed;}.image-popup-frame{height:calc(100% - 180px);max-width:100%;aspect-ratio:16/9;border-radius:5px;cursor:pointer;margin:auto;background:#FFF;border:1px solid #e3e3e3;display:flex;position:relative;overflow:hidden;}.image-popup-frame img{max-width:100%;max-height:100%;filter:contrast(1.1);-webkit-filter:contrast(1.25);-webkit-filter:brightness(98%);-webkit-filter:saturate(120%);filter:saturate(120%);margin:auto;display:inline-block;vertical-align:middle;cursor:pointer;transition:transform 0.3s ease-out,opacity 0.3s ease-out;object-fit:contain;user-select:none;-webkit-user-select:none;will-change:transform;}.image-popup-frame img.slide-out-left{transform:translateX(-100%);opacity:0;}.image-popup-frame img.slide-out-right{transform:translateX(100%);opacity:0;}.image-popup-frame img.slide-in-right{animation:slideInFromRight 0.5s ease-in-out forwards;}.image-popup-frame img.slide-in-left{animation:slideInFromLeft 0.5s ease-in-out forwards;}.image-nav-left-popup{left:0;}.image-nav-left-popup::before{content:"‹";font-size:1.5rem;font-weight:300;}.image-nav-right-popup{right:0;}.image-nav-right-popup::before{content:"›";font-size:1.5rem;font-weight:300;}.thumbnail-bar-popup{display:block;text-align:center !important;margin:10px auto;padding:5px 4px 10px;max-height:320px;overflow-y:auto;}.thumbnail-bar-popup img{display:inline-block;width:80px;background-color:#FFF;border-radius:5px;padding:2px;cursor:pointer;border:1px solid #e3e3e3;margin:0 8px 10px;transition:border-color 0.2s ease,transform 0.2s ease;}.thumbnail-bar-popup img:hover{border:1px solid #c2117e;}@media only screen and (min-width:861px) and (max-width:1200px){.image-popup-frame{height:calc(100% - 140px);}.thumbnail-bar-popup img{width:70px;}.thumbnail-bar-popup{max-height:260px;}}@media only screen and (max-width:860px){#image-gallery-popup{border-radius:5px;padding:0;top:5px;left:5px;right:5px;bottom:5px;padding:5px;}.image-popup-frame{height:calc(100% - 400px);border:none;border-radius:10px 10px 0 0;padding:20px 0 0 0;}.thumbnail-bar-popup img{width:60px;}.thumbnail-bar-popup{max-height:220px;}}@media only screen and (max-width:600px){.thumbnail-bar-popup{max-height:300px;}}#image-gallery-popup .gallery-close-btn{position:absolute;top:12px;right:12px;padding:10px 20px;border:none;border-radius:25px;background:#dc2626;color:white;font-size:0.875rem;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;cursor:pointer;z-index:9999;transition:all 0.25s ease;display:flex;align-items:center;gap:6px;}#image-gallery-popup .gallery-close-btn::before{content:"✕";font-size:1rem;font-weight:700;line-height:1;}#image-gallery-popup .gallery-close-btn:hover{background:#b91c1c;transform:scale(1.05);}#image-gallery-popup .gallery-close-btn:active{transform:scale(0.98);background:#991b1b;}@media only screen and (max-width:600px){#image-gallery-popup .gallery-close-btn{padding:8px 16px;font-size:0.8125rem;top:8px;right:8px;}#image-gallery-popup .gallery-close-btn::before{font-size:0.875rem;}}.status{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000;opacity:.6;z-index:1;}.status-text{width:100%;font:500 clamp(1.25rem,4.5vw,1.6rem) "Helvetica Neue",Helvetica,Arial,sans-serif;color:#FFF;display:block;top:50%;left:0;right:0;margin:auto;text-align:center;position:absolute;z-index:200;}.edit-btn{padding:6px 10px;position:absolute;border:1px solid #e3e3e3;background-color:#FFF;color:#222;font-size:clamp(12px,3.5vw,14px);font-weight:400;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;border-radius:3px;top:5px;right:0;cursor:pointer;z-index:1;}.main-info{width:420px;float:right;word-wrap:break-word;background-color:#FFF;}.price-and-time{padding-bottom:10px;border-bottom:1px solid #e3e3e3;}.price-and-time .flash-sale-clock{color:rgb(135,135,135);font:bold clamp(1.5rem,7.5vw,1.875rem) "Helvetica Neue",Helvetica,Arial,sans-serif;margin-top:10px;}.detail-price{display:inline-block;color:#f01010;font:bold clamp(1.125rem,5.5vw,1.375rem) Arial,Helvetica,sans-serif;line-height:24px;margin-right:10px;}.detail-old-price{display:inline-block;color:#555;font:500 clamp(1rem,5vw,1.25rem) Arial,Helvetica,sans-serif;text-decoration:line-through;margin-right:10px;}.reduced{display:inline-block;vertical-align:middle;position:relative;top:-4px;padding:6px 10px;border-radius:4px;background-color:#e53935;color:#fff;font:600 clamp(12px,3.4vw,14px) Arial,Helvetica,sans-serif;line-height:1.2;white-space:nowrap;}@media only screen and (max-width:680px){.detail-price{font-size:clamp(16px,4.5vw,18px);}.detail-old-price{font-size:clamp(14px,4vw,16px);}.reduced{font-size:clamp(11px,3vw,12px);padding:5px 8px;}}.gift-box{width:100%;background-color:#fff;border:1px solid rgba(0,0,0,0.08);border-radius:6px;padding-top:15px;margin-bottom:15px;box-sizing:border-box;}.gift-title{width:100%;display:block;color:#e22f74;font-size:clamp(15px,4.5vw,18px);font-weight:bold;margin-bottom:15px;padding-bottom:10px;text-align:center;border-bottom:1px solid rgba(0,0,0,0.08);}.gift-box{position:relative;}.gift-paragraph{overflow-y:hidden;min-height:200px;max-height:360px;}#gift-bg{background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 35%,rgba(255,255,255,0.85) 65%,rgba(248,248,248,1) 100% );bottom:0;height:110px;left:0;position:absolute;width:100%;}.show-more-gift-btn{width:100%;height:auto;padding:12px 20px;border:none;background:linear-gradient(to bottom,#f5f5f5 0%,#e8e8e8 100%);border-radius:0 0 3px 3px;position:absolute;left:0;right:0;bottom:0;margin:auto;cursor:pointer;font-size:clamp(13px,3.8vw,15px);font-weight:500;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#555;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,0.04);transition:all 0.2s ease;}.show-more-gift-btn:hover{background:linear-gradient(to bottom,#ececec 0%,#dedede 100%);box-shadow:0 1px 3px rgba(0,0,0,0.06);}.show-more-gift-btn::before{content:"Hiện đầy đủ ▼";}#show-more-gift:checked ~ .gift-paragraph{height:auto;max-height:none;padding-bottom:50px;}#show-more-gift:checked ~ #gift-bg{display:none;}#show-more-gift:checked ~ .show-more-gift-btn::before{content:"Ẩn bớt ▲";}.product-action-btn{padding:14px 20px 14px 50px;border-radius:8px;border:none;text-align:center;font-weight:500;font-size:clamp(13px,3.5vw,15px);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-position:left 15px center;cursor:pointer;color:#FFF;text-decoration:none;margin:8px 0;background-size:24px;background-repeat:no-repeat;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:all 0.3s ease;}.product-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2);}.product-order-btn{width:100%;background-color:#2d2d2d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E"),linear-gradient(135deg,#2d2d2d 0%,#1a1a1a 100%);background-position:left 15px center,left 0 top 0;background-size:24px,100% 100%;background-repeat:no-repeat,no-repeat;}.product-order-btn:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E"),linear-gradient(135deg,#1a1a1a 0%,#000000 100%);}.product-cart-btn{width:100%;background-color:#ff9a7b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='10' y1='11' x2='14' y2='11'/%3E%3C/svg%3E"),linear-gradient(135deg,#ff9a7b 0%,#ff8562 100%);background-position:left 15px center,left 0 top 0;background-size:24px,100% 100%;background-repeat:no-repeat,no-repeat;}.product-cart-btn:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='10' y1='11' x2='14' y2='11'/%3E%3C/svg%3E"),linear-gradient(135deg,#ff8562 0%,#ff704a 100%);}.product-cart-added-btn{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 20px 14px 50px;background-color:#43a047;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E"),linear-gradient(135deg,#4caf50 0%,#388e3c 100%);background-position:left 15px center,left 0 top 0;background-size:24px,100% 100%;background-repeat:no-repeat,no-repeat;color:#FFF;text-decoration:none;font-weight:600;font-size:clamp(13px,3.5vw,15px);border:none;border-radius:10px;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,0.15);transition:all 0.3s ease;box-sizing:border-box;}.product-cart-added-btn:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 11l3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E"),linear-gradient(135deg,#388e3c 0%,#2e7d32 100%);color:#FFF;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.2);}.product-cart-added-btn .product-cart-added-label{display:block;margin-bottom:4px;color:#FFF;}.product-cart-added-btn .product-cart-added-label::before{content:"Đã thêm vào giỏ hàng";}.product-cart-added-btn .product-cart-view-label{display:block;font-size:0.9rem;font-weight:500;opacity:0.95;text-decoration:underline;color:#FFF;}.product-cart-added-btn .product-cart-view-label::before{content:"Xem giỏ hàng";}@media only screen and (min-width:601px) and (max-width:1200px){.product-action-btn{margin:10px 0;width:calc(50% - 6px);display:inline-block;}.product-order-btn{width:calc(50% - 6px);float:left;margin-right:12px;}.product-cart-btn{width:calc(50% - 6px);float:right;}.product-cart-added-btn{width:100%;clear:both;}.phone-btn{width:calc(50% - 6px);flex:0 0 calc(50% - 6px);}}.disable-order{width:100%;background:#555;}.bulletin-board{width:100%;padding:15px;border-radius:12px;line-height:1.6;font-size:clamp(13px,3.8vw,15px);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;margin:20px 0;color:#525252;border:1px solid #e3e3e3;background-color:#f5f1df;box-shadow:0 1px 3px rgba(0,0,0,0.06);}.bulletin-board p{font-weight:500;margin-bottom:0 !important;}.product-info{padding-top:15px;background:#FFf;margin-bottom:15px;border-radius:10px;font:500 clamp(0.75rem,2.4vw,0.9rem) "Roboto",Arial,sans-serif;}.product-info a{color:#428bca;}.product-info-list{font-size:clamp(12px,3.3vw,14px);overflow:hidden;}.product-code-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}.product-code-badge{display:inline-flex;align-items:center;gap:min(calc(6 * 100vw / 400),6px);padding:min(calc(4 * 100vw / 400),4px) min(calc(10 * 100vw / 400),10px) min(calc(4 * 100vw / 400),4px) min(calc(6 * 100vw / 400),6px);border:1.5px solid #d0d7e2;border-radius:999px;background:#fff;font-size:clamp(11px,2.6vw,12px);color:#3a7bd5;font-weight:500;cursor:default;}.product-code-dot{width:18px;height:18px;border-radius:50%;background:#b0b8c9;flex-shrink:0;display:inline-block;}.product-colors-section{margin-bottom:16px;}.product-colors-list{display:flex;flex-wrap:wrap;gap:10px;}.product-color-item{display:flex;align-items:center;gap:8px;padding:6px;border:2px solid #e5e5e5;border-radius:8px;background:#fff;cursor:pointer;position:relative;transition:border-color 0.2s ease;width:clamp(130px,50%,160px);box-sizing:border-box;}.product-color-item:hover{border-color:#ccc;}.product-color-item.active{border-color:#dc2626;}.product-color-item img{width:50px;height:50px;object-fit:cover;border-radius:4px;flex-shrink:0;}.product-color-random-icon{width:50px;height:50px;border-radius:4px;flex-shrink:0;background:linear-gradient(135deg,#ff6b6b 0%,#feca57 25%,#48dbfb 50%,#ff9ff3 75%,#54a0ff 100%);}.product-color-info{display:flex;flex-direction:column;gap:2px;}.product-color-name{font-size:clamp(12px,3.2vw,14px);font-weight:600;color:#333;}.product-color-code{font-size:clamp(11px,2.8vw,13px);color:#666;}.product-color-check{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:#dc2626;display:none;}.product-color-check::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;}.product-color-item.active .product-color-check{display:block;}.product-color-item.paused{cursor:not-allowed;background:#f9f9f9;border-color:#e5e5e5;opacity:0.85;}.product-color-item.paused:hover{border-color:#e5e5e5;}.product-color-item.paused img{filter:grayscale(100%) brightness(0.9);}.product-color-item.paused .product-color-name,.product-color-item.paused .product-color-code{color:#999;}.product-color-item.paused .product-color-check{display:none !important;}@media only screen and (max-width:420px){.product-color-item{padding:6px 8px;}.product-color-item img{width:40px;height:40px;}}.product-info li{width:100%;margin-bottom:10px;float:left;color:#333;list-style:none;position:relative;}.product-info .param-label{width:125px;display:block;float:left;padding-right:10px;}.product-status{font-weight:bold;}.phone-contact-group{width:100%;max-width:100%;margin:15px 0;display:flex;gap:12px;flex-wrap:wrap;box-sizing:border-box;}.phone-contact-group *{outline:none !important;-webkit-tap-highlight-color:transparent !important;}.phone-btn{flex:1 1 auto;min-width:0;max-width:100%;padding:12px 14px;border-radius:6px;border:1px solid rgba(0,0,0,0.08);display:flex;align-items:center;flex-wrap:wrap;row-gap:2px;gap:10px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;text-decoration:none;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.06);transition:all 0.2s ease;box-sizing:border-box;overflow:hidden;outline:none !important;-webkit-tap-highlight-color:transparent;}.phone-working-time{order:99;flex-basis:100%;margin-left:30px;display:inline-flex;align-items:center;gap:5px;font-size:clamp(11px,3vw,12px);font-weight:500;color:#666;white-space:nowrap;line-height:1.2;}.phone-working-time::before{content:"";display:inline-block;width:16px;height:16px;flex-shrink:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><circle cx='32' cy='32' r='30' fill='%23F5A623'/><circle cx='32' cy='32' r='24' fill='%23ffffff'/><rect x='30' y='8' width='4' height='7' rx='2' fill='%23999'/><rect x='30' y='49' width='4' height='7' rx='2' fill='%23999'/><rect x='8' y='30' width='7' height='4' rx='2' fill='%23999'/><rect x='49' y='30' width='7' height='4' rx='2' fill='%23999'/><line x1='32' y1='32' x2='44' y2='20' stroke='%23222' stroke-width='5' stroke-linecap='round'/><line x1='32' y1='32' x2='32' y2='17' stroke='%23222' stroke-width='5' stroke-linecap='round'/><line x1='32' y1='32' x2='22' y2='48' stroke='%23E74C3C' stroke-width='3' stroke-linecap='round'/><circle cx='32' cy='32' r='3.5' fill='%23555'/></svg>");background-repeat:no-repeat;background-position:center;background-size:contain;}.phone-btn:hover{box-shadow:0 2px 8px rgba(0,0,0,0.12);border-color:rgba(0,0,0,0.12);}.phone-btn:focus{outline:none !important;box-shadow:0 2px 8px rgba(0,0,0,0.12);border-color:rgba(0,0,0,0.15);}.phone-btn:active{outline:none !important;}.phone-btn:focus-visible{outline:none !important;}.phone-btn::before{content:'📞';font-size:clamp(16px,5vw,20px);flex-shrink:0;}.phone-number{font-weight:600;font-size:clamp(14px,4vw,16px);color:#333;flex-shrink:0;white-space:nowrap;}.phone-btn::after{content:'Liên hệ';font-size:clamp(12px,3.5vw,14px);color:#666;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.phone-call{background:rgba(76,175,80,0.03);border-color:rgba(76,175,80,0.2);}.phone-call:hover{background:rgba(76,175,80,0.06);border-color:rgba(76,175,80,0.3);}.phone-call::before{content:'📞';}.phone-call .phone-number{color:#4CAF50;}.phone-call::after{content:'Gọi điện - Nhắn tin';}.phone-zalo{background:rgba(0,132,255,0.03);border-color:rgba(0,132,255,0.2);}.phone-zalo:hover{background:rgba(0,132,255,0.06);border-color:rgba(0,132,255,0.3);}.phone-zalo::before{content:'💬';}.phone-zalo .phone-number{color:#0084ff;}.phone-zalo::after{content:'Tư vấn qua Zalo';}@media only screen and (max-width:600px){.parameter-list li{padding:9px;font-size:clamp(11px,3vw,13px);}.parameter-list li .param-label{width:115px;}.parameter-list li .param-value{width:calc(100% - 125px);}}@media only screen and (max-width:390px){.parameter-list li{padding:8px;font-size:clamp(11px,3vw,12.5px);}.parameter-list li .param-label{width:105px;}.parameter-list li .param-value{width:calc(100% - 115px);}}@media only screen and (max-width:600px){.phone-contact-group{flex-direction:column;gap:10px;}.phone-btn{width:100%;flex:1 1 100%;min-width:100%;max-width:100%;padding:10px 12px;gap:8px;}.phone-btn::before{font-size:clamp(18px,5.5vw,22px);}.phone-number{font-size:clamp(14px,4vw,16px);}.phone-btn::after{font-size:clamp(12px,3.5vw,14px);}}@media only screen and (min-width:1201px){.phone-btn{width:100%;flex:1 1 100%;}}.product-order-btn span,.disable-order span{display:block;color:#FFF;font-weight:bold;}.product-order-btn::before{content:"ĐẶT MUA NGAY"}.disable-order span::before{content:"Vui lòng chọn sp khác"}.parameter{width:100%;margin-bottom:30px;}.parameter-title{font-size:clamp(14px,4vw,16px);font-weight:bold;margin-bottom:15px;line-height:1.5;}.parameter-list{width:100%;margin:0;padding:0;list-style:none;}.parameter-list li{list-style:none;padding:clamp(8px,2vw,12px);font-size:clamp(12px,3.2vw,14px);display:flex;line-height:1.5;}.parameter-list li .param-label{width:clamp(100px,28%,140px);min-width:100px;max-width:140px;display:block;float:left;flex-shrink:0;}.parameter-list li .param-value{width:calc(100% - clamp(110px,30%,150px));float:right;flex:1;}.special{margin-top:20px;padding:10px;font-size:clamp(12px,3.5vw,14px);line-height:1.5;}.special strong{font-weight:bold;margin-bottom:15px;font-size:clamp(14px,4vw,16px);}.description{width:calc(100% - 440px);color:#2c3e50;word-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;line-height:1.8;font-weight:400;margin:0 0 30px;float:left;position:relative;}.description video{width:100%;margin:auto;display:block;}.description iframe{width:100%;max-width:1200px;aspect-ratio:16/9;margin-top:10px;display:block;border:none;}.description p{display:block;margin-bottom:6px;text-align:justify;font-size:clamp(13px,3.2vw,15px) !important;line-height:1.5;}.description p *{font-size:inherit !important;line-height:inherit;}.description p img{max-width:100%;margin-top:20px;-webkit-transition:all 300ms ease-in;-ms-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;transition:all 300ms ease-in;}.description h2{color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:clamp(18px,6vw,24px);font-weight:700;line-height:1.4;margin-top:32px;margin-bottom:16px;}.description h3{color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:clamp(16px,5vw,20px);font-weight:600;line-height:1.4;margin-top:24px;margin-bottom:12px;}.description p a{color:#3498db;text-decoration:none;border-bottom:1px solid transparent;transition:all 0.2s ease;}.description p a:hover{color:#2980b9;border-bottom:1px solid #2980b9;}.description p em{font-style:italic;color:#555;}.description p strong{font-weight:700;color:#1a1a1a;}.description ul,.description ol{margin:16px 0;padding-left:0;list-style-position:inside;}.description li{margin-bottom:8px;font-size:clamp(11px,3vw,16px);line-height:1.8;}.description .updated_at{color:#7f8c8d;font-style:italic;text-align:right;font-size:clamp(12px,3.5vw,14px);margin-top:24px;}.content-paragraph{overflow-y:hidden;max-height:1000px;}#article-bg{background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 30%,rgba(255,255,255,0.7) 60%,rgba(248,248,248,1) 100% );bottom:0;height:110px;left:0;position:absolute;width:100%;}.show-more-article-btn{width:100%;height:auto;padding:12px 20px;border:none;background:linear-gradient(to bottom,#f5f5f5 0%,#e8e8e8 100%);border-radius:0 0 3px 3px;position:absolute;left:0;right:0;bottom:0;margin:auto;cursor:pointer;font-size:clamp(13px,3.8vw,15px);font-weight:500;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#555;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,0.04);transition:all 0.2s ease;}.show-more-article-btn:hover{background:linear-gradient(to bottom,#ececec 0%,#dedede 100%);box-shadow:0 1px 3px rgba(0,0,0,0.06);}.show-more-article-btn::before{content:"Hiện đầy đủ ▼";}#show-more-article:checked ~ .content-paragraph{height:auto;max-height:none;padding-bottom:50px;}#show-more-article:checked ~ #article-bg{display:none;}#show-more-article:checked ~ .show-more-article-btn::before{content:"Ẩn bớt ▲";}@media only screen and (max-width:980px){.product-gallery{width:100%;float:none;}.main-info{width:100%;float:none;word-wrap:break-word;}.parameter{float:none;width:100%;margin-bottom:10px;}.special{background-color:transparent;padding:0;}.description{width:100%;float:none;}}@media only screen and (max-width:680px){#image-large{width:100%;min-height:300px;}.image-nav-btn{width:30px;height:50px;font-size:1.125rem;opacity:1;}.gallery-zoom-hint{display:none;}.image-nav-left{left:0;}.image-nav-right{right:0;}.row-info{width:100%;}}@media only screen and (max-width:860px){h1{font-size:clamp(16px,4.5vw,18px);font-weight:bold;}}#popup-confirm-cart-bg{position:absolute;background-color:#000000;opacity:.5;z-index:9998;top:0;right:0;bottom:0;left:0;margin:0;padding:0;display:none;}#popup-confirm-cart{width:90%;max-width:380px;min-height:200px;padding:30px 30px;background-color:#FFF;position:fixed;top:0;right:0;top:200px;left:0;border-radius:5px;margin:auto;z-index:9999;display:none;}#popup-confirm-cart a{text-decoration:none;cursor:pointer;}#popup-confirm-cart button{width:100%;padding:15px 12px;font:400 clamp(0.875rem,4vw,1rem) "Helvetica Neue",Helvetica,Arial,sans-serif;border-radius:5px;cursor:pointer;}.continue-btn{background-color:#2a2a2a;margin-bottom:20px;color:#FFF;border:none;}.go-to-cart-btn{border:2px solid #222;color:#222;}.title-popup-confirm-cart{width:100%;text-align:center;font:400 clamp(0.875rem,3.5vw,1.1rem)/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#222;margin-bottom:10px;}.content-popup-cart{width:100%;color:#666;font:400 clamp(0.75rem,3vw,0.85rem)/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;cursor:pointer;margin-bottom:30px;text-align:center;}.white-bg{background-color:#FFF !important;}.ghost-white-bg{background-color:#eaeaeb !important;}.dew-bg{background-color:#d7d7d7 !important;}.light-green-bg{background-color:#e8ecdd !important;}.gift-list{list-style:none;margin:0;padding:0;}.gift-list-source{display:none;}.gift-item{display:flex;align-items:center;width:100%;padding:6px 8px;margin-bottom:6px;border:1px solid transparent;border-radius:8px;background-color:#fff;cursor:pointer;box-sizing:border-box;transition:background-color 0.15s ease,border-color 0.15s ease;}.gift-item:last-child{margin-bottom:0;}.gift-item:hover{background-color:#f5f5f5;}.gift-item.active{border-color:#e22f74;background-color:#fdf2f7;}.gift-item > label{display:flex;align-items:center;gap:10px;width:100%;margin:0;cursor:pointer;}.gift-item .gift-select{flex-shrink:0;display:flex;align-items:center;order:1;}.gift-item .gift-select input[type="radio"]{width:18px;height:18px;margin:0;accent-color:#e22f74;cursor:pointer;}.gift-item .gift-info{flex:1;min-width:0;order:2;line-height:1.35;}.gift-item .gift-name{margin:0;font-size:clamp(11px,3vw,13px);color:#2c3e50;}.gift-item .gift-meta{margin:3px 0 0;font-size:clamp(11px,3vw,13px);color:#555;}.gift-item .gift-code,.gift-item .gift-price{color:#e22f74;font-weight:600;}.gift-item .gift-media{order:3;width:56px;height:56px;flex-shrink:0;border-radius:6px;overflow:hidden;background:#fff;border:1px solid #eee;}.gift-item .gift-media img{width:100%;height:100%;object-fit:cover;display:block;}@media (min-width:640px){.gift-item .gift-media{width:48px;height:48px;}}