.dryx-root, .dryx-root * { box-sizing: border-box; }
.dryx-root {
–red: #e63946;
–red-dark: #8b1a24;
–red-glow: rgba(230,57,70,.55);
–bg: #0d0608;
–card: #17090c;
–border: rgba(230,57,70,.35);
–text: #f5f5f5;
–muted: #a7a7a7;
font-family: ‘Rajdhani’, system-ui, sans-serif;
color: var(–text);
background:
radial-gradient(ellipse at top, rgba(139,26,36,.35), transparent 60%),
radial-gradient(ellipse at bottom, rgba(139,26,36,.25), transparent 65%),
var(–bg);
padding: 40px 16px;
margin: 0;
border-radius: 12px;
}
.dryx-root h1, .dryx-root h2, .dryx-root h3 {
font-family: ‘Oswald’,’Impact’,sans-serif;
letter-spacing: .04em; text-transform: uppercase; margin: 0;
}
.dryx-root .dryx-container { max-width: 1200px; margin: 0 auto; }
.dryx-root .dryx-badge {
display: inline-flex; align-items: center; gap: 8px;
border: 1px solid var(–border); background: rgba(20,10,12,.6);
padding: 6px 16px; border-radius: 999px;
font-size: 12px; letter-spacing: .3em;
text-transform: uppercase; color: var(–red);
backdrop-filter: blur(6px);
}
.dryx-root .dryx-badge::before {
content: »; width:6px; height:6px; border-radius:50%;
background: var(–red); box-shadow: 0 0 10px var(–red);
animation: dryxPulse 1.5s ease-in-out infinite;
}
@keyframes dryxPulse { 0%,100%{opacity:1} 50%{opacity:.3} }
.dryx-root .dryx-title {
font-size: clamp(48px,8vw,96px); line-height:.95;
background: linear-gradient(180deg, #f5f5f5 0%, #b8b8b8 50%, #6a6a6a 100%);
-webkit-background-clip: text; background-clip: text; color: transparent;
text-shadow: 0 2px 30px var(–red-glow);
margin: 16px 0 8px;
}
.dryx-root .dryx-subtitle {
font-family: ‘Oswald’, sans-serif;
font-size: 14px; letter-spacing: .3em;
color: var(–muted); text-transform: uppercase;
display: flex; align-items: center; gap: 12px;
justify-content: center; margin: 0 auto; max-width: 700px;
}
.dryx-root .dryx-subtitle::before,
.dryx-root .dryx-subtitle::after {
content: »; flex: 1; height: 1px;
background: linear-gradient(90deg, transparent, var(–red), transparent);
}
.dryx-root .dryx-header { text-align: center; margin-bottom: 40px; }
.dryx-root .dryx-hero-tagline {
font-family: ‘Permanent Marker’, cursive;
font-size: clamp(20px, 3vw, 28px);
color: var(–red); text-shadow: 0 0 20px var(–red-glow);
margin-top: 16px;
}
/* Category chips */
.dryx-root .dryx-cats {
display:flex; flex-wrap:wrap; justify-content:center;
gap:10px; margin:24px 0 36px;
}
.dryx-root .dryx-cat {
padding:8px 18px; border:1px solid var(–border);
border-radius:999px; font-family:’Oswald’,sans-serif;
font-size:12px; letter-spacing:.25em; text-transform:uppercase;
color: var(–muted); background: rgba(20,10,12,.5);
}
.dryx-root .dryx-cat.active { color:#fff; border-color:var(–red); background: linear-gradient(135deg,var(–red),var(–red-dark)); box-shadow: 0 0 20px var(–red-glow); }
.dryx-root .dryx-wc-slot {
border: 1px solid var(–border);
background: rgba(20,10,12,.5);
border-radius: 12px; padding: 24px;
backdrop-filter: blur(6px);
}
/* Trust + footer */
.dryx-root .dryx-trust {
display: flex; flex-wrap: wrap; justify-content: center;
gap: 12px 40px; margin-top: 40px; padding: 20px 24px;
border: 1px solid var(–border);
background: rgba(20,10,12,.6);
border-radius: 12px; backdrop-filter: blur(8px);
}
.dryx-root .dryx-trust-item {
display: flex; align-items: center; gap: 10px;
font-family: ‘Oswald’, sans-serif;
font-size: 13px; letter-spacing: .2em; text-transform: uppercase;
}
.dryx-root .dryx-trust-item svg { color: var(–red); flex-shrink:0; }
.dryx-root .dryx-footer { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(–border); text-align: center; }
.dryx-root .dryx-footer-title { font-family:’Oswald’,sans-serif; font-size:22px; letter-spacing:.3em; color:var(–red); text-shadow:0 0 20px var(–red-glow); }
.dryx-root .dryx-footer-note { color:var(–muted); font-size:11px; letter-spacing:.2em; text-transform:uppercase; margin-top:8px; }
/* ====== WooCommerce overrides scoped under .dryx-root ====== */
.dryx-root .woocommerce, .dryx-root .woocommerce * { color: var(–text); }
.dryx-root .woocommerce a { color: var(–red); }
.dryx-root .woocommerce ul.products {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
gap: 20px !important; margin: 0 !important; padding: 0 !important;
list-style: none !important;
}
.dryx-root .woocommerce ul.products li.product {
width: auto !important; margin: 0 !important; float: none !important;
background: var(–card);
border: 1px solid var(–border);
border-radius: 12px; padding: 16px !important;
transition: transform .2s, box-shadow .2s, border-color .2s;
}
.dryx-root .woocommerce ul.products li.product:hover {
transform: translateY(-4px);
border-color: var(–red);
box-shadow: 0 0 30px var(–red-glow);
}
.dryx-root .woocommerce ul.products li.product img {
border-radius: 8px; margin-bottom: 12px !important;
}
.dryx-root .woocommerce ul.products li.product .woocommerce-loop-product__title {
font-family: ‘Oswald’, sans-serif !important;
font-size: 18px !important;
text-transform: uppercase; letter-spacing: .08em;
color: var(–text) !important; padding: 0 !important;
}
.dryx-root .woocommerce ul.products li.product .price {
color: var(–red) !important;
font-family: ‘Oswald’, sans-serif !important;
font-size: 22px !important; font-weight: 700 !important;
text-shadow: 0 0 15px var(–red-glow);
}
.dryx-root .woocommerce ul.products li.product .price del { color: var(–muted) !important; opacity:.6; font-size: 14px !important; }
.dryx-root .woocommerce span.onsale {
background: linear-gradient(135deg, var(–red), var(–red-dark)) !important;
color: #fff !important; border-radius: 999px !important;
font-family: ‘Oswald’, sans-serif !important;
letter-spacing: .1em; text-transform: uppercase;
box-shadow: 0 0 20px var(–red-glow);
}
.dryx-root .woocommerce .button,
.dryx-root .woocommerce a.button,
.dryx-root .woocommerce button.button,
.dryx-root .woocommerce a.button.alt {
background: linear-gradient(135deg, var(–red), var(–red-dark)) !important;
color: #fff !important;
border: none !important;
font-family: ‘Oswald’, sans-serif !important;
text-transform: uppercase; letter-spacing: .15em;
padding: 10px 20px !important;
border-radius: 8px !important;
box-shadow: 0 0 25px var(–red-glow);
transition: filter .2s;
}
.dryx-root .woocommerce .button:hover { filter: brightness(1.15); }
/* Pagination */
.dryx-root .woocommerce nav.woocommerce-pagination ul { border-color: var(–border) !important; }
.dryx-root .woocommerce nav.woocommerce-pagination ul li { border-color: var(–border) !important; }
.dryx-root .woocommerce nav.woocommerce-pagination ul li a,
.dryx-root .woocommerce nav.woocommerce-pagination ul li span {
color: var(–text) !important;
font-family: ‘Oswald’, sans-serif !important;
}
.dryx-root .woocommerce nav.woocommerce-pagination ul li span.current {
background: var(–red) !important; color: #fff !important;
}
/* Result count + sort */
.dryx-root .woocommerce .woocommerce-result-count,
.dryx-root .woocommerce .woocommerce-ordering { color: var(–muted) !important; }
.dryx-root .woocommerce .woocommerce-ordering select {
background: rgba(0,0,0,.4) !important;
color: var(–text) !important;
border: 1px solid var(–border) !important;
border-radius: 6px !important; padding: 8px 12px !important;
}
.dryx-root .woocommerce .woocommerce-message,
.dryx-root .woocommerce .woocommerce-info {
background: rgba(230,57,70,.1) !important;
border-top-color: var(–red) !important;
color: var(–text) !important;
}

DRYX Script · OneState

Boutique

Choisis ton arme. Domine le jeu.

Prends l’avantage. Sois la légende !
Tous les scripts
Android
iOS
Nouveautés
Promos

↓ Insère ici le shortcode WooCommerce, par ex. :

Paiement 100% sécurisé

Livraison instantanée

Licence à vie

Support réactif
DRYX SCRIPT
Domine · Écrase · Répète