.shop-wrapper{background:#03224C;color:#fff;font-family:'Inter',system-ui,sans-serif;padding:48px 24px 80px;box-sizing:border-box;margin:0!important}
body.wc3dc-custom-shop{background:#03224C!important;margin:0!important}
body.wc3dc-custom-shop .site-main,body.wc3dc-custom-shop main.site-main,body.wc3dc-custom-shop .entry-content,body.wc3dc-custom-shop #content,body.wc3dc-custom-shop #primary,body.wc3dc-custom-shop .site-content,body.wc3dc-custom-shop .elementor-section-wrap,body.wc3dc-custom-shop .page-content,body.wc3dc-custom-shop .e-con,body.wc3dc-custom-shop .elementor-location-archive{padding:0!important;margin:0!important;max-width:none!important;width:100%!important;background:#03224C!important}
body.wc3dc-custom-shop .site-header,body.wc3dc-custom-shop header.site-header,body.wc3dc-custom-shop .elementor-location-header{margin-bottom:0!important;padding-bottom:0!important}
.shop-wrapper *{box-sizing:border-box;margin:0;padding:0;transition:all .3s cubic-bezier(.16,1,.3,1)}
.shop-container{max-width:1280px;margin:0 auto}
.shop-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.4);margin-bottom:48px}
.shop-breadcrumbs a{color:inherit;text-decoration:none}
.shop-breadcrumbs a:hover{color:#ffd600}
.shop-breadcrumbs .separator{font-weight:400}
.shop-breadcrumbs .current{color:#ffd600}
.shop-header-section{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px;flex-wrap:wrap;gap:32px}
.shop-title h1{font-size:clamp(3rem,6vw,5.5rem);font-weight:950;text-transform:uppercase;letter-spacing:-2px;line-height:.9}
.shop-title h1 span{color:#ffd600}
.shop-title p{margin-top:16px;color:rgba(255,255,255,.4);font-size:16px;max-width:450px;line-height:1.6}
.shop-hud{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);padding:16px 24px;border-radius:2px}
.hud-box{display:flex;flex-direction:column}
.hud-label{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:3px;color:rgba(255,255,255,.4)}
.hud-value{font-size:24px;font-weight:900;color:#fff;margin-top:4px}
.hud-divider{width:1px;height:40px;background:rgba(255,255,255,.1)}
.shop-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:2px;padding:24px;margin-bottom:48px;backdrop-filter:blur(10px)}
.toolbar-left{display:flex;flex-wrap:wrap;gap:16px;flex:1}
.search-box{position:relative;width:340px;max-width:100%}
.shop-wrapper .search-input{width:100%!important;background:#03224C!important;border:1px solid rgba(255,255,255,.1)!important;height:42px!important;padding:0 16px 0 42px!important;color:#fff!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1.5px!important;outline:none!important;border-radius:0!important;box-shadow:none!important;font-family:'Inter',system-ui,sans-serif!important}
.shop-wrapper .search-input::placeholder{color:rgba(255,255,255,.25)!important;opacity:1!important}
.shop-wrapper .search-input:focus,.shop-wrapper .search-input:active{border-color:rgba(255,214,0,.5)!important;box-shadow:none!important;outline:none!important}
.shop-wrapper .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:14px;height:14px;opacity:.3;pointer-events:none;z-index:2}
.filter-select-wrapper{position:relative;display:flex;align-items:center;background:#03224C;border:1px solid rgba(255,255,255,.1);height:42px;padding:0 16px}
.filter-select-icon{width:12px;height:12px;margin-right:8px;opacity:.4}
.filter-select{background:transparent;border:none;color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:2px;outline:none;cursor:pointer;appearance:none;padding-right:20px}
.filter-select-wrapper::after{content:'▼';font-size:7px;position:absolute;right:16px;pointer-events:none;opacity:.4}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:48px}
.product-card{display:flex;flex-direction:column;position:relative}
.product-image-container{position:relative;aspect-ratio:1/1;background:#020612;border:1px solid rgba(255,255,255,.05);border-radius:1px;overflow:hidden;cursor:pointer;margin-bottom:24px}
.product-image{width:100%;height:100%;object-fit:cover;filter:grayscale(0);transition:filter .3s,transform .3s}
.product-card:hover .product-image{filter:grayscale(1);transform:scale(1.05)}
.price-badge{position:absolute;top:0;right:0;background:#ffd600;color:#03224C;padding:8px 16px;font-size:14px;font-weight:900;font-style:italic;z-index:10}
.price-badge .amount{font-weight:900}
.category-badge{position:absolute;top:16px;left:16px;background:rgba(3,34,76,.85);border:1px solid #ffd600;color:#ffd600;padding:4px 10px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:2px;opacity:0;z-index:10;backdrop-filter:blur(4px)}
.product-card:hover .category-badge{opacity:1}
.action-overlay{position:absolute;inset:0;background:rgba(3,34,76,.65);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;opacity:0;transform:translateY(10px);z-index:5}
.product-image-container:hover .action-overlay{opacity:1;transform:translateY(0)}
.btn-action{width:75%;height:44px;border:none;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.btn-primary{background:#ffd600;color:#03224C}
.btn-primary:hover{background:#fff;transform:scale(1.02)}
.btn-outline{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(4px)}
.btn-outline:hover{background:rgba(255,255,255,.1);border-color:#fff;transform:scale(1.02)}
.product-info{display:flex;flex-direction:column;gap:8px}
.product-title{font-size:20px;font-weight:900;text-transform:uppercase;color:#fff;cursor:pointer;transition:color .2s}
.product-title a{color:inherit;text-decoration:none;transition:color .2s}
.product-title:hover,.product-title a:hover,.product-card:hover .product-title,.product-card:hover .product-title a{color:#ffd600!important}
.product-description{font-size:13px;color:rgba(255,255,255,.4);line-height:1.5;font-style:italic}
.product-tech-labels{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.tech-label{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.05);padding:4px 8px}
.custom-demand-card{border:2px dashed rgba(255,255,255,.1);background:rgba(255,255,255,.01);padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:24px;height:100%;min-height:380px;text-decoration:none}
.custom-demand-card:hover{border-color:#ffd600;background:rgba(255,214,0,.03)}
.demand-icon{width:72px;height:72px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4);border-radius:2px}
.custom-demand-card:hover .demand-icon{color:#ffd600;background:rgba(255,214,0,.1)}
.demand-title{font-size:24px;font-weight:950;text-transform:uppercase;font-style:italic;color:#fff}
.demand-text{font-size:11px;text-transform:uppercase;font-weight:900;line-height:1.6;letter-spacing:1.5px;color:rgba(255,255,255,.4);max-width:250px}
.reassurance-bar{margin-top:120px;border-top:1px solid rgba(255,255,255,.05);padding-top:64px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}
.reassurance-item{display:flex;align-items:flex-start;gap:16px}
.reassurance-number{font-size:20px;font-weight:950;color:#ffd600;line-height:1}
.reassurance-content h4{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:1.5px;color:#fff;margin-bottom:8px}
.reassurance-content p{font-size:12px;line-height:1.5;color:rgba(255,255,255,.4)}
@media(max-width:768px){.shop-header-section{flex-direction:column;align-items:flex-start}.search-box{width:100%}.products-grid{grid-template-columns:1fr}}
/* Cache le contenu WooCommerce par défaut quand notre template est actif */
body.wc3dc-custom-shop .woocommerce-products-header,
body.wc3dc-custom-shop .woocommerce-result-count,
body.wc3dc-custom-shop .woocommerce-ordering,
body.wc3dc-custom-shop .woocommerce-breadcrumb{display:none!important}