/* ===================================================================
   Ready-to-Wear page — client layout refinements (Client_Updates)
   Scoped to this page only; no !important so SiteOrigin's builder
   resize/pad/margin tools keep working (see homepage.css history).
   IDs are SiteOrigin row/cell IDs for page 3666:
     #pg-3666-1/2/3   = the three category-card rows
     #pgc-3666-N-M    = the cells within those rows
   =================================================================== */

/* 20px side margins on each category-card row.
   Body prefix raises specificity above SiteOrigin's generated #pg rules
   without needing !important. */
body #pg-3666-1,
body #pg-3666-2,
body #pg-3666-3 {
    margin-left: 50px;
    margin-right: 50px;
}

/* Reduce the column gutter from 30px to 7.2px.
   SiteOrigin lays the row out with justify-content:space-between and
   reserves the gutter inside each cell's width calc, so shrinking the
   reserved amount shrinks the gaps to 7.2px.
   Desktop-only: below SiteOrigin's 780px breakpoint the cells stack to
   width:100%, and we must not override that back to 33%. */
@media (min-width: 781px) {
    body #pgc-3666-3-0, body #pgc-3666-3-1, body #pgc-3666-3-2 {
        width: calc(33.3333% - (0.66666666666667 * 7.2px));
    }

    /* Rows 1 and 2: gutter halved again to 3.6px (−50% from 7.2px). */
    body #pgc-3666-1-0, body #pgc-3666-1-1, body #pgc-3666-1-2,
    body #pgc-3666-2-0, body #pgc-3666-2-1, body #pgc-3666-2-2 {
        width: calc(33.3333% - (0.66666666666667 * 3.6px));
    }
}