/** Shopify CDN: Minification failed

Line 260:0 Unexpected "}"

**/
.sv-blog {
    --bg: #faf7f0;
    --card: #fff;
    --warm: #f3ebdd;
    --deep: #e6d8c3;
    --ink: #2a241a;
    --soft: #000000ff!important;
    --mute: #000000!important;
    --accent: #513c10 !important;
    --accent2: #513c10!important;
    --brown: #513c10 !important;
    --orange: #513c10!important;
    --line: #e4d8c5;
    --radius: 8px;
    background: var(--bg);
    color: var(--ink);
    font-family: Inter, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.65
}
figure.sv-figure.sv-extra-image {
    margin: 30px 0px;
}
h3.faq-question-text {
    font-size: 18px !important;
    font-weight: 500 !important;
    font-family: 'Cardo' !important;
}
.sv-vtiger form#__vtigerWebForm_1 tbody {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px;
    margin-bottom: 15px !important;
}
h2.blog-faqs__heading {
    margin-bottom: 24px !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    font-family: 'Cardo' !important;
}
.sv-blog * {
    box-sizing: border-box
}
article.sv-article .sv-rte.rte a span{
   color: var(--soft);
   font-weight: 600;
}
.sv-layout {
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
    padding: 18px 20px 56px;
    display: grid;
    grid-template-columns: minmax(0, 1fr)320px;
    gap: 32px
}

.sv-article {
    max-width: 860px;
    width: 100%;
    min-width: 0
}

.sv-blog h1, .sv-blog h2, .sv-blog h3, .sv-blog h4 {
    font-family: 'Cardo';
    color: var(--ink);
    font-weight: 600;
    letter-spacing: -.01em;
}

.sv-blog h1 {
    font-size: clamp(28px, 3.2vw, 42px);
    line-height: 1.15;
    margin: 12px 0
}

.sv-blog h2 {
    font-size: clamp(22px, 2.4vw, 30px);
    margin: 30px 0 12px
}

.sv-blog h3 {
    font-size: clamp(18px, 1.8vw, 22px);
    margin: 20px 0 8px
}

.sv-hero {
    width: 100%;
    aspect-ratio: 16/6;
    border-radius: var(--radius);
    overflow: hidden;
    margin-bottom: 16px;
    background: linear-gradient(135deg, #d6c4a5, #b8a98b)
}

.sv-hero img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block
}

.sv-tag {
    display: inline-block;
    background: var(--warm);
    color: var(--brown);
    padding: 3px 10px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em
}

.sv-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 12px;
    color: var(--mute);
    margin: 10px 0 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--line)
}
/* Extra image + video inside article content */
.sv-extra-media {
  width: 100%;
  max-width: 100%;
  margin: 24px 0;
  overflow: hidden;
}

.sv-extra-media img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius);
  object-fit: cover;
}
.sv-article section.blog-faqs .page-width {
    padding: 0px !important;
}
.sv-extra-video {
  width: 100%;
  max-width: 100%;
  margin: 24px 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--radius);
  background: #000;
}

.sv-extra-video iframe,
.sv-extra-video video {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
.sv-rte {
    color: var(--soft)
}
.sv-layout table {
    box-shadow: unset !important;
}
.sv-rte p {
    color: var(--soft);
    margin: 0 0 14px
}
.iti__selected-dial-code {
    color: #000;
}
.iti__country-list {
    background-color: var(--accent) !important;
}
ul#country-listbox li, ul#country-listbox li span {
    color: #fff !important;
    font-size: 12px;
}
.sv-rte a {
    color: #fff;
    text-decoration: none;
    border-bottom: 1px solid rgba(79, 99, 50, .35)
}
.sv-rte a.sv-btn:hover {
    color: #fff !important;
    background-color: #896417 !important;
}
.sv-rte a:hover {
    color: #513c10 !important;
}
.sv-rte img {
    max-width: 100%;
    border-radius: var(--radius)
}

.sv-lead-kit {
    margin: 22px 0;
    background: linear-gradient(135deg, var(--warm), var(--deep));
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 16px;
    /* display: grid;
    grid-template-columns: 80px 1fr; */
    gap: 14px;
    align-items: center
}
.iti {
    width: 100%;
}
.sv-visual {
    aspect-ratio: 1;
    border-radius: var(--radius);
    background: linear-gradient(135deg, var(--accent) 0 25%, var(--orange) 25% 50%, #d6c4a5 50% 75%, var(--accent2) 75%);
    box-shadow: 0 8px 28px rgba(42, 36, 26, .1);
    position: relative
}

.sv-visual:after {
    content: '30+';
    position: absolute;
    bottom: 6px;
    left: 6px;
    background: var(--accent2);
    color: var(--warm);
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 9px;
    font-weight: 700
}

.sv-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 10px
}

.sv-badges span {
    background: #fff;
    border: 1px solid var(--line);
    padding: 2px 8px;
    border-radius: 50px;
    font-size: 10px;
    color: var(--soft)
}

/* .sv-selector {
    margin: 24px 0;
    background: var(--card);
    /* border: 1px solid var(--line); */
    /* border-radius: var(--radius);
    padding: 16px;
    box-shadow: 0 2px 10px rgba(42, 36, 26, .08) */
} */

.sv-sel-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px
}

.sv-sel-head h3,
.sv-lead-kit h3,
.sv-bulk h3 {
    margin: 0 0 8px;
    font-size: 20px
}

.sv-sel-head span,
.sv-bulk-head span {
    background: var(--accent);
    color: #fff;
    padding: 3px 9px;
    border-radius: 50px;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap
}

.sv-lead-strip {
    margin: 24px 0;
    background: var(--ink);
    color: var(--warm);
    border-radius: var(--radius);
    padding: 16px 18px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 14px;
    align-items: center
}

.sv-lead-strip h4 {
    color: #fff;
    font-size: 20px;
    margin: 0 0 2px
}

.sv-lead-strip p {
    font-size: 12px;
    color: #d6c4a5;
    margin: 0
}

.sv-btn,
.sv-blog button {
    background: var(--accent);
    color: #fff;
    border: 0;
    cursor: pointer;
    padding: 10px 16px;
    border-radius: var(--radius);
    font: 700 12px Inter, Arial, sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .2s ease
}

.sv-btn:hover,
.sv-blog button:hover {
    background: var(--accent2)
}

.sv-btn-warm {
    background: var(--orange)
}
a.sv-btn.sv-btn-warm {
background: var(--orange)
}

.sv-bulk {
    margin: 24px 0;
    border: 1px dashed var(--brown);
    border-radius: var(--radius);
    padding: 16px;
    background: var(--bg)
}

.sv-bulk-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px
}

.sv-sidebar {
    align-self: start;
    width: 320px
}

.sv-side-card {
    background: var(--card);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 16px;
    margin-bottom: 14px;
    box-shadow: 0 2px 8px rgba(42, 36, 26, .06)
}

.sv-side-card h4 {
    font-size: 20px;
    margin: 4px 0
}

.sv-side-card p {
    color: var(--soft);
    font-size: 13px
}

.sv-lbl {
    font-size: 10px;
    text-transform: uppercase;
    color: var(--accent);
    font-weight: 700;
    letter-spacing: .08em
}

.sv-side-lead {
    background: var(--brown);
    color: #fff;
    border: 0
}

.sv-side-lead h4,
.sv-side-lead p,
.sv-side-lead .sv-lbl {
    color: #fff
}

.sv-trust {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    text-align: center;
    margin-top: 8px
}

.sv-n {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--brown);
    line-height: 1
}

.sv-c {
    font-size: 10px;
    color: var(--mute);
    margin-top: 4px
}

.sv-svc {
    list-style: none;
    padding: 0;
    margin: 10px 0 0
}

.sv-svc li {
    border-bottom: 1px solid var(--line);
    padding: 8px 0;
    display: flex;
    justify-content: space-between;
    gap: 10px
}

.sv-svc li:last-child {
    border-bottom: 0
}

.sv-svc a {
    color: var(--ink);
    text-decoration: none;
    font-size: 13px
}

.sv-vtiger form table,
.sv-vtiger form tbody,
.sv-vtiger form tr,
.sv-vtiger form td {
    display: block;
    width: 100%;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important
}

.sv-vtiger form table {
    border: 0 !important;
    margin: 0 !important
}

.sv-vtiger label {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--mute);
    margin: 8px 0 4px
}

.sv-vtiger input,
.sv-vtiger select,
.sv-vtiger textarea,
.sv-newsletter-form input {
    width: 100%;
    padding: 10px 12px;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: #fff;
    color: var(--ink);
    font: 13px Inter, Arial, sans-serif
}

.sv-vtiger input:focus,
.sv-vtiger select:focus,
.sv-vtiger textarea:focus,
.sv-newsletter-form input:focus {
    outline: none;
    border-color: var(--accent);
    box-shadow: 0 0 0 2px rgba(79, 99, 50, .12)
}
.sv-success-message {
    color: green;
}

.sv-side-lead .sv-vtiger label {
    color: #fff
}
div#fabric-finder-form {
    margin-bottom: 15px;
}
.sv-side-lead .sv-vtiger button {
    background: #fff;
    color: var(--brown);
    border: 1px solid;
}

.sv-lead-kit .sv-vtiger form {
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.sv-lead-kit .sv-vtiger table {
    flex: 1
}

.sv-lead-kit .sv-vtiger label {
    display: none
}

.sv-lead-kit .sv-vtiger input {
    height: 40px
}

.sv-lead-kit .sv-vtiger button {
    height: 40px;
    white-space: nowrap
}

.sv-newsletter-form {
    display: grid;
    gap: 8px;
    margin-top: 10px
}

.sv-vtiger-hidden {
    display: none !important
}

.sv-fabric-ui {
    margin-top: 4px
}

.sv-fabric-row {
    margin-bottom: 14px
}

.sv-fabric-row label,
.sv-gsm-row label {
    display: block;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--mute);
    margin-bottom: 6px
}

.sv-pill-group {
    display: flex;
    flex-wrap: wrap;
    gap: 8px
}

.sv-pill-group button {
    background: #fff !important;
    color: var(--soft) !important;
    border: 1px solid var(--line) !important;
    border-radius: 50px !important;
    padding: 7px 14px !important;
    font-size: 13px !important;
    text-transform: none !important;
    letter-spacing: 0 !important
}

.sv-pill-group button.is-active {
    background: var(--accent) !important;
    color: #fff !important;
    border-color: var(--accent) !important
}

.sv-gsm-row {
    display: grid;
    grid-template-columns: auto 1fr 50px;
    gap: 12px;
    align-items: center;
    margin-bottom: 16px
}

.sv-gsm-row label {
    margin: 0
}

.sv-gsm-row input[type=range] {
    accent-color: var(--accent)
}

.sv-recommend-box {
    background: var(--accent);
    color: #fff;
    border-radius: 8px;
    padding: 14px 16px;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    margin-bottom: 12px
}

.sv-recommend-box small {
    text-transform: uppercase;
    color: #d6c4a5;
    font-size: 10px
}

.sv-recommend-box h4 {
    color: #fff;
    margin: 4px 0;
    font-size: 20px
}

.sv-recommend-box p {
    color: #f3ebdd;
    margin: 0;
    font-size: 13px
}

.sv-recommend-box button {
    background: #fff !important;
    color: var(--accent2) !important;
    white-space: nowrap
}

.sv-mobile-row {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    gap: 8px;
    align-items: center
}

.sv-mobile-row span {
    background: var(--warm);
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 10px 12px;
    text-align: center
}

.sv-mobile-row input {
    height: 42px;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 10px 12px
}

.sv-mobile-row button {
    height: 42px
}

@media(max-width:980px) {
    .sv-layout {
        grid-template-columns: 1fr !important
    }
.sv-vtiger form#__vtigerWebForm_1 tbody {
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px;
    margin-bottom: 15px !important;
}
    .sv-article {
        max-width: 100%
    }

    .sv-sidebar {
        width: 100%
    }

    .sv-hero {
        aspect-ratio: 16/8
    }

    .sv-lead-strip {
        grid-template-columns: 1fr
    }

    .sv-lead-kit .sv-vtiger form {
        display: block
    }
}

@media(max-width:560px) {
    .sv-layout {
        padding: 14px 14px 34px
    }

    .sv-blog h1 {
        font-size: 25px
    }

    .sv-lead-kit {
        grid-template-columns: 1fr
    }

    .sv-visual {
        width: 86px
    }

    .sv-vtiger button {
        width: 100%
    }

    .sv-gsm-row {
        grid-template-columns: 1fr
    }

    .sv-recommend-box,
    .sv-mobile-row {
        display: block
    }

    .sv-recommend-box button,
    .sv-mobile-row button {
        width: 100%;
        margin-top: 10px
    }

    .sv-mobile-row input,
    .sv-mobile-row span {
        display: block;
        width: 100%;
        margin-bottom: 8px
    }
}