.product-layout{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1100px}@media (min-width:992px){.product-layout{align-items:flex-start;flex-direction:row}}.product-layout__gallery{width:100%}@media (min-width:992px){.product-layout__gallery{flex:0 0 52%;max-width:52%}}.product-layout__auction{width:100%}@media (min-width:992px){.product-layout__auction{flex:1}}.pcarousel__main{aspect-ratio:3/2;background:#f0f0f0;border-radius:12px;overflow:hidden;position:relative}.pcarousel__main img#pcarousel-img{display:block;height:100%;object-fit:cover;transition:opacity .22s ease;width:100%}.pcarousel__main img#pcarousel-img.fading{opacity:0}@media (min-width:992px){.pcarousel__main img#pcarousel-img{cursor:zoom-in}}.pcarousel__logo{left:12px;max-height:50px;max-width:80px;object-fit:contain;pointer-events:none;position:absolute;top:12px;z-index:5}.pcarousel__arrow{align-items:center;background:hsla(0,0%,100%,.88);border:none;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#222;cursor:pointer;display:flex;font-size:30px;height:40px;justify-content:center;line-height:1;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s,transform .2s;width:40px;z-index:5}.pcarousel__arrow:hover{background:#fff;transform:translateY(-50%) scale(1.08)}.pcarousel__arrow--prev{left:10px}.pcarousel__arrow--next{right:10px}.pcarousel__counter{backdrop-filter:blur(4px);background:rgba(0,0,0,.5);border-radius:20px;bottom:10px;color:#fff;font-size:.78rem;padding:2px 10px;pointer-events:none;position:absolute;right:12px}.pcarousel__thumbs{display:flex;gap:6px;margin-top:8px;overflow-x:auto;padding-bottom:4px}.pcarousel__thumbs::-webkit-scrollbar{height:3px}.pcarousel__thumbs::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:2px}.pcarousel__thumb{border:2px solid transparent;border-radius:6px;cursor:pointer;flex-shrink:0;height:50px;object-fit:cover;opacity:.5;transition:opacity .2s,border-color .2s;width:70px}.pcarousel__thumb:hover{opacity:.8}.pcarousel__thumb.active{border-color:var(--primary-color,#63baba);opacity:1}.product-content{padding:2rem 1rem}.product-title{color:#12263a;font-size:2rem;font-weight:700;position:relative;text-transform:capitalize}.product-link{background:#256eff;color:#fff;display:inline-block;font-size:.9rem;font-weight:400;margin-bottom:.5rem;padding:0 .3rem;text-decoration:none;text-transform:uppercase;transition:all .5s ease}.product-price{color:var(--primary-color)!important;font-size:2rem;font-weight:700}.last-price span{color:#f64749;text-decoration:line-through}.new-price span{color:#256eff}.product-detail h2{color:#12263a;padding-bottom:.6rem;text-transform:capitalize}.product-detail p{font-size:.9rem;opacity:.8;padding:.3rem}.product-detail ul{font-size:.9rem;margin:1rem 0}.product-detail ul li{background:url(https://fadzrinmadu.github.io/hosted-assets/product-detail-page-design-with-image-slider-html-css-and-javascript/checked.png) 0 no-repeat;background-size:18px;font-weight:600;list-style:none;margin:.4rem 0;opacity:.9;padding-left:1.7rem}.product-detail ul li span{font-weight:400}.purchase-info{margin:1.5rem 0}.purchase-info .btn,.purchase-info input{border:1.5px solid #ddd;border-radius:25px;margin-bottom:1rem;margin-right:.2rem;outline:0;padding:.45rem .8rem;text-align:center}.purchase-info input{width:60px}.purchase-info .btn{color:#fff;cursor:pointer}.purchase-info .btn:first-of-type{background:#256eff}.purchase-info .btn:last-of-type{background:#f64749}.purchase-info .btn:hover{opacity:.9}.social-links,.social-links a{align-items:center;display:flex}.social-links a{border:1px solid #000;border-radius:50%;color:#000;font-size:.8rem;height:32px;justify-content:center;margin:0 .2rem;text-decoration:none;transition:all .5s ease;width:32px}.social-links a:hover{background:#000;border-color:transparent;color:#fff}.feature-tab-list-2 li a.active,.feature-tab-list-2 li a:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:#39413e}.tab-pane i{margin-right:1rem}.app-two-single-feature{background-color:rgba(99,186,186,.078)}.tuto-list{background:#63baba;border-radius:50%;display:block;font-size:1.8rem;height:40px;line-height:40px;margin-bottom:30px;text-align:center;width:40px}.label-conso-energie{color:#696969;font-size:14px;font-weight:700;margin-bottom:20px;margin-right:20px}.conso-range .letter{display:inline-block;height:100px;position:relative}.conso-range .conso-emission-num,.conso-range .conso-num{color:#696969;left:0;position:absolute;text-align:center;top:60px;width:34px}.conso-emission-num .note-conso{left:-20px;position:absolute}.conso-num .note-conso{left:-5px;position:absolute}.conso-emission-num,.conso-num{font-size:14px;font-weight:700}.note-conso{font-size:11px;font-weight:500}.labels-link{display:flex;flex-direction:column}.indiq-letter{border-radius:5px;color:#fff;display:inline-block;padding:3px 0;position:relative;text-align:center;width:30px}.indiq-letter.active{border-radius:5px 5px 0 0;padding:8px 0;width:34px}.indiq-letter.active:after{background:transparent;border-bottom:17.2px solid transparent;border-top:17.5px solid transparent;content:"";position:absolute;right:.52rem;top:35.2px;transform:rotate(90deg)}.conso-A{background:#029163}.conso-A:after{border-left:17px solid #029163}.conso-B{background:#46a64a}.conso-B:after{border-left:17px solid #46a64a}.conso-C{background:#6db56b}.conso-C:after{border-left:17px solid #6db56b}.conso-D{background:#f2e314}.conso-D:after{border-left:17px solid #f2e314}.conso-E{background:#edab0f}.conso-E:after{border-left:17px solid #edab0f}.conso-F{background:#e8782f}.conso-F:after{border-left:17px solid #e8782f}.conso-G{background:#d1201e}.conso-G:after{border-left:17px solid #d1201e}.emission-A{background:#abdbf9}.emission-A:after{border-left:17px solid #abdbf9}.emission-B{background:#91b4d4}.emission-B:after{border-left:17px solid #91b4d4}.emission-C{background:#7a92b2}.emission-C:after{border-left:17px solid #7a92b2}.emission-D{background:#626f90}.emission-D:after{border-left:17px solid #626f90}.emission-E{background:#4e5272}.emission-E:after{border-left:17px solid #4e5272}.emission-F{background:#393552}.emission-F:after{border-left:17px solid #393552}.emission-G{background:#271b36}.emission:after{border-left:17px solid #271b36}.choiceBtn{display:flex;flex-direction:row;justify-content:space-evenly;margin:auto;width:50%}.noHover{pointer-events:none}@media (max-width:768px){.action-btns{margin:auto;width:80%}}.auction-btn{margin-bottom:1rem;width:100%}@media (min-width:768px){.auction-btn{width:25%!important}}.gallery-modal{background:rgba(8,12,18,.97);border:none;border-radius:20px;overflow:hidden}.gallery-modal .gallery-close{align-items:center;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.18);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:38px;justify-content:center;line-height:1;position:absolute;right:14px;top:14px;transition:background .2s;width:38px;z-index:20}.gallery-modal .gallery-close:hover{background:hsla(0,0%,100%,.26)}.gallery-modal .gallery-counter{color:hsla(0,0%,100%,.65);font-size:.85rem;left:50%;letter-spacing:.06em;pointer-events:none;position:absolute;top:18px;transform:translateX(-50%);z-index:10}.gallery-modal .modal-body{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:56px 64px 20px}.gallery-modal .gallery-image{border-radius:10px;max-height:62vh;max-width:100%;object-fit:contain;transition:opacity .22s ease}.gallery-modal .gallery-image.fading{opacity:0}.gallery-modal .gallery-nav{align-items:center;backdrop-filter:blur(6px);background:hsla(0,0%,100%,.13);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:34px;height:50px;justify-content:center;line-height:1;position:absolute;top:calc(50% - 30px);transform:translateY(-50%);transition:background .2s,border-color .2s;width:50px;z-index:10}.gallery-modal .gallery-nav:hover{background:hsla(0,0%,100%,.26);border-color:hsla(0,0%,100%,.4)}.gallery-modal .gallery-nav.prev{left:14px}.gallery-modal .gallery-nav.next{right:14px}.gallery-modal .gallery-thumbnails{display:flex;gap:8px;margin-top:16px;max-width:100%;overflow-x:auto;padding:4px 2px 6px}.gallery-modal .gallery-thumbnails::-webkit-scrollbar{height:4px}.gallery-modal .gallery-thumbnails::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:2px}.gallery-modal .gallery-thumb{border:2px solid transparent;border-radius:6px;cursor:pointer;flex-shrink:0;height:46px;object-fit:cover;opacity:.4;transition:opacity .2s,border-color .2s;width:64px}.gallery-modal .gallery-thumb.active,.gallery-modal .gallery-thumb:hover{border-color:var(--primary-color,#63baba);opacity:1}@media (max-width:767px){.gallery-modal{border-radius:0;display:flex;flex-direction:column;height:100%}.gallery-modal .modal-body{flex:1;justify-content:flex-start;min-height:0;padding:56px 8px 12px}.gallery-modal .gallery-image{max-height:calc(100dvh - 175px);max-width:calc(100% - 88px)}.gallery-modal .gallery-nav{font-size:22px;height:36px;width:36px}.gallery-modal .gallery-nav.prev{left:6px}.gallery-modal .gallery-nav.next{right:6px}.gallery-modal .gallery-thumb{height:36px;width:50px}}.choice-buttons label{color:#575757;display:inline-block;font-weight:500}.choice-buttons input:checked+label{color:#575757}