/*
Theme Name: Monster Store Réunion
Description: Thème WordPress/WooCommerce sombre inspiré de la maquette Monster Store Réunion.
Version: 1.0
*/
:root{--green:#8bd600;--green2:#b6ef00;--black:#050505;--panel:#121212;--line:#292929;--muted:#aaa}
*{box-sizing:border-box}body{margin:0;background:var(--black);color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.ms-container{width:min(1360px,calc(100% - 48px));margin:auto}
.ms-top{height:32px;background:var(--green);color:#050505;font-size:12px;font-weight:700;display:flex;align-items:center}.ms-top .ms-container{display:flex;justify-content:center;gap:42px}
.ms-head{background:#050505;border-bottom:1px solid #191919}.ms-headrow{min-height:92px;display:grid;grid-template-columns:285px 1fr 330px;gap:25px;align-items:center}
.ms-logo{display:flex;align-items:center;gap:12px}.ms-mark{font-size:58px;font-weight:900;color:var(--green);line-height:1}.ms-word{font:900 25px Georgia,serif;letter-spacing:1px}.ms-sub{display:block;text-align:center;color:var(--green);font-size:10px;letter-spacing:7px;font-weight:900}
.ms-search{height:45px;border-radius:7px;background:#161616;border:1px solid #222;display:flex;align-items:center;padding:0 14px}.ms-search input{flex:1;background:none;border:0;outline:0;color:white}.ms-search button{background:none;border:0;color:var(--green);font-size:23px}
.ms-actions{display:flex;justify-content:flex-end;gap:27px}.ms-action{text-align:center;font-size:11px}.ms-action b{display:block;font-size:25px;line-height:25px;margin-bottom:5px;font-weight:400}
.ms-nav{background:#171717}.ms-nav .ms-container{display:flex;justify-content:center}.ms-nav a{padding:13px 22px;font-size:13px;border-right:1px solid #272727}.ms-nav a:hover{color:var(--green)}
.ms-hero{min-height:335px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 55%,rgba(139,214,0,.3),transparent 28%),linear-gradient(120deg,#020202,#101a05 58%,#030303)}.ms-hero:after{content:"";position:absolute;inset:0;opacity:.1;background-image:radial-gradient(#9ae000 1px,transparent 1px);background-size:14px 14px}.ms-hero-inner{position:relative;z-index:1;padding:38px 0}.ms-kicker{color:var(--green);font-weight:900;letter-spacing:2px}.ms-hero h1{font-size:58px;line-height:.92;margin:10px 0 15px;font-weight:900}.ms-hero h1 span{color:var(--green)}.ms-hero p{font-size:18px}.ms-btn{display:inline-block;background:var(--green);color:#050505;border:0;border-radius:4px;padding:12px 22px;font-weight:900;text-transform:uppercase;cursor:pointer}.ms-btn:hover{background:var(--green2);color:#050505}
.ms-benefits{background:#151515;border-bottom:1px solid #292929}.ms-benefits .ms-container{display:grid;grid-template-columns:repeat(4,1fr)}.ms-benefit{padding:18px;display:flex;gap:14px;align-items:center;border-right:1px solid #2a2a2a}.ms-benefit:last-child{border:0}.ms-benefit i{font-style:normal;font-size:29px;color:var(--green)}.ms-benefit strong{display:block;font-size:12px}.ms-benefit small{color:#aaa}
.ms-section{padding:30px 0}.ms-title{margin:0 0 18px;font-size:24px;text-transform:uppercase}.ms-title span{color:var(--green)}
.ms-cats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.ms-cat{background:#171717;border:1px solid #222;border-radius:8px;padding:12px;text-align:center;transition:.2s}.ms-cat:hover{border-color:var(--green);transform:translateY(-2px)}.ms-cat .visual{height:105px;background:linear-gradient(145deg,#252525,#0c0c0c);display:flex;align-items:center;justify-content:center;font-size:43px;color:var(--green);border-radius:5px;margin-bottom:10px}.ms-cat strong{font-size:13px}
.ms-products{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.ms-product{background:#111;border:1px solid #222;border-radius:7px;padding:11px;position:relative}.ms-product:hover{border-color:#587e00}.ms-product .badge{position:absolute;top:9px;left:9px;background:var(--green);color:#050505;padding:4px 7px;font-size:9px;font-weight:900;border-radius:3px;z-index:2}.ms-product-img{height:205px;background:linear-gradient(145deg,#1b1b1b,#090909);border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ms-product-img img{max-height:200px;width:auto;object-fit:contain}.ms-can{height:165px;width:72px;border:2px solid #666;border-radius:8px;background:linear-gradient(90deg,#080808,#303030,#080808);display:flex;align-items:center;justify-content:center;color:var(--green);font-size:28px;font-weight:900}.ms-product h3{font-size:12px;line-height:1.35;margin:10px 0 5px}.ms-price{font-weight:900;font-size:16px;margin-bottom:8px}.ms-product .ms-btn{width:100%;text-align:center;font-size:9px;padding:8px 4px}
.ms-footer{margin-top:25px;padding:35px 0;background:#0e0e0e;border-top:1px solid #222}.ms-footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.ms-footer h3{font-size:14px}.ms-footer p,.ms-footer a{font-size:12px;color:#aaa}.ms-footer a:hover{color:var(--green)}
.woocommerce .button,.woocommerce a.button,.woocommerce button.button{background:var(--green);color:#050505;border-radius:4px;font-weight:900}.woocommerce .button:hover,.woocommerce a.button:hover{background:var(--green2);color:#050505}.woocommerce div.product{padding:35px 0}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--green);font-weight:900}.woocommerce table.shop_table{background:#111;color:#fff;border-color:#333}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{background:#111;color:#fff;border:1px solid #333;padding:10px;border-radius:4px}
@media(max-width:1050px){.ms-headrow{grid-template-columns:220px 1fr}.ms-actions{grid-column:1/-1;justify-content:center;padding-bottom:12px}.ms-cats{grid-template-columns:repeat(3,1fr)}.ms-products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.ms-container{width:calc(100% - 24px)}.ms-top{height:auto;padding:7px 0}.ms-top .ms-container{gap:10px;flex-wrap:wrap;font-size:9px}.ms-headrow{display:block;padding:14px 0}.ms-logo{justify-content:center;margin-bottom:14px}.ms-search{margin-bottom:12px}.ms-actions{display:flex;justify-content:center}.ms-nav{overflow:auto}.ms-nav .ms-container{width:max-content;justify-content:flex-start}.ms-nav a{padding:11px 13px;font-size:11px}.ms-hero{min-height:400px}.ms-hero h1{font-size:42px}.ms-hero p{font-size:15px}.ms-benefits .ms-container{grid-template-columns:repeat(2,1fr)}.ms-benefit{border-bottom:1px solid #292929}.ms-cats,.ms-products{grid-template-columns:repeat(2,1fr)}.ms-product-img{height:175px}.ms-footgrid{grid-template-columns:1fr 1fr}}