/** Shopify CDN: Minification failed

Line 919:1 Expected "}" to go with "{"

**/
/* ── CSS CUSTOM PROPERTIES ─────────────────────────────────── */
:root {
  --ds-bg:          #EFEFEF;
  --ds-bg2:         #e4e4e4;
  --ds-bg3:         #d8d8d8;
  --ds-text:        #191919;
  --ds-text2:       #8F8F8F;
  --ds-text3:       #8F8F8F;
  --ds-border:      #dbe3ec;
  --ds-border2:     #c8d2de;
  --ds-blue:        #1174DC;
  --ds-blue-bg:     #deeefb;
  --ds-blue-text:   #0c4b8e;
  --ds-purple:      #3C3489;
  --ds-purple-bg:   #EEEDFE;
  --ds-purple-text: #26215C;
  --ds-red-bg:      #FCEBEB;
  --ds-red-text:    #A32D2D;
  --ds-teal-bg:     #d6f5f0;
  --ds-teal-text:   #0e6b5e;
  --ds-radius:      50px;
  --ds-radius-lg:   22px;
  --ds-shadow:      0 12px 30px rgba(17,24,39,0.08);
}

/* ── RESETS (scoped to .ds- elements to avoid Shopify conflicts) */
.ds-hero *,
.ds-section *,
.ds-container *,
.ds-quiz-wrap *,
.ds-quote-form * {
  box-sizing: border-box;
}

/* ── LAYOUT ─────────────────────────────────────────────────── */
.ds-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
  margin-top: -30px;
}

/* ── HERO ────────────────────────────────────────────────────── */
.ds-hero {
  padding: 80px 0 30px;
  /* border-bottom: 1px solid var(--ds-border); */
  background: var(--ds-bg);
  font-family: 'Raleway', sans-serif;
}

.ds-hero__sub {
  max-width: 1200px;
  margin-bottom: 24px;
  font-size: 16px;
}

.ds-hero__ctas {
  margin-bottom: 0;
}

/* ── SECTIONS ────────────────────────────────────────────────── */
.ds-section {
  padding: 64px 0;
  /* border-bottom: 1px solid var(--ds-border); */
  background: var(--ds-bg);
  font-family: 'Raleway', sans-serif;
}

.ds-section--bg {
  background: #EFEFEF;
}

/* ── TYPOGRAPHY ─────────────────────────────────────────────── */
.ds-label {
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 700;
  color: #8F8F8F;
  margin-bottom: 5px;
  font-family: 'Raleway', sans-serif;
}

.ds-h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 60px;
  letter-spacing: -0.02em;
  font-weight: 500;
  line-height: 1.05;
  margin-bottom: 10px;
  color: var(--ds-text);
}

.ds-h2 {
  font-family: 'Poppins', sans-serif;
  letter-spacing: -.01em;
  font-weight: 500;
  margin-bottom: 10px;
  color: var(--ds-text);
  line-height: 1.15;
}

.ds-muted {
  color: var(--ds-text2);
  line-height: 1.7;
  font-family: 'Raleway', sans-serif;
  line-height: 1.65;
}

/* ── FLEX HELPER ─────────────────────────────────────────────── */
.ds-flex-gap {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* ── BUTTONS ─────────────────────────────────────────────────── */
.ds-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  border-radius: var(--ds-radius);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  border: 1px solid var(--ds-border2);
  background: transparent;
  color: var(--ds-text);
  transition: all .18s;
  text-decoration: none;
  font-family: 'poppins', sans-serif;
  line-height: 1.4;
}

.ds-btn:hover {
  background: var(--ds-bg2);
  border-color: var(--ds-border2);
}

.ds-btn:active {
  transform: scale(.98);
}

.ds-btn--dark {
  background: var(--ds-blue);
  color: #fff;
  border-color: var(--ds-blue);
}

.ds-btn--dark:hover {
  background: #0c5bbe;
  border-color: #0c5bbe;
  color: #fff;
}

/* card-specific CTA colours */
.ds-btn--pro {
  background: #7fa0e9;
  color: #fff;
  border-color: #7fa0e9;
  width:100px;
  height: 5%;
}
.ds-btn--pro:hover {
  background: #0c5bbe;
  border-color: #0c5bbe;
  color: #fff;
}

.ds-btn--pro-plus {
  background: #1174dc;
  color: #fff;
  border-color: #1174dc;
  width:100px;
  height: 5%;
}
.ds-btn--pro-plus:hover {
  background: #0c5bbe;
  border-color: #0c5bbe;
  color: #fff;
}

.ds-btn--corner {
  background: #435eb9;
  color: #fff;
  border-color: #435eb9;
  width:100px;
  height: 5%;
}
.ds-btn--corner:hover {
  background: #0c5bbe;
  border-color: #0c5bbe;
  color: #fff;
}

.ds-btn--titan {
  background: #071b62;
  color: #fff;
  border-color: #071b62;
  width:100px;
  height: 5%;
}
.ds-btn--titan:hover {
  background: #0c5bbe;
  border-color: #0c5bbe;
  color: #fff;
}

/* ── TRUST BAR ───────────────────────────────────────────────── */
.ds-trust-bar {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
  margin-top: 2rem;
  font-family: 'Raleway', sans-serif;
}
/* Phone / tablet */
@media (max-width: 768px) {
  .ds-trust-bar {
    gap: 0;
    display:flex;
    flex-direction: column;
  }
}

.ds-trust-item {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 16px;
  color: var(--ds-text2);
}

.ds-trust-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--ds-blue);
  flex-shrink: 0;
}

/* ── BADGES ──────────────────────────────────────────────────── */
.ds-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 500;
  padding: 3px 10px;
  border-radius: 20px;
  letter-spacing: .03em;
  font-family: 'Poppins', sans-serif;
}

.ds-badge--blue   { 
  background-color: #1174dc; 
  color: #ffffff; 
  border: 1px solid #1174dc;
 }
.ds-badge--purple { 
  background-color: #071b62;
  color: #ffffff;
  border: 1px solid #071b62;
}
.ds-badge--green  { 
  background-color: #435eb9; 
  color: #ffffff; 
  border: 1px solid #435eb9;
}
.ds-badge--teal   { 
  background-color: #7fa0e9; /* Badge background */
  color: #ffffff; /* Text color */
  border: 1px solid #7fa0e9; /* Optional border */
 }

/* ── FILTER BAR ──────────────────────────────────────────────── */
.ds-filter-bar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.ds-filter-btn {
  padding: 9px 20px;
  border-radius: 999px;
  border: 1px solid var(--ds-border2);
  background: #fff;
  color: var(--ds-text2);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: 'Poppins', sans-serif;
}

.ds-filter-btn:hover {
  color: var(--ds-blue);
  border-color: var(--ds-blue);
  background: var(--ds-blue-bg);
}

.ds-filter-btn--on {
  background: var(--ds-blue);
  color: #fff;
  border-color: var(--ds-blue);
}

.ds-filter-btn:active {
  transform: scale(0.97);
}

/* ── CARDS GRID ──────────────────────────────────────────────── */
.ds-grid4 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}

.ds-card {
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(10px);
  border: 1.5px solid #dbe3ec;
  border-radius: var(--ds-radius-lg);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  cursor: pointer;
  transition: all .2s ease;
  box-shadow: var(--ds-shadow);
  position: relative;
}

.ds-card:hover {
  border-color: #1174dc;
  transform: translateY(-3px);
  box-shadow: 0 0px 1px #1174dc;
}

.ds-card--selected { border: 2px solid var(--ds-blue); }

.ds-popular-tag {
  position: absolute;
  top: -12px;
  left: 16px;
  background: var(--ds-blue);
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 20px;
  letter-spacing: .04em;
}

.ds-card__img-wrap {
  width: 100%;
  height: 140px;
  background: #fff;
  border-radius: var(--ds-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 4px;
}

.ds-card__img-wrap--mt {
  margin-top: 8px;
}

.ds-card__img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 8px;
}

.ds-card__model {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #191919;
}

.ds-card__price {
  font-family: Poppins,sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #e01507;
  line-height: 1;
}

.ds-card__desc {
  font-size: 14px;
  color: var(--ds-text2);
  line-height: 1.55;
  flex: 1;
  margin: 0;
}

/* ── SPEC ROWS ───────────────────────────────────────────────── */
.ds-spec-row {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  padding: 5px 0;
  border-bottom: 1px solid var(--ds-border);
  flex-direction: column;
}

.ds-spec-row:last-child { border-bottom: none; }

.ds-spec-key { color: var(--ds-text2); }

.ds-spec-val {
  font-weight: 600;
  color: var(--ds-text);
  font-family: 'Poppins', sans-serif;
}

/* ── DETAIL PANEL ────────────────────────────────────────────── */
.ds-detail-panel {
  display: none;
  margin-top: 20px;
  background: rgba(255,255,255,0.95);
  border-radius: var(--ds-radius-lg);
  padding: 24px;
  border: 1px solid var(--ds-border);
  box-shadow: var(--ds-shadow);
  animation: dsfadeUp .25s ease both;
}

.ds-detail-panel--open { display: block; }

.ds-detail-panel__inner {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  flex-wrap: wrap;
}

.ds-detail-img {
  width: 180px;
  flex-shrink: 0;
  height: 160px;
  background: #ffffff;
  border-radius: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* border: 1.5px dashed var(--ds-border2); */
  overflow: hidden;
  position: relative;
}

.ds-detail-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  inset: 0;
  padding: 12px;
}

.ds-detail-panel__body {
  flex: 1;
  min-width: 200px;
}

.ds-detail-panel__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}

.ds-detail-panel__name {
  font-weight: 700;
  font-size: 17px;
  margin-bottom: 4px;
  margin-top: 0;
  font-family: 'Poppins';
}

.ds-detail-panel__desc {
  font-size: 13px;
  color: var(--ds-text2);
  margin: 0;
}

.ds-detail-panel__specs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px 28px;
  font-size: 13px;
  margin-bottom: 18px;
}

/* Tablet (portrait) */
@media (max-width: 768px) {
  .ds-detail-panel__specs {
    grid-template-columns: 1fr;
    gap: 6px 16px;
    font-size: 13px;
    margin-bottom: 14px;
  }
}

/* Mobile (large phones) */
@media (max-width: 480px) {
  .ds-detail-panel__specs {
    grid-template-columns: 1fr;
    gap: 8px 0;
    font-size: 13px;
    margin-bottom: 12px;
  }
}

/* Mobile (small phones) */
@media (max-width: 360px) {
  .ds-detail-panel__specs {
    grid-template-columns: 1fr;
    gap: 6px 0;
    font-size: 12px;
    margin-bottom: 10px;
  }
}

div#ds-tab-move-pro, div#ds-tab-move, div#ds-tab-motion, div#ds-tab-executive{
    margin-top: 20px;
    background: rgba(255, 255, 255, 0.95);
    border-radius: var(--ds-radius-lg);
    padding: 24px;
    border: 1px solid var(--ds-border);
}

/* ── QUIZ ────────────────────────────────────────────────────── */
.ds-quiz-wrap {
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(219,227,236,0.95);
  border-radius: var(--ds-radius-lg);
  padding: 28px;
  box-shadow: var(--ds-shadow);
  max-width: 520px;
}

.ds-quiz-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 18px;
}

.ds-quiz-progress {
  font-size: 14px;
  color: var(--ds-text3);
  font-family: 'Poppins', sans-serif;
}

.ds-progress-bar {
  display: flex;
  gap: 5px;
}

.ds-progress-seg {
  width: 28px;
  height: 3px;
  border-radius: 2px;
  background: var(--ds-border);
  transition: background .3s;
}

.ds-progress-seg--done { background: var(--ds-blue); }

.ds-quiz-step { display: none; }

.ds-quiz-step--active {
  display: block;
  animation: dsfadeUp .25s ease both;
}

.ds-quiz-q {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 14px;
  margin-top: 0;
  font-family: 'Raleway', sans-serif;
}

.ds-quiz-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ds-quiz-opt {
  padding: 13px 16px;
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius);
  cursor: pointer;
  font-size: 13px;
  transition: all .15s;
  background: rgb(17 116 220 / 8%);
  font-family: 'Poppins', sans-serif;
  text-align: left;
  color: var(--ds-text);
}

.ds-quiz-opt:hover {
  background: var(--ds-bg2);
  border-color: var(--ds-border2);
}

.ds-quiz-opt--chosen {
  background: var(--ds-blue-bg);
  border-color: var(--ds-blue);
  color: var(--ds-blue-text);
  font-weight: 600;
}

.ds-quiz-result {
  display: none;
  margin-top: 18px;
  background: var(--ds-bg2);
  border-radius: 25px;
  padding: 20px;
  border: 1px solid var(--ds-border);
  animation: dsfadeUp .25s ease both;
}

.ds-quiz-result--open { display: block; }

.ds-quiz-result__label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--ds-text3);
  margin-bottom: 6px;
  margin-top: 0;
}

.ds-quiz-result__model {
  font-size: 24px;
  font-weight: 700;
  color: var(--ds-text);
  margin-bottom: 6px;
  margin-top: 0;
}

.ds-quiz-result__reason {
  font-size: 13px;
  color: var(--ds-text2);
  line-height: 1.6;
  margin-bottom: 16px;
  margin-top: 0;
  font-family: 'Poppins';
}

/* ── TABS ────────────────────────────────────────────────────── */
.ds-tab-bar {
  display: flex;
  border-bottom: 1px solid var(--ds-border);
  margin-bottom: 20px;
}

.ds-tab {
  padding: 10px 20px;
  font-size: 13px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  color: var(--ds-text2);
  margin-bottom: -1px;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  transition: all .15s;
  background: transparent;
  border-top: none;
  border-left: none;
  border-right: none;
}

.ds-tab--active {
  border-bottom-color: var(--ds-text);
  color: var(--ds-text);
  font-weight: 700;
}

.ds-tab-panel { display: none; }

.ds-tab-panel--active {
  display: block;
  animation: dsfadeUp .2s ease both;
}

/* ── TWO-COLUMN ROW (chairs) ─────────────────────────────────── */
.ds-two-col {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
  align-items: flex-start;
}

.ds-two-col__left {
  flex: 1;
  min-width: 180px;
}

.ds-two-col__right, .ds-two-col__left {
  flex: 1;
  min-width: 200px;
}

.ds-chair-price-row {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 14px;
}

.ds-chair-price {
  font-family: sans-serif;
  font-size: 20px;
  font-weight: 600;
  color:#e01507;
}

/* ── TRUST GRID ──────────────────────────────────────────────── */
.ds-trust-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 12px;
  margin-top: 24px;
}

.ds-trust-card {
  background: rgba(255,255,255,0.9);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(219,227,236,0.95);
  border-radius: var(--ds-radius-lg);
  padding: 20px;
  text-align: center;
  box-shadow: var(--ds-shadow);
}

.ds-trust-num {
  font-family: sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: var(--ds-text);
}

.ds-trust-lbl {
  font-size: 14px;
  color: var(--ds-text2);
  margin-top: 4px;
  line-height: 1.4;
}

/* ── ACCESSORIES ─────────────────────────────────────────────── */
.ds-acc-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}

.ds-acc-tag {
  padding: 8px 16px;
  font-size: 13px;
  border-radius: 20px;
  border: 1px solid var(--ds-border);
  color: var(--ds-text2);
  cursor: pointer;
  transition: all .15s;
  background: #fff;
  text-decoration: none;
  font-family: 'Raleway', sans-serif;
}

.ds-acc-tag:hover {
  border-color: var(--ds-border2);
  color: var(--ds-text);
  background: var(--ds-bg2);
}

/* ── QUOTE FORM ──────────────────────────────────────────────── */
.ds-quote-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 440px;
}

.ds-quote-form input,
.ds-quote-form select {
  width: 100%;
  padding: 11px 14px;
  font-size: 13px;
  border: 1px solid var(--ds-border);
  border-radius: var(--ds-radius);
  background: #fff;
  color: var(--ds-text);
  font-family: 'Raleway', sans-serif;
  transition: border-color .15s;
}

.ds-quote-form input:focus,
.ds-quote-form select:focus {
  outline: none;
  border-color: var(--ds-blue);
  box-shadow: 0 0 0 3px rgba(17,116,220,.12);
}

.ds-success-msg {
  display: none;
  background: var(--ds-blue-bg);
  border-radius: var(--ds-radius);
  padding: 12px 16px;
  color: var(--ds-blue-text);
  font-size: 13px;
  font-weight: 600;
}

.ds-error-msg {
  display: none;
  background: var(--ds-red-bg);
  border-radius: var(--ds-radius);
  padding: 12px 16px;
  color: var(--ds-red-text);
  font-size: 13px;
}

/* ── ANIMATION ───────────────────────────────────────────────── */
@keyframes dsfadeUp {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: none; }
}

/* ── RESPONSIVE ──────────────────────────────────────────────── */
@media (max-width: 500px) {
  .ds-section,
  .ds-hero { padding: 48px 16px; }
  .ds-container { padding: 0 16px; }
  .ds-h1 { font-size: 32px; }
  .ds-h2 { font-size: 25px; }
  .ds-grid4 { grid-template-columns: 1fr 1fr; gap: 12px; }
}

@media (max-width: 420px) {
  .ds-grid4 { grid-template-columns: 1fr; }
}
@media only screen and (min-width:590px){
.index-section{
  margin:0px 0 !important;
}



/* ── CARDS GRID ─────────────────────────────────────────────
   Replace the existing .ds-grid4 rule with this.
─────────────────────────────────────────────────────────────── */
.ds-grid4 {
  display: flex;           /* switch from grid → flex */
  flex-wrap: wrap;
  gap: 16px;
}

/* Every card gets a fixed width matching one column in the
   4-up layout. calc((100% - 3*16px) / 4) = one column slot. */
#ds-desk-cards .ds-card {
  flex: 0 0 calc((100% - 3 * 16px) / 4);
  max-width: calc((100% - 3 * 16px) / 4);
  min-width: 0;
  box-sizing: border-box;
}

/* Hidden cards are fully removed from flow — no ghost slots */
#ds-desk-cards .ds-card[style*="display: none"],
#ds-desk-cards .ds-card[style*="display:none"] {
  flex: 0 0 0;
  max-width: 0;
  padding: 0;
  margin: 0;
  border: none;
  overflow: hidden;
}

/* ── RESPONSIVE ─────────────────────────────────────────────── */
@media (max-width: 1100px) {
  #ds-desk-cards .ds-card {
    flex: 0 0 calc((100% - 16px) / 2);
    max-width: calc((100% - 16px) / 2);
  }
}

@media (max-width: 500px) {
  .ds-grid4 { gap: 12px; }
  #ds-desk-cards .ds-card {
    flex: 0 0 calc((100% - 12px) / 2);
    max-width: calc((100% - 12px) / 2);
  }
}

@media (max-width: 420px) {
  #ds-desk-cards .ds-card {
    flex: 0 0 100%;
    max-width: 100%;
  }
}