:root{


  --omy-rip-h: clamp(72px, 13vw, 112px); /* mobile-friendly height */


  --omy-title-pad: clamp(54px, 7.5vw, 120px);


  --omy-row-pad: clamp(28px, 4.2vw, 60px);


  --omy-footer-pad: clamp(14px, 2vw, 28px);


}





/* TITRES (Woodmart) */


.omy-tearoff-enabled .wd-page-title{


  position:relative;


  padding-top: calc(var(--omy-title-pad) + var(--omy-rip-h));


  padding-bottom: calc(var(--omy-title-pad) + var(--omy-rip-h));


  overflow:visible;


  z-index:0;


}


.omy-tearoff-enabled .wd-page-title:before,


.omy-tearoff-enabled .wd-page-title:after{


  content:"";


  position:absolute; left:0; width:100%; height:var(--omy-rip-h);


  background-position:center bottom; background-repeat:no-repeat;


  background-size:cover; /* important: pas de 100% 100% pour éviter l'écrasement sur mobile */


  pointer-events:none; z-index:1;


}


.omy-tearoff-enabled .wd-page-title:before{ top:0;    background-image:url('../img/ripoff_flip.png'); }


.omy-tearoff-enabled .wd-page-title:after { bottom:0; background-image:url('../img/ripoff.png'); }





/* Catégories : pleine largeur */


.tax-product_cat .wd-page-title{ width:100vw; margin-left:50%; transform:translateX(-50%); }





/* FOOTER (tear-off haut uniquement) */


body.omy-tearoff-enabled .wd-footer, body.omy-footer-tearoff .wd-footer, body.omy-tearoff-enabled footer{


  position:relative; overflow:visible; padding-top: var(--omy-rip-h);


}


body.omy-tearoff-enabled .wd-footer .container{ padding-top: var(--omy-footer-pad); padding-bottom: var(--omy-footer-pad); }


body.omy-tearoff-enabled .wd-footer:before, body.omy-footer-tearoff .wd-footer:before, body.omy-tearoff-enabled footer:before{


  content:""; position:absolute; top:0; left:0; width:100%; height:var(--omy-rip-h);


  background:url('../img/ripoff_flip.png') center bottom no-repeat; background-size:cover; pointer-events:none; z-index:1;


}





/* RANGÉES VC — comportement Zass (inchangé, déjà OK mobile) */


.vc_row.zass-point-down[data-vc-full-width],


.vc_row.zass-point-down.vc_inner{


  margin-bottom:0; padding-bottom:99px; position:relative;


}


.vc_row.zass-point-down.vc_parallax[data-vc-full-width]{ overflow:hidden; }


.vc_row.zass-point-down:before{


  position:absolute; bottom:0; left:0; width:100%; height:99px; display:block; content:''; pointer-events:none;


  background:url('../img/ripoff.png') bottom center no-repeat; background-size:cover;


}


.vc_row:not(.vc_inner).zass-point-down:after{


  position:absolute; top:0; left:0; width:100%; height:99px; display:block; content:''; pointer-events:none;


  background:url('../img/ripoff_flip.png') bottom center no-repeat; background-size:cover;


}


.vc_row.vc_inner.zass-point-down > div:first-of-type:after{


  position:absolute; top:-100px; left:0; width:100%; height:99px; display:block; content:''; pointer-events:none;


  background:url('../img/ripoff_flip.png') bottom center no-repeat; background-size:cover;


}





/* Zass Icon Box (legacy) */


.omy-zass-icon-box{


  --omy-ibox-color: currentColor;


  text-align:center;


  background:#fff;


  border:1px solid rgba(0,0,0,.06);


  border-radius:6px;


  padding:28px 24px;


  height:100%;


  box-shadow: 0 2px 10px rgba(0,0,0,.03);


}


.omy-zass-icon-box .omy-ib-icon{ font-size:42px; line-height:1; margin-bottom:16px; color:var(--omy-ibox-color); }


.omy-zass-icon-box .omy-ib-title{ font-size:22px; line-height:1.3; margin:0 0 10px; }


.omy-zass-icon-box .omy-ib-text{ font-size:16px; color:rgba(0,0,0,.70); }


@media (min-width: 992px){ .omy-zass-icon-box{ padding:34px 28px; } }








/* --------------------------------------------------------------------------


   Responsive fix (pages): force VC columns to stack vertically on tablets/mobile


   without relying on per-column responsive settings.


--------------------------------------------------------------------------- */


@media (max-width: 991.98px){


  .page .vc_row, .page .vc_inner { display: flex; flex-wrap: wrap; }


  .page .vc_row .wpb_column,


  .page .vc_inner .wpb_column {


    width: 100% !important;


    max-width: 100% !important;


    flex: 0 0 100% !important;


  }


  /* small spacing between stacked columns */


  .page .vc_row .wpb_column:not(:last-child),


  .page .vc_inner .wpb_column:not(:last-child) { margin-bottom: 18px; }


}





/* Ensure Woodmart/VC equal-height rows still wrap on mobile */


@media (max-width: 991.98px){


  .vc_row.vc_row-flex { flex-wrap: wrap !important; }


}