/* =========================
BBM — Boutique complète (style Accueil + logo)
========================= */
:root{
–bg:#000;
–card:#141414;
–panel:#0d0d0d;
–text:#f5f5f5;
–muted:#cfcfcf;
–accent:#d11c1c;
–accent-dark:#b91515;
–border:#2a2a2a;
–max:1240px;
–bgmark:url(‘https://marocbulldog-billards.com/bulldog-billards/wp-content/uploads/2026/03/Logo-Maroc-Bulldog-BlackWhite-scaled.png’);
}
.bbm-wrap{
background:var(–bg);
color:var(–text);
font-family:Arial,sans-serif;
position:relative;
isolation:isolate;
}
.bbm-wrap *{box-sizing:border-box}
.bbm-c{width:min(var(–max),calc(100% – 32px));margin:0 auto}
.bbm-wrap a{text-decoration:none;color:inherit}
/* ✅ Watermark discret (ne mange plus la page) */
.bbm-wrap::before{
content: » »;
position:fixed;
inset:0;
pointer-events:none;
z-index:0; /* IMPORTANT : pas -1 */
background:
radial-gradient(ellipse at 70% 20%, rgba(0,0,0,.35), rgba(0,0,0,.90) 62%),
var(–bgmark);
background-repeat:no-repeat;
background-position:88% 8%;
background-size:620px auto;
opacity:.10;
}
.bbm-wrap > *{position:relative;z-index:1}
/* Header (comme Accueil) */
.bbm-header{
background:rgba(0,0,0,.88);
border-bottom:1px solid rgba(255,255,255,.08);
position:sticky;
top:0;
z-index:999;
}
.bbm-header-in{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
min-height:90px;
}
.bbm-brand{display:flex;align-items:center;gap:14px}
.bbm-brand img{width:64px;height:64px;object-fit:contain;display:block}
.bbm-title{font-size:18px;font-weight:900;color:#fff;line-height:1.1}
.bbm-sub{font-size:12px;color:#b8b8b8;text-transform:uppercase;letter-spacing:.16em;margin-top:4px}
.bbm-nav{display:flex;gap:20px;flex-wrap:wrap}
.bbm-nav a{color:#f2f2f2;font-size:15px;font-weight:800}
.bbm-nav a:hover{color:var(–accent)}
.bbm-actions{display:flex;align-items:center;gap:10px}
.bbm-icon{
width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.12);
display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);
color:#fff;font-size:18px
}
/* Hero titre boutique (même vibe Accueil) */
.bbm-hero{
padding:44px 0 18px;
}
.bbm-eyebrow{
color:var(–accent);
text-transform:uppercase;
letter-spacing:.14em;
font-size:12px;
font-weight:900;
margin-bottom:12px
}
.bbm-h1{
margin:0 0 10px;
font-size:clamp(30px,4vw,44px);
font-weight:900;
line-height:1.1
}
.bbm-p{
margin:0 0 18px;
color:#d0d0d0;
line-height:1.6;
max-width:780px;
}
.bbm-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.bbm-btn{
display:inline-flex;align-items:center;justify-content:center;
min-height:48px;padding:0 22px;border-radius:12px;
font-weight:900;border:1px solid transparent;transition:.2s ease;
}
.bbm-btn-red{background:var(–accent);color:#fff}
.bbm-btn-red:hover{background:var(–accent-dark)}
.bbm-btn-line{background:transparent;border-color:rgba(255,255,255,.22);color:#fff}
.bbm-btn-line:hover{background:rgba(255,255,255,.06)}
.bbm-btn.is-active{border-color:var(–accent); box-shadow:0 0 0 2px rgba(209,28,28,.18) inset}
/* Panels / cards */
.bbm-panel{
background:var(–panel);
border:1px solid rgba(255,255,255,.08);
border-radius:18px;
padding:18px;
}
.bbm-s{padding:26px 0 60px}
/* Grille 5 produits (responsive) */
.bbm-grid5{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:14px;
margin-top:14px;
}
.bbm-card{
background:var(–card);
border:1px solid var(–border);
border-radius:18px;
overflow:hidden;
display:flex;
flex-direction:column;
min-height:100%;
}
.bbm-media{
aspect-ratio:4/3;
background:linear-gradient(135deg,#171717,#0e0e0e);
position:relative;
overflow:hidden;
}
.bbm-media img{width:100%;height:100%;object-fit:cover;display:block}
.bbm-media::after{
content: »PHOTO À AJOUTER »;
position:absolute; inset:0;
display:flex;align-items:center;justify-content:center;
color:#9a9a9a;font-weight:900;letter-spacing:.12em;font-size:12px;
}
.bbm-body{padding:14px 14px 16px}
.bbm-prod-title{margin:0 0 8px;font-weight:900;font-size:15px}
.bbm-prod-desc{margin:0 0 10px;color:#cfcfcf;opacity:.95;font-size:13px;line-height:1.5;min-height:38px}
.bbm-price{margin:0 0 12px;color:#fff;font-weight:900;font-size:16px}
.bbm-qty-row{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.bbm-qty-row label{font-size:12px;color:#cfcfcf;font-weight:800}
.bbm-qty{
width:86px;
background:#0b0b0b;
border:1px solid rgba(255,255,255,.14);
border-radius:12px;
color:#fff;
padding:10px 10px;
font-weight:900;
}
.bbm-add{
width:100%;
min-height:46px;
border-radius:12px;
background:var(–accent);
color:#fff;
font-weight:900;
border:none;
cursor:pointer;
}
.bbm-add:hover{background:var(–accent-dark)}
/* Sections catégories */
.bbm-cat-section{display:none;margin-top:14px}
.bbm-cat-section.is-open{display:block}
.bbm-cat-head{
display:flex;justify-content:space-between;align-items:end;gap:12px;
margin:18px 0 6px;
}
.bbm-cat-head h3{margin:0;font-size:18px;font-weight:900}
.bbm-cat-head p{margin:0;color:#cfcfcf;max-width:720px}
/* WooCommerce output polishing (grille « Tous les articles ») */
.woocommerce ul.products{margin-top:18px!important}
.woocommerce ul.products li.product{
background:#141414;border:1px solid #2a2a2a;border-radius:18px;padding:14px!important;overflow:hidden
}
.woocommerce ul.products li.product a img{border-radius:12px}
.woocommerce ul.products li.product .price{color:#fff!important;font-weight:900}
.woocommerce ul.products li.product .button{
background:#d11c1c!important;border-radius:12px!important;font-weight:900!important;color:#fff!important
}
.woocommerce ul.products li.product .button:hover{background:#b91515!important}
/* Responsive */
@media (max-width:1200px){.bbm-grid5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.bbm-grid5{grid-template-columns:repeat(2,1fr)} .bbm-nav{display:none}}
@media (max-width:560px){.bbm-grid5{grid-template-columns:1fr}}

BULLDOG BILLARD MAROC
Pool • Snooker • Accessoires

Boutique

TOUS LES PRODUITS

Choisis un univers : la catégorie s’affiche avec 5 emplacements “produits” (photo, description, prix, quantité et ajout panier).
Tu peux aussi voir tous les articles de la boutique en bas.

Billards Pool

5 emplacements prêts à remplir (tu remplaces la photo + texte + prix + ID produit).

Ouvrir la catégorie WooCommerce

<!–

–>
Produit Pool 1
Description courte (dimensions, finition, option monnayeur, etc.).
XX XXX MAD TTC
Qté

Produit Pool 2
Description courte.
XX XXX MAD TTC
Qté

Produit Pool 3
Description courte.
XX XXX MAD TTC
Qté

Produit Pool 4
Description courte.
XX XXX MAD TTC
Qté

Produit Pool 5
Description courte.
XX XXX MAD TTC
Qté

Billards Snooker

5 emplacements prêts à remplir.

Ouvrir la catégorie WooCommerce

Produit Snooker 1Description courte.XX XXX MAD TTCQté

Produit Snooker 2Description courte.XX XXX MAD TTCQté

Produit Snooker 3Description courte.XX XXX MAD TTCQté

Produit Snooker 4Description courte.XX XXX MAD TTCQté

Produit Snooker 5Description courte.XX XXX MAD TTCQté

Accessoires

5 emplacements prêts à remplir.

Ouvrir la catégorie WooCommerce

Accessoire 1Description courte.XXX MAD TTCQté

Accessoire 2Description courte.XXX MAD TTCQté

Accessoire 3Description courte.XXX MAD TTCQté

Accessoire 4Description courte.XXX MAD TTCQté

Accessoire 5Description courte.XXX MAD TTCQté

Tapis / Draps

5 emplacements prêts à remplir.

Ouvrir la catégorie WooCommerce

Tapis 1Description courte.X XXX MAD TTCQté

Tapis 2Description courte.X XXX MAD TTCQté

Tapis 3Description courte.X XXX MAD TTCQté

Tapis 4Description courte.X XXX MAD TTCQté

Tapis 5Description courte.X XXX MAD TTCQté

Tous les articles

Affichage WooCommerce complet de la boutique.

Voir le panier

Afficher 9 12 18 24

Contactez-nous par téléphone au +212 602 859 926 pour passer votre commande.