/* Product Category Side Wide (template-specific overrides)
 *
 * NOTE: This file must be linked/loaded by the theme to take effect.
 */

/* Remove border and rounded corners from the content intro area
   when using the side-wide category layout */
.sc-cat--sideWide .content-intro,
.sc-cat--sideWide .intro,
.sc-cat--sideWide .contentIntro {
    border: none !important;
    border-radius: 0 !important;
}

/* Left sidebar container: no border / no radius */
.sc-cat--sideWide .pcatSideWide__left{
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important; /* if any theme shadow exists */
}

/* Option A (best): full-bleed grey to viewport edge */
.sc-cat--sideWide .pcatSideWide__layout{
  position: relative;
  overflow: visible;
}

.sc-cat--sideWide .pcatSideWide__left{
  position: relative;
  background: #f2f3f4;
}

.sc-cat--sideWide .pcatSideWide__left::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -100vw;
  width: 100vw;
  background: #f2f3f4;
  z-index: -1;
}

.sc-cat--sideWide .pcatSideWide__right{
  background: #fff;
}

/* Make left column background match right column height */
.sc-cat--sideWide .pcatSideWide__layout{
  display: flex;
  gap: 22px;
  align-items: stretch;
}

.sc-cat--sideWide .pcatSideWide__left,
.sc-cat--sideWide .pcatSideWide__right{
  align-self: stretch;
}

/* Enforce 25/75 columns */
.sc-cat--sideWide .pcatSideWide__left {
  flex: 0 0 25%;
  max-width: 25%;
  box-sizing: border-box;
}

.sc-cat--sideWide .pcatSideWide__right {
  flex: 1 1 75%;
  max-width: 75%;
  min-width: 0; /* allow grid to shrink properly */
  box-sizing: border-box;
}

/* Ensure grid fills right column */
.sc-cat--sideWide .pcatSideWide__right .psc-grid-v2 {
  width: 100%;
}

@media (max-width: 980px){
  .sc-cat--sideWide .pcatSideWide__left::before{
    display:none;
  }

  .sc-cat--sideWide .pcatSideWide__layout{
    display: block;
  }

  .sc-cat--sideWide .pcatSideWide__left,
  .sc-cat--sideWide .pcatSideWide__right{
    max-width: none;
  }

  .sc-cat--sideWide .pcatSideWide__left{
    margin-bottom: 18px;
  }
}