@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&family=Oswald:wght@200..700&display=swap');
.wpc-panorama-single-configurator .container, .wpc-panorama-single-configurator .wpc-config-element.wpc-panorama-content-pusher {
  background: linear-gradient(180deg, rgba(21, 21, 21, 1) 0%, rgba(35, 35, 35, 1) 35%, rgba(49, 49, 49, 1) 100%);
}
.wpc-panorama-single-configurator .wpc-config-element.wpc-panorama-content-pusher header.wpc-header-parent-wrap{
  margin-top:0!important;
  padding:30px 0 !important;
}
.wpc-panorama-single-configurator header div#wpc-logo {
  display: none !important;
}
.slide-right .wpc-panorama-content-pusher, .slide-right .wpc-controls-parent-wrap {
  left: 0;
}
.wpc-panorama-single-configurator #wpc-header-element-right-wrapper {
  float: left !important;
  position: relative;
  top: 50px;
}
.wpc-panorama-single-configurator .wpc-control-lists:before {
  display: none;
}
.wpc-panorama-single-configurator .wpc-floating-icons {
  top: 25px !important;
}
.wpc-panorama-single-configurator .wpc-floating-icons li {
  margin: 0 10px 10px 0;
  display: inline-block;
}
.wpc-flyin-wrap.wpc-flyin-right.wpc-flyin-small {
  height: calc(100% - 135px) !important;
  max-height: calc(100% - 135px) !important;
}
.wpc-panorama-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li {
  border-left: 1px solid #535353;
  width: 200px;
  max-width: 100%;
  min-width: 200px;
}
.wpc-panorama-single-configurator .wpc-controls-parent-wrap ul {
  margin: 0;
  border: 0;
  padding: 0px 0 !important;
}
.wpc-panorama-single-configurator .wpc-controls-parent-wrap .wpc-control-lists {
  border: 0 !important;
  height: 135px;
}
.wpc-panorama-single-configurator .wpc-panorama-control .wpc-control-lists-inner .wpc-control-item:after {
  opacity: 1 !important;
  background: unset !important;
  border: none !important;
  font-size: 14px;
  line-height: 24px;
  bottom: 0;
  top: unset;
  font-family: "Orbitron", sans-serif;
}
.wpc-panorama-single-configurator .wpc-panorama-flyin-sidebar-inner .wpc-summary-list ul li span.wpc-summary-list-base-price,
.wpc-panorama-single-configurator .wpc-panorama-flyin-sidebar-inner .wpc-summary-list ul li span.wpc-summary-list-group-price {
  color: #f8b100 !important;
  font-size: 18px !important;
}
.wpc-panorama-single-configurator .wpc-price-wrap p {
  color: #f8b100 !important;
  font-size: 35px;
  font-weight: 900 !important;
  line-height: 38px !important;
}
.wpc-panorama-single-configurator .wpc-quote-form-parent-wrap a.wpc-primary-btn,
.wpc-panorama-summary-footer .wpc-primary-btn {
  background: #f8b100 !important;
}
.wpc-panorama-single-configurator .wpc-panorama-flyin-sidebar-inner .wpc-panorama-flyin-logo span.wpc-flyin-text {
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  color: #f8b100 !important;
  font-family:'Oswald';
}
.wpc-panorama-single-configurator .wpc-panorama-flyin-sidebar-inner .wpc-summary-list ul li{
  font-family: "Orbitron", sans-serif;
  color:#f8b100;
}
.wpc-panorama-single-configurator .wpc-panorama-flyin-sidebar-inner .wpc-summary-list ul li span.wpc-summary-list-title{
  font-family:"Oswald", sans-serif;
}
.wpc-panorama-single-configurator .wpc-flyin-wrap.wpc-flyin-right.wpc-flyin-small {
  width: 300px;
  height: 550px;
  top: 60px;
  border-radius: 0px;
}
.custom-mailcartform, .custom-purchasedet {
  position: relative;
  display: inline-block;
}
.custom-mailcartform::after, .custom-purchasedet::after {
  content: attr(data-title);
  position: absolute;
  bottom: -45px;
  left: -50%;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.5s;
  z-index: 1000;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  pointer-events: none;
}
.custom-mailcartform:hover::after,
.custom-purchasedet:hover::after {
  opacity: 1;
  visibility: visible;
}
.wpc-panorama-summary-footer .wpc-panorama-summary-total,
.wpc-config-element.wpc-panorama-content-pusher {
  font-family: "Orbitron", sans-serif;
}
.wpc-panorama-single-configurator .wpc-panorama-flyin-sidebar-inner .wpc-summary-list ul li span.wpc-summary-list-child-title > span {
  font-family: 'Oswald';
  color: #fff;
  font-weight: 300;
}
@media screen and (max-width: 1280px) {
  .wpc-panorama-single-configurator .wpc-quote-form-parent-wrap a.wpc-primary-btn, .wpc-panorama-summary-footer .wpc-primary-btn {
    background: #f8b100 !important;
    font-size: 18px !important;
    width: 40px;
    height: 40px;
    line-height: 28px;
  }
  .wpc-panorama-single-configurator .wpc-panorama-flyin-sidebar-inner .wpc-panorama-flyin-logo a.wpc-close-btn {
    font-size: 18px !important;
    width: 35px;
    height: 35px;
    line-height: 30px;
  }
  .wpc-panorama-flyin-logo {
    padding: 40px 30px;
    display: inline-block;
    width: 100%;
    height: 100px;
  }
  .wpc-quote-form-parent-wrap, .wpc-panorama-cart-form-parent-wrap {
    bottom: -35px;
  }
  .wpc-panorama-single-configurator .wpc-carousel-item div#wpc-front-15 {
    transform: scale(0.55) !important;
  }
  .show-scroll .wpc-control-lists-inner .wpc-control-item.wpc-control-close {
    position: unset;
    margin-left: 0;
    z-index: 1;
  }
  .wpc-panorama-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li {
    min-width: 180px;
  }
}
@media screen and (max-width: 1080px) {
  .wpc-panorama-flyin-logo {
    padding: 20px 15px;
    display: inline-block;
    width: 100%;
    height: 100px;
  }
  .wpc-panorama-single-configurator .wpc-panorama-flyin-sidebar-inner .wpc-panorama-flyin-logo span.wpc-flyin-text {
    font-size: 12px;
    top: 30px;
    position: relative;
  }
  .wpc-panorama-single-configurator .wpc-panorama-flyin-sidebar-inner .wpc-panorama-flyin-logo a.wpc-close-btn {
    font-size: 12px !important;
    width: 25px;
    height: 25px;
    line-height: 25px;
  }
  .wpc-panorama-single-configurator .wpc-panorama-flyin-sidebar-inner .wpc-summary-list ul li, .wpc-panorama-single-configurator .wpc-panorama-flyin-sidebar-inner .wpc-summary-list ul li span.wpc-summary-list-title {
    font-size: 11px !important;
    padding: 0 5px !important;
    display: block;
  }
  .wpc-panorama-single-configurator .wpc-panorama-flyin-sidebar-inner .wpc-summary-list ul li span.wpc-summary-list-base-price, .wpc-panorama-single-configurator .wpc-panorama-flyin-sidebar-inner .wpc-summary-list ul li span.wpc-summary-list-group-price {
    font-size: 14px !important;
    font-family: "Orbitron", sans-serif;
  }
  .wpc-panorama-flyin-sidebar-inner .wpc-summary-list ul li .wpc-summary-list-child-wrap .wpc-summary-list-child-title > span {
    font-family: 'Oswald';
  }
  .wpc-panorama-single-configurator .wpc-panorama-flyin-sidebar-inner .wpc-summary-list ul li span.wpc-summary-list-price {
    font-family: 'Orbitron';
    color: #f8b100;
  }
  .wpc-panorama-single-configurator .wpc-carousel-item div#wpc-front-15 {
    transform: scale(0.45) !important;
  }
  .wpc-panorama-single-configurator .wpc-panorama-summary-footer, .wpc-panorama-single-configurator .wpc-panorama-summary-footer-inner {
    display: block;
  }
  .wpc-panorama-single-configurator .wpc-panorama-summary-footer form.wpc-form.wpc-cart-form.cart {
    display: block;
  }
  .wpc-panorama-single-configurator .wpc-panorama-summary-footer form.wpc-form.wpc-cart-form.cart .wpc-primary-btn {
    width: 100%;
  }
  .wpc-panorama-single-configurator #wpc-header-element-right-wrapper .wpc-header-element-right {
    bottom: -40vh;
  }
  .wpc-panorama-single-configurator .wpc-flyin-wrap.wpc-flyin-right.wpc-flyin-small {
    width: 173px;
    height: 400px;
  }
}
@media screen and (max-width: 767px) {
  .wpc-panorama-single-configurator .wpc-panorama-flyin-sidebar-inner .wpc-panorama-flyin-logo a.wpc-close-btn {
    top: 7px;
  }
  .wpc-panorama-single-configurator .wpc-carousel-item div#wpc-front-15 {
    transform: scale(0.38) !important;
  }
  .wpc-panorama-flyin-logo {
    padding: 3px 15px;
    width: 100%;
    height: 70px;
  }
  .wpc-panorama-single-configurator .wpc-panorama-summary-footer, .wpc-panorama-single-configurator .wpc-panorama-summary-footer-inner {
    padding: 0;
  }
  .wpc-panorama-single-configurator .wpc-panorama-summary-footer-inner {
    font-family: "Orbitron", sans-serif;
  }
  .wpc-panorama-single-configurator .wpc-flyin-wrap.wpc-flyin-right.wpc-flyin-small .wpc-panorama-summary-wrap {
    height: calc(100% - 106px);
  }
  .wpc-panorama-single-configurator #wpc-header-element-right-wrapper .wpc-header-element-right {
    bottom: -45vh;
  }
  .wpc-panorama-single-configurator #wpc-header-element-right-wrapper .wpc-header-element-right .wpc-share-parent-wrap {
    margin: 0 !important;
  }
  .wpc-panorama-single-configurator #wpc-header-element-right-wrapper .wpc-header-element-right .wpc-share-parent-wrap {
    margin: 0 !important;
  }
}
@media screen and (max-width: 480px) {
  .wpc-panorama-single-configurator #wpc-header-element-right-wrapper .wpc-header-element-right {
    bottom: -53vh;
    left: -157px;
  }
  .wpc-panorama-single-configurator .wpc-flyin-wrap.wpc-flyin-right.wpc-flyin-small {
    width: 155px;
    height: 275px;
  }
}
#wpc-header-element-right-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
#wpc-header-element-right-wrapper .wpc-price-wrap {
  text-align: center;
  width: 100%;
}
#wpc-header-element-right-wrapper .wpc-header-element-right {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(10px);
  transition: all 0.4s ease;
}
#wpc-header-element-right-wrapper .wpc-header-element-right[style*="display:inline-flex"] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0);
}
.wpc-panorama-cart-form-parent-wrap .stock{display:none}.wpc-panorama-summary-footer-inner .quantity input{display:none}
.wpc-panorama-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li{flex:1 1 45%;min-width:160px;max-width:240px;min-height:120px;padding:12px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden;text-align:center;font-size:clamp(13px,1.4vw,15px);line-height:1.2;position:relative}
.wpc-panorama-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li img{max-height:60px;max-width:90%;height:auto;width:auto;margin:0 auto;display:block}
.wpc-panorama-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li span{display:block;white-space:normal;text-overflow:initial;overflow:hidden;max-height:none;word-break:break-word;hyphens:auto}
.wpc-panorama-single-configurator .wpc-controls-parent-wrap,.wpc-panorama-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li,.wpc-panorama-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li img{background-color:#372b4c}
.wpc-panorama-single-configurator .container,.wpc-panorama-single-configurator .wpc-config-element.wpc-panorama-content-pusher{background:#2a203b}
.wpc-controls-parent-wrap {bottom:0px !important;}
.wpc-control-lists-inner li:not(:has(*)) { display:none !important; }
.wpc-config-element.custom-purchasedet{display:none!important}
.wpc-header-element-right,.wpc-primary-btn.js-wpc-submit-cart-form{display:none!important;opacity:0!important;visibility:hidden!important;}
.wpc-summary-list-child-wrap{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important}
.wpc-summary-list-child-title{flex-grow:1;text-align:left;white-space:nowrap}
.wpc-sign{display:none!important}
.wpc-summary-list-group-price{flex-shrink:0;text-align:right;min-width:80px;white-space:nowrap}
.wpc-panorama-single-configurator .wpc-flyin-wrap.wpc-flyin-right.wpc-flyin-small{border-radius:0}
.wpc-close-btn{display:none}
.wpc-summary-list-child-title::after{content:none!important}
.wpc-panorama-single-configurator .wpc-panorama-flyin-sidebar-inner .wpc-summary-list ul li,
.wpc-panorama-single-configurator .wpc-panorama-flyin-sidebar-inner .wpc-summary-list ul li span.wpc-summary-list-title{background:none!important;color:white!important;padding:5px!important;border:none!important;font-size:14px!important}
.wpc-panorama-single-configurator ul.wpc-floating-icons li span.wpc-icon:before{border-radius:0%!important;background-color:#372b4c!important}
.wpc-panorama-flyin-logo{padding:40px 8px!important}
@media screen and (min-width:768px) and (max-width:1366px) and (orientation:portrait),screen and (min-width:768px) and (max-width:1366px) and (orientation:landscape){.wpc-panorama-flyin-logo{padding:initial!important}}
.wpc-panorama-summary-footer{display:flex;justify-content:center}
.wpc-panorama-summary-total{text-align:center!important;width:100%;color:#f8b100!important;font-weight:bold!important;font-size:32px!important}
@media screen and (max-width:1080px){.wpc-panorama-single-configurator .wpc-flyin-wrap.wpc-flyin-right.wpc-flyin-small{width:213px!important}.wpc-panorama-single-configurator .wpc-summary-list>ul>li{display:flex!important;align-items:center!important;justify-content:space-between!important}.wpc-panorama-single-configurator .wpc-summary-list-group-price{margin-left:auto;color:#f8b100;font-weight:bold;font-size:16px;white-space:nowrap}}
@media screen and (max-width:768px){.wpc-panorama-single-configurator .wpc-controls-parent-wrap,.wpc-panorama-single-configurator .wpc-controls-parent-wrap .wpc-control-lists{height:110px!important}.fa-camera-retro{display:none!important}.mobile-text{font-size:35px!important}.wpc-panorama-single-configurator .wpc-panorama-control .wpc-control-lists-inner .wpc-control-item:after{font-size:12px!important;color:#fff!important}}
.custom-text.aligned-with-icons{position:fixed;left:50%;transform:translateX(-50%);font-size:12px;font-family:Orbitron,sans-serif;color:#fff;text-transform:uppercase;background:transparent;padding:6px 10px;z-index:9999;pointer-events:none}@media screen and (max-width:767px) and (orientation:portrait){.custom-text.aligned-with-icons{left:50%;transform:translateX(-20%)!important;white-space:nowrap}}.wpc-control-close.wpc-control-item.animated.fadeInUp{display:none!important}
.wpc-floating-icons li::before{white-space:nowrap!important;display:inline-block!important;max-width:fit-content!important;overflow:visible!important;padding:3px 8px!important;font-size:12px}.wpc-floating-icons li:has(.wpc-full-screen)::before{content:"Retour aux configs"!important}.wpc-floating-icons li:has(.wpc-camera)::before{content:"Screen ton PC"!important}.wpc-floating-icons li:has(.wpc-reset)::before{content:"Tu veux recommencer ?"!important}.wpc-floating-icons li::before{white-space:nowrap!important;display:inline-block!important;max-width:fit-content!important;overflow:visible!important;padding:3px 8px!important;font-size:12px}.wpc-floating-icons li:has(.wpc-full-screen)::before{content:"Retour aux configs"!important}.wpc-floating-icons li:has(.wpc-camera)::before{content:"Screen ton PC"!important}.wpc-floating-icons li:has(.wpc-reset)::before{content:"Tu veux recommencer ?"!important}@media screen and (max-width:1024px){.wpc-floating-icons li::before{content:""!important;display:none!important}}
.wpc-floating-icons li{display:flex;align-items:center;justify-content:center}.wpc-floating-icons li:has(.wpc-full-screen)::before,.wpc-floating-icons li:has(.wpc-camera)::before,.wpc-floating-icons li:has(.wpc-reset)::before{text-align:center;line-height:1.5}.wpc-floating-icons li i{margin-right:5px}.wpc-floating-icons li:before{font-size:12px}.wpc-floating-icon .wpc-icon{margin-bottom:16px!important}
.wpc-panorama-single-configurator .wpc-header-element-right span.wpc-icon:before{font-size:26px!important}.wpc-panorama-single-configurator .wpc-header-element-right span.wpc-icon{background:none!important}.wpc-share::after,.wpc-basket::after{content:"";position:absolute;width:50px!important;height:50px!important;background-color:#372b4c!important;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.wpc-share::before{content:"\f14d";font-family:"Font Awesome 5 Free"!important;font-weight:400!important;font-size:24px!important;color:white!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.wpc-basket::before{content:"\f217"!important;font-family:"Font Awesome 5 Free"!important;font-weight:900!important;font-size:24px!important;color:white!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.wpc-share,.wpc-basket{display:inline-flex!important;justify-content:center!important;align-items:center!important;width:50px!important;height:50px!important;margin-right:10px!important}
.wpc-panorama-flyin-logo{text-align:center!important}.wpc-control-lists{display:flex;justify-content:flex-start}
.wpc-full-screen:before{content:"k"}.wpc-panorama-single-configurator ul.wpc-floating-icons li span.wpc-icon:before{font-size:22px!important}.wpc-floating-icons .wpc-icon{width:50px!important}
@media screen and (max-width:767px) and (orientation:landscape){body::before{content:"❌ Veuillez utiliser votre téléphone en mode portrait.";display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background:black;color:white;font-size:24px;font-weight:bold;text-align:center;z-index:9999}}
.tooltip{position:absolute;background-color:#372b4c;opacity:.95;color:#f8b100;padding:10px 15px;border-radius:0;font-size:12px;font-weight:bold;display:none;z-index:9999;box-shadow:0 4px 6px rgba(0,0,0,.2);text-align:left;max-width:200px;border:2px solid #f8b100}.tooltip-icon{font-size:10px;margin-right:3px;color:#f8b100}
@media (pointer:coarse){.tooltip{display:none!important}}
.cpu-tooltip{background:#111;color:#fff;padding:15px;border-radius:0;font-family:Arial,sans-serif;width:260px;z-index:1000;position:absolute}.cpu-tooltip-title{font-weight:bold;font-size:15px;margin-bottom:10px}.score{text-align:right;font-size:13px;margin-bottom:10px;color:#ffcc00}
.cpu-performance-bar{position:relative;width:100%;height:10px;background-color:transparent!important;border-radius:5px;overflow:hidden;margin:8px 0}.cpu-performance-bar .background{width:100%;height:100%;background-color:#444}.cpu-performance-bar .filled{height:100%;background:linear-gradient(to right,#ffc107,#ff5722)}.cpu-performance-bar .marker{position:absolute;top:-4px;width:2px;height:20px;background:#fff;border-radius:1px}
.cpu-specs div{font-size:13px;margin-bottom:4px}.spec-bar{height:6px;border-radius:3px;margin-bottom:8px}.spec-bar.cores{background-color:#6ec867}.spec-bar.freq{background-color:#f5b041}.spec-bar.threads{background-color:#5dade2}
.wpc-share,.wpc-basket{display:inline-flex!important;justify-content:center!important;align-items:center!important;width:50px!important;height:50px!important;margin-right:10px!important;position:relative}
@media (max-width:768px){.wpc-panorama-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li img.wpc-control-item-icon{bottom:38px!important}}
@media (max-width:768px){.mobile-text{font-size:35px!important}}
.tooltip-icon{font-size:10px;margin-right:3px;color:#f8b100}
.wpc-panorama-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li img.wpc-control-item-icon{position:absolute!important;bottom:48px!important}
.wpc-panorama-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li img.wpc-control-item-icon{position:absolute!important;bottom:48px!important}
.wpc-panorama-single-configurator .wpc-controls-parent-wrap ul.wpc-control-lists-inner li{border-left:1px solid #261a3b!important;border-right:1px solid #261a3b!important;border-radius:0!important}
@media only screen and (max-width:768px){.wpc-panorama-single-configurator .wpc-panorama-control .wpc-control-lists-inner .wpc-control-item:after{font-size:12px!important}.wpc-control-lists-inner .wpc-control-item:after{color:#fff!important}}
@media screen and (max-width:1024px){.wpc-header-element-right{bottom:-9vh!important}}
@media (min-width:768px) and (max-width:1900px){.wpc-panorama-summary-footer .wpc-panorama-summary-total{padding:0!important;font-size:26px!important}.wpc-floating-icons .wpc-icon{width:50px;height:50px;display:block;margin-bottom:16px}.wpc-floating-icons li span.wpc-icon{font-size:20px!important;color:white}}
@media screen and (max-width:768px){.fa-camera-retro{display:none!important}}
.wpc-panorama-single-configurator ul.wpc-floating-icons li span.wpc-icon:before{font-size:22px!important}.wpc-floating-icons .wpc-icon{width:50px!important}
.cpu-performance-bar{position:relative;width:100%;height:10px;background-color:transparent!important;border-radius:5px;overflow:hidden;margin:8px 0}.cpu-performance-bar .background{width:100%;height:100%;background-color:#444}.cpu-performance-bar .filled{height:100%;background:linear-gradient(to right,#ffc107,#ff5722)}.cpu-performance-bar .marker{position:absolute;top:-4px;width:2px;height:20px;background:#fff;border-radius:1px}
.cpu-specs div{font-size:13px;margin-bottom:4px}.spec-bar{height:6px;border-radius:3px;margin-bottom:8px}.spec-bar.cores{background-color:#6ec867}.spec-bar.freq{background-color:#f5b041}.spec-bar.threads{background-color:#5dade2}
.wpc-panorama-single-configurator .wpc-quote-form-parent-wrap a.wpc-primary-btn,.wpc-panorama-summary-footer .wpc-primary-btn{background:transparent!important}
@media screen and (min-width:768px) and (max-width:1080px) and (orientation:landscape){.wpc-summary-list ul li,.wpc-summary-total-wrap .wpc-summary-total{line-height:1!important}}
.wpc-flyin-small{display:block!important;opacity:1!important;visibility:visible!important;position:fixed!important;top:0px!important;z-index:9999!important}
.wpc-primary-btn.js-wpc-submit-cart-form{display:none!important}
@media (min-width: 600px) and (max-width: 900px) and (orientation: portrait) {
.wpc-preview-inner {
transform: scale(0.5) !important;
transform-origin: center !important;
}
}
@media (max-width: 767.98px) {
.wpc-icon.wpc-camera {
display: none !important;
}
}
@media (min-width: 768px) {
.wpc-icon.wpc-camera {
display: inline-flex !important;
}
}
@media (min-width: 901px) {
.wpc-preview-parent-wrap {
display: flex !important;
justify-content: center !important;
align-items: flex-start !important;
padding: 0 !important;
overflow: visible !important;
}
.wpc-panorama-preview,
.wpc-preview-inner {
position: relative !important;
display: block !important;
width: min(1100px, 92vw) !important;
min-height: 100vh !important;
margin: 0 auto !important;
overflow: visible !important;
}
.wpc-image-layer:not(.external-icon),
.subset:not(.external-icon) {
position: absolute !important;
display: block !important;
}
.external-icon {
position: absolute !important;
left: 20px !important;
width: auto !important;
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
transition: all 0.3s ease !important;
z-index: 10 !important;
}
.external-icon img {
max-width: 80px !important;
max-height: 80px !important;
width: auto !important;
height: auto !important;
display: block !important;
}
.external-icon img[src*="windows"] {
top: 0px !important;
}
.external-icon img[src*="kaspersky"] {
top: 60px !important;
}
.external-icon img[src*="garantie"] {
top: 120px !important;
}
.external-icon img[src*="montage"] {
top: 180px !important;
}
.external-icon img[src*="occt"] {
top: 240px !important;
}
.wpc-image-layer img {
display: block !important;
margin: 0 !important;
}
.wpc-preview-parent-wrap * {
transition: none !important;
}
}
@media (max-width: 699px) {
:root{
--bar-top: 25px;
--bar-h:   56px;
--pad-x:   12px;
--gap-x:   10px;
}
.wpc-panorama-single-configurator .wpc-panorama-header,
.wpc-panorama-single-configurator .wpc-panorama-header-inner{
position: relative !important;
min-height: 0 !important;
}
.wpc-panorama-single-configurator .wpc-floating-icons{
position: absolute !important;
top: var(--bar-top) !important;
left: var(--pad-x) !important;
height: var(--bar-h) !important;
display: flex !important;
align-items: center !important;
gap: var(--gap-x) !important;
margin: 0 !important;
padding: 0 !important;
transform: none !important;
z-index: 5 !important;
}
.wpc-panorama-single-configurator .wpc-floating-icons > *{
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
position: static !important;
top: auto !important;
transform: none !important;
}
.wpc-panorama-single-configurator .wpc-floating-icon .wpc-icon{
margin: 0 !important;
}
.wpc-panorama-single-configurator .wpc-floating-icons .wpc-icon,
.wpc-panorama-single-configurator .wpc-floating-icons i,
.wpc-panorama-single-configurator .wpc-floating-icons svg,
.wpc-panorama-single-configurator .wpc-floating-icons img{
display: block !important;
line-height: 1 !important;
height: calc(var(--bar-h) * 0.72) !important;
width: auto !important;
max-height: 100% !important;
margin: 0 !important;
vertical-align: middle !important;
}
@media (max-width: 767px) {
.wpc-floating-icons .btn-screenshot {
display: none !important;
}
}
.wpc-panorama-single-configurator
#wpc-header-element-right-wrapper#wpc-header-element-right-wrapper{
float: none !important;
position: absolute !important;
top: var(--bar-top) !important;
right: var(--pad-x) !important;
height: var(--bar-h) !important;
left: auto !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
width: auto !important;
margin: 0 !important;
z-index: 5 !important;
transform: none !important;
}
.wpc-panorama-single-configurator
#wpc-header-element-right-wrapper .wpc-price-wrap{
white-space: nowrap !important;
text-align: right !important;
margin: 0 !important;
line-height: 1 !important;
}
}
#vnctxt{
margin:12px auto 0;
text-align:center;
font-weight:600;
opacity:.9;
white-space:nowrap;
display:block;
}
* ============================= */
@media (max-width: 900px) {
.wpc-preview-parent-wrap {
display: block !important;
padding: 0 8px;
overflow: visible !important;
}
.wpc-panorama-preview,
.wpc-preview-inner {
position: relative !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-height: 420px !important;
height: auto !important;
margin: 0 auto !important;
overflow: visible !important;
}
}
* ============================= */
@media (max-width: 900px) {
:root{
--priceH: 64px;
--stageH: 420px;
}
.wpc-panorama-single-configurator #wpc-header-element-right-wrapper{
float: none !important;
position: static !important;
top: 0 !important;
width: 100% !important;
height: var(--priceH) !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
margin: 0 !important;
}
.wpc-panorama-single-configurator .wpc-panorama-header,
.wpc-panorama-single-configurator .wpc-panorama-header-inner{
min-height: var(--priceH) !important;
display: flex;
align-items: center;
}
.wpc-panorama-preview,
.wpc-preview-inner{
position: relative !important;
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-height: var(--stageH) !important;
height: auto !important;
margin: 0 auto !important;
overflow: visible !important;
}
}
@media (max-width: 900px) {
:root{
--iconsH: 54px;
--gapY:   6px;
}
.wpc-panorama-single-configurator #wpc-header-element-right-wrapper{
position: relative !important;
}
.wpc-panorama-single-configurator
#wpc-header-element-right-wrapper .wpc-header-element-right{
position: absolute !important;
top: calc(var(--priceH) + var(--gapY)) !important;
left: 0 !important;
width: 100% !important;
height: var(--iconsH) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
float: none !important;
transform: none !important;
margin: 0 !important;
padding: 0 !important;
z-index: 5 !important;
}
.wpc-panorama-single-configurator
#wpc-header-element-right-wrapper .wpc-price-wrap,
.wpc-panorama-single-configurator
#wpc-header-element-right-wrapper .wpc-calculation{
position: relative !important;
z-index: 6 !important;
}
.wpc-panorama-single-configurator .wpc-panorama-header:has(
#wpc-header-element-right-wrapper .wpc-header-element-right[style*="display:inline-flex"]
),
.wpc-panorama-single-configurator .wpc-panorama-header:has(
#wpc-header-element-right-wrapper .wpc-header-element-right[style*="display: inline-flex"]
){
padding-bottom: calc(var(--iconsH) + var(--gapY)) !important;
}
}
@keyframes flyInX {
from {
transform: translateX(480px) scale(1.5);
opacity: 0;
}
to {
transform: translateX(0) scale(1);
opacity: 1;
}
}
.subset.fly-in {
animation: flyInX 0.6s ease forwards;
}
.wpc-magnify {
display: none !important;
}
.fa-solid,
.fa-solid::before {
font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
font-weight: 900 !important;
font-style: normal !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 1.4em !important;
color: white !important;
opacity: 1 !important;
visibility: visible !important;
height: 100% !important;
width: 100% !important;
text-align: center !important;
}
.wpc-custom-button .wpc-custom-icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 100% !important;
width: 100% !important;
}
.fa-arrow-left::before { content: "\f104"; }
.fa-camera-retro::before { content: "\f083"; }
.fa-rotate::before { content: "\f2f1"; }
.wpc-custom-button {
width: 48px !important;
height: 48px !important;
padding: 0 !important;
background-color: transparent !important;
}
.wpc-custom-button i {
font-size: 1.4em !important;
}
@media (max-width: 767px) {
.btn-screenshot {
display: none !important;
}
}
.tooltip-os {
position: fixed;
display: none;
background: rgba(0,0,0,0.9);
color: #fff;
padding: 10px 12px;
border-radius: 6px;
font-family: Arial, sans-serif;
font-size: 12px;
max-width: 220px;
z-index: 9999;
box-shadow: 0 4px 6px rgba(0,0,0,.2);
}
.tooltip-os .os-title {
font-weight: bold;
font-size: 14px;
color:#fff;
margin-bottom: 6px;
}
.tooltip-os .tooltip-tags {
display:flex;
gap:6px;
flex-wrap:wrap;
margin-bottom:8px;
}
.tooltip-os .tooltip-tag {
font-size:11px;
padding:2px 6px;
border-radius:5px;
}
.tooltip-os .os-desc {
color:#ccc;
margin-bottom:8px;
}
.tooltip-os .os-bar-bg {
height:6px;
background:#333;
border-radius:4px;
margin-bottom:6px;
overflow:hidden;
}
.tooltip-os .os-bar-fill {
height:100%;
border-radius:4px;
}
.tooltip.tooltip-os{
background:#000 !important;
color:#fff !important;
border-radius:0px;
padding:10px;
max-width:250px;
z-index:9999;
}
.tooltip-cpu {
position: absolute;
display: none;
background: #111;
color: #fff;
padding: 15px;
border-radius: 0;
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: normal;
z-index: 9999;
border: 2px solid #f8b100;
max-width: 280px;
box-shadow: 0 4px 10px rgba(0,0,0,0.4);
}
.tooltip-cpu .cpu-title {
font-weight: bold;
font-size: 15px;
margin-bottom: 10px;
}
.tooltip-cpu .tooltip-tags {
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.tooltip-cpu .tooltip-tags span {
font-size: 11px;
padding: 3px 6px;
border-radius: 0px;
color: #fff;
}
.tooltip-cpu .performance-label {
font-weight: bold;
margin: 8px 0 4px;
font-size: 13px;
color: #f8b100;
}
.tooltip-cpu .performance-bar {
width: 100%;
height: 10px;
background: #333;
border-radius: 5px;
overflow: hidden;
margin-bottom: 6px;
}
.tooltip-cpu .performance-fill {
height: 100%;
background: linear-gradient(to right, #ff9800, #f44336);
}
.tooltip-cpu .cpu-specs {
margin-top: 8px;
}
.tooltip-cpu .cpu-specs div {
margin-bottom: 4px;
display: flex;
align-items: center;
}
.tooltip-cpu .cpu-specs div::before {
color: #28a745;
font-weight: bold;
margin-right: 6px;
}


/* On garde l’organisation verticale classique */
#wpc-header-element-right-wrapper {
  position: relative;
  text-align: center;
}

/* Le bloc prix reste inchangé */
#wpc-header-element-right-wrapper .wpc-price-wrap {
  text-align: center;
  margin-bottom: 10px; /* petit espacement avec le bouton */
}

/* Le bloc bouton panier (et share s’il existait) */
#wpc-header-element-right-wrapper .wpc-header-element-right {
  position: relative;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.4s ease;
  justify-content: center;
}

/* Quand il devient visible (inline-flex injecté par le plugin) */
#wpc-header-element-right-wrapper .wpc-header-element-right[style*="display:inline-flex"] {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0);
  margin: 0 auto; /* centre le bloc sous le prix */
}

/* Supprimer toute influence des styles d’origine */
#wpc-header-element-right-wrapper .wpc-config-element {
  float: none !important;
  margin-left: 0 !important;
}

/* Masquer le bouton de partage */
.wpc-header-element-right .wpc-icon.wpc-share {
  display: none !important;
}

/* Centrage horizontal du tooltip (data-title) sur l’icône panier */
.custom-mailcartform::after {
  content: attr(data-title);
  position: absolute;
  bottom: -45px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, transform 0.3s ease;
  z-index: 1000;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  background: transparent; /* ou une couleur si besoin */
}

/* Apparition fluide au survol */
.custom-mailcartform:hover::after {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(-2px);
}

/* Variations du panier / mini-panier / checkout : "Clé: Valeur" sur UNE ligne  */
.woocommerce-cart .variation,
.woocommerce-mini-cart .variation,
.woocommerce-checkout .variation{
  display: grid !important;
  grid-template-columns: max-content 1fr; /* clé serrée + valeur qui prend la place */
  column-gap: .5rem;
  row-gap: .35rem;                         /* espace entre les paires */
  margin: .5rem 0 0;
}

.woocommerce-cart .variation dt,
.woocommerce-mini-cart .variation dt,
.woocommerce-checkout .variation dt,
.woocommerce-cart .variation dd,
.woocommerce-mini-cart .variation dd,
.woocommerce-checkout .variation dd{
  margin: 0 !important;
  padding: 0 !important;
  /* au cas où un thème les force en block plein largeur */
  display: block !important;               /* chaque élément = une cellule de la grille */
  align-self: start;
}

.woocommerce-cart .variation dt,
.woocommerce-mini-cart .variation dt,
.woocommerce-checkout .variation dt{
  font-weight: 600;
  opacity: .9;
}

.woocommerce-cart .variation dt::after,
.woocommerce-mini-cart .variation dt::after,
.woocommerce-checkout .variation dt::after{
  content: ":";                            /* ajoute les deux-points après la clé */
  margin-left: .25rem;
}

.woocommerce-cart .variation dd p,
.woocommerce-mini-cart .variation dd p,
.woocommerce-checkout .variation dd p{
  margin: 0 !important;
  display: inline !important;              /* évite le saut de ligne interne */
}

/* Parfois certains thèmes mettent un <br> entre dt et dd : on le cache */
.woocommerce-cart .variation br,
.woocommerce-mini-cart .variation br,
.woocommerce-checkout .variation br{
  display: none !important;
}