/** Shopify CDN: Minification failed

Line 83:4 Unexpected "{"
Line 83:5 Expected identifier but found "%"
Line 83:30 Unexpected "{"
Line 83:31 Expected identifier but found "%"
Line 87:2 Unexpected "{"
Line 87:3 Expected identifier but found "%"
Line 89:4 Unexpected "{"
Line 89:5 Expected identifier but found "%"

**/

  /* =========================================================
     CYRUS WEBTECH — DESIGNS SECTION
     Fully isolated / no ID selectors
     ========================================================= */

  .cyrus-designs-section,
  .cyrus-designs-section * {
    box-sizing:border-box;
  }
  .cyrus-designs-section h1,
.cyrus-designs-section h2,
.cyrus-designs-section h3,
.cyrus-designs-section h4,
.cyrus-designs-section h5,
.cyrus-designs-section h6,
.cyrus-designs-section * {
  letter-spacing: 0;
}


  .cyrus-designs-section {

    --cyrus-designs-bg:#f6f1e7;
    --cyrus-designs-paper:#fffdf8;
    --cyrus-designs-ink:#0c110e;
    --cyrus-designs-muted:#667068;
    --cyrus-designs-line:#d9d7cf;
    --cyrus-designs-lime:#b9ff19;
    --cyrus-designs-lime2:#efffc9;
    --cyrus-designs-dark:#101613;
    --cyrus-designs-shadow:0 28px 75px rgba(10,16,13,.10);

    width:100%;
    margin:0;
    padding:80px 0;

    color:var(--cyrus-designs-ink);

    background:
      radial-gradient(
        circle at 90% 0%,
        rgba(185,255,25,.12),
        transparent 23%
      ),
      linear-gradient(
        180deg,
        #fbf8f2,
        var(--cyrus-designs-bg)
      );

    font-family:
      Inter,
      system-ui,
      -apple-system,
      "Segoe UI",
      sans-serif;

    -webkit-font-smoothing:antialiased;

  }


  .cyrus-designs-section img {
    max-width:100%;
  }


  .cyrus-designs-section a {
    text-decoration:none;
    {% comment %} color:#fff; {% endcomment %}
  }


  {% comment %} .cyrus-designs-section button {
    font:9px;
  } {% endcomment %}


  /* =========================================================
     CONTAINER
     ========================================================= */

  .cyrus-designs-section__container {

    width:min(1480px,94vw);

    margin:auto;

  }


  /* =========================================================
     SECTION HEADING
     ========================================================= */

  .cyrus-designs-section__headrow {

    display:flex;

    align-items:end;

    justify-content:space-between;

    gap:28px;

    margin-bottom:30px;

  }


  .cyrus-designs-section__headrow > div {
    min-width:0;
  }


  .cyrus-designs-section__headrow > p {

    max-width:620px;

    font-size:16px;

    line-height:1.65;

    color:var(--cyrus-designs-muted);

    margin:0;

  }


  .cyrus-designs-section__eyebrow {

    font-size:10px;

    letter-spacing:.19em;

    text-transform:uppercase;

    font-weight:900;

    color:#8b5a25;

  }


  .cyrus-designs-section__h2 {

    font-size:clamp(42px,4.3vw,68px);

    line-height:.95;

    letter-spacing:-.055em;

    margin:8px 0 0;

  }


  .cyrus-designs-section__serif {

    font-family:
      Georgia,
      "Times New Roman",
      serif;

    letter-spacing:-.055em;

    font-style:italic;

    font-weight:500;

  }


  /* =========================================================
     REVEAL
     ========================================================= */

  .cyrus-designs-section__reveal {

    opacity:0;

    transform:translateY(18px);

    transition:.65s cubic-bezier(.2,.8,.2,1);

  }


  .cyrus-designs-section__reveal.cyrus-designs-section__show {

    opacity:1;

    transform:none;

  }


  /* =========================================================
     FILTERS
     ========================================================= */

  .cyrus-designs-section__filters {

    display:flex;

    gap:7px;

    flex-wrap:wrap;

    margin-bottom:20px;

  }


  .cyrus-designs-section__filter {

    border:1px solid var(--cyrus-designs-line);

    background:#fff;

    padding:9px 12px;

    border-radius:999px;

    font-size:11px;

    font-weight:850;

    cursor:pointer;

    color:var(--cyrus-designs-ink);

  }


  .cyrus-designs-section__filter--active {

    background:var(--cyrus-designs-dark);

    color:#fff;

  }


  /* =========================================================
     DESIGN GRID
     ========================================================= */

  .cyrus-designs-section__designs {

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

  }


  /* =========================================================
     CARD
     ========================================================= */

  .cyrus-designs-section__card {

    background:#fff;

    border:1px solid var(--cyrus-designs-line);

    border-radius:19px;

    overflow:hidden;

    transition:.25s;

  }


  .cyrus-designs-section__card:hover {

    transform:translateY(-6px);

    box-shadow:var(--cyrus-designs-shadow);

  }


  .cyrus-designs-section__card.cyrus-designs-section__hide {

    display:none;

  }


  /* =========================================================
     PREVIEW
     ========================================================= */

  .cyrus-designs-section__shot {

    background:#181d19;

    padding:10px;

  }


  .cyrus-designs-section__shotin {

    background:#fff;

    border-radius:11px;

    overflow:hidden;

  }


  .cyrus-designs-section__shotbar {

    height:28px;

    border-bottom:1px solid #eee;

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:0 8px;

    font-size:7px;

  }


  .cyrus-designs-section__shotbar span,
  .cyrus-designs-section__shotbar b {

    min-width:0;

    overflow:hidden;

    text-overflow:ellipsis;

    white-space:nowrap;

  }


  .cyrus-designs-section__shotimg {

    height:330px;

    overflow:auto;

    scrollbar-width:thin;

    scrollbar-color:
      #bfc6bf
      #f1f2ee;

    background:#fff;

  }


  .cyrus-designs-section__shotimg img {

    width:100%;

    height:auto;

    display:block;

    object-fit:unset;

    transition:.5s;

  }


  .cyrus-designs-section__card:hover
  .cyrus-designs-section__shotimg img {

    transform:none;

  }


  /* =========================================================
     CARD META
     ========================================================= */

  .cyrus-designs-section__meta {

    padding:15px;

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

    gap:14px;

  }


  .cyrus-designs-section__meta > div {

    min-width:0;

  }


  .cyrus-designs-section__meta h3 {

    font-size:16px;

    margin:0 0 4px;

  }


  .cyrus-designs-section__meta p {

    font-size:13px;

    color:var(--cyrus-designs-muted);

    margin:0;

  }


  /* =========================================================
     CARD BUTTON
     ========================================================= */

  .cyrus-designs-section__view {

    font-size:10px !important;

    font-weight:800 !important;

    white-space:nowrap;

    padding:11px 14px !important;

    height:40px;

    flex:0 0 auto;

  }


  /* =========================================================
     PRICE
     ========================================================= */

  .cyrus-designs-section__price-row {

    display:flex;

    align-items:center;

    gap:9px;

    margin-top:9px;

  }


  .cyrus-designs-section__price {

    font-size:22px;

    letter-spacing:-.04em;

  }


  .cyrus-designs-section__scrolltag {

    display:inline-flex;

    background:#efffc9;

    border:1px solid #dbeea1;

    color:#2d3b12;

    border-radius:999px;

    padding:6px 9px;

    font-size:10px;

    font-weight:950;

    margin-top:9px;

  }


  .cyrus-designs-section__scrolltag--no-margin {

    margin-top:0;

  }


  /* =========================================================
     BUTTONS
     ========================================================= */

  .cyrus-designs-section__actions {

    display:flex;

    gap:10px;

    flex-wrap:wrap;

  }


  .cyrus-designs-section__btn {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    border:1px solid var(--cyrus-designs-dark);

    padding:14px 18px;

    border-radius:10px;

    background:#fff;

    font-size:12px;

    font-weight:900;

    transition:.2s;

  }


  .cyrus-designs-section__btn:hover {

    transform:translateY(-2px);

  }


  .cyrus-designs-section__btn--dark {

    background:var(--cyrus-designs-dark);

    color:#fff;

  }


  .cyrus-designs-section__btn--lime {

    background:var(--cyrus-designs-lime);

    border-color:#9fcf00;

    color:#111;

  }


  /* =========================================================
     VIEW ALL
     ========================================================= */

  .cyrus-designs-section__designs-button {

    justify-content:center;

    margin-top:28px;

  }


  /* =========================================================
     FEATURE STRIPE
     ========================================================= */

  .cyrus-designs-section__feature-strip {

    width:min(1480px,94vw);

    margin:0 auto;

    color:#0d141a;

    font-family:
      Inter,
      ui-sans-serif,
      system-ui,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      sans-serif;

  }


  .cyrus-designs-section__feature-strip-inner {

    width:100%;

  }


  .cyrus-designs-section__feature-strip-features {

    margin-top:40px;

    border-top:1px solid #d9dbd2;

    border-bottom:1px solid #d9dbd2;

    padding:24px 0;

    display:grid;

    grid-template-columns:repeat(5,1fr);

    gap:20px;

  }


  .cyrus-designs-section__feature {

    text-align:center;

    padding:0 16px;

    border-right:1px solid #d9dbd2;

  }


  .cyrus-designs-section__feature:last-child {

    border-right:none;

  }


  .cyrus-designs-section__feature-icon {

    width:44px;

    height:44px;

    margin:0 auto 12px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:#efffc5;

    font-size:20px;

    font-weight:900;

  }


  .cyrus-designs-section__feature b {

    display:block;

    font-size:16px;

  }


  .cyrus-designs-section__feature small {

    display:block;

    color:#667067;

    font-size:13px;

    margin-top:5px;

    line-height:1.35;

  }


  /* =========================================================
     DESIGN NOTE
     ========================================================= */

  .cyrus-designs-section__design-note {

    margin-top:40px;

    border:1px solid #dce6c0;

    background:
      linear-gradient(
        120deg,
        #fffef9,
        #f4f9e8
      );

    border-radius:22px;

    padding:24px;

    display:grid;

    grid-template-columns:1fr auto;

    gap:18px;

    align-items:center;

  }


  .cyrus-designs-section__design-note h3 {

    font-size:28px;

    line-height:1.03;

    letter-spacing:-.045em;

    margin:0 0 8px;

  }


  .cyrus-designs-section__design-note p {

    margin:0;

    font-size:13px;

    line-height:1.7;

    color:var(--cyrus-designs-muted);

    max-width:900px;

  }


  .cyrus-designs-section__design-note strong {

    color:#111;

  }


  /* =========================================================
     FEATURE STRIPE — TABLET
     Original breakpoint: 1050px
     ========================================================= */

  @media (max-width:1050px) {

    .cyrus-designs-section__designs {

      grid-template-columns:repeat(2,1fr);

    }


    .cyrus-designs-section__feature-strip-features {

      grid-template-columns:repeat(2,1fr);

    }


    .cyrus-designs-section__feature {

      border-right:none;

      border-bottom:1px solid #d9dbd2;

      padding:18px;

    }


    .cyrus-designs-section__feature:last-child {

      grid-column:1 / -1;

    }

  }


  /* =========================================================
     ORIGINAL 760px RESPONSIVE
     ========================================================= */

  @media (max-width:760px) {

    .cyrus-designs-section {

      padding:68px 0;

    }


    .cyrus-designs-section__container {

      width:min(100% - 28px,1480px);

    }


    .cyrus-designs-section__designs {

      grid-template-columns:1fr;

    }


    .cyrus-designs-section__headrow {

      align-items:flex-start;

      flex-direction:column;

    }


    .cyrus-designs-section__feature-strip-features {

      grid-template-columns:1fr;

      border-bottom:0;

    }
.cyrus-designs-section__design-note p {

    font-size:16px;

  }
.cyrus-designs-section__feature small {

    font-size:15px;


  }
    .cyrus-designs-section__feature:last-child {

      grid-column:auto;

    }


    .cyrus-designs-section__design-note {

      grid-template-columns:1fr;

    }
    .cyrus-designs-section__meta p {

      font-size:15px;
        line-height: 1.5;
        padding-top: 5px;
    }

  }


  /* =========================================================
     ORIGINAL 500px RESPONSIVE
     ========================================================= */

  @media (max-width:500px) {

    .cyrus-designs-section__design-note {

      padding:20px;

    }


    .cyrus-designs-section__design-note h3 {

      font-size:25px;

    }
    .cyrus-designs-section__meta {
      align-items: start;
      flex-direction: column;
  }

  }


  /* =========================================================
     REDUCED MOTION
     ========================================================= */

  @media (prefers-reduced-motion:reduce) {

    .cyrus-designs-section__reveal {

      opacity:1 !important;

      transform:none !important;

      transition:none !important;

    }


    .cyrus-designs-section__card {

      transition:none;

    }


    .cyrus-designs-section__btn {

      transition:none;

    }

  }