body.site-style-opendesign-ticket{
  --od-ink:#263853;
  --od-ink-soft:#5e6d74;
  --od-paper:#eef0ef;
  --od-paper-warm:#f9f7eb;
  --od-frame:#d8d4cb;
  --od-blue:#24364f;
  --od-rust:#a84b3f;
  --od-arrow:#7a543d;
  --od-shadow:0 7px 14px rgba(31,42,55,.08);
  --od-hard-shadow:2px 4px 0 rgba(31,42,55,.14);
  --od-layout-max:1316px;
  background:
    radial-gradient(circle at 15% 6%,rgba(249,247,235,.56),transparent 25%),
    linear-gradient(135deg,#d8d4cb,#cfc9be);
  color:var(--od-ink);
}

body.site-style-opendesign-ticket .top-bar,
body.site-style-opendesign-ticket .site-header,
body.site-style-opendesign-ticket #mainContent,
body.site-style-opendesign-ticket .site-footer{
  width:min(100%,658px);
  margin-left:auto;
  margin-right:auto;
}

body.site-style-opendesign-ticket #mainContent{
  min-height:719px;
  background:#eef0ef url("../images/opendesign/paper-bg-image2.png") center top/cover no-repeat;
  box-shadow:0 0 32px rgba(36,44,58,.16);
  overflow:hidden;
}

body.site-style-opendesign-ticket.is-opendesign-home .top-bar,
body.site-style-opendesign-ticket.is-opendesign-home .site-header,
body.site-style-opendesign-ticket.is-opendesign-home .mobile-menu{
  display:none!important;
}

body.site-style-opendesign-ticket .top-bar{
  background:#eef1e7;
  color:#1f2f47;
  font-size:10px;
  font-weight:800;
  padding:3px 0;
  box-shadow:0 1px 4px rgba(31,42,55,.12);
}

body.site-style-opendesign-ticket .top-bar a{
  color:#1f2f47;
}

body.site-style-opendesign-ticket .top-bar .container{
  padding:0 14px;
}

body.site-style-opendesign-ticket .site-header{
  top:0;
  border:0;
  background:linear-gradient(180deg,rgba(238,240,239,.98),rgba(238,240,239,.92));
  box-shadow:0 10px 22px rgba(31,42,55,.13);
  backdrop-filter:blur(8px);
}

body.site-style-opendesign-ticket .site-header .container{
  height:62px;
  padding:0 13px;
  gap:12px;
}

body.site-style-opendesign-ticket .logo{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  min-width:0;
  color:var(--od-ink);
  font-size:clamp(16px,2.4vw,22px);
  font-weight:900;
  letter-spacing:.08em;
}

body.site-style-opendesign-ticket .site-logo-img{
  width:auto!important;
  height:clamp(36px,5.6vw,52px)!important;
  max-width:clamp(118px,20vw,176px);
  object-fit:contain!important;
}

body.site-style-opendesign-ticket .logo .accent-line{
  display:none;
}

body.site-style-opendesign-ticket .nav-tabs{
  flex:1 1 auto;
  justify-content:center;
  align-items:center;
  gap:clamp(12px,2.1vw,24px);
  min-width:0;
  height:clamp(30px,4.8vw,38px);
  border-radius:999px;
  background:var(--od-blue);
  color:#fff;
  padding:0 clamp(14px,2.9vw,26px);
  overflow:visible;
  box-shadow:0 3px 7px rgba(20,30,50,.22);
  font-size:clamp(12px,2.05vw,16px);
  white-space:nowrap;
}

body.site-style-opendesign-ticket .nav-tab{
  display:grid;
  place-items:center;
  min-width:max-content;
  height:100%;
  padding:0;
  border-radius:0;
  color:#fff;
  background:transparent;
  font-size:inherit;
  font-weight:900;
  line-height:1;
  letter-spacing:.01em;
}

body.site-style-opendesign-ticket .nav-tab:hover,
body.site-style-opendesign-ticket .nav-tab.active{
  color:#fff9c9;
  background:transparent;
  text-decoration:none;
}

body.site-style-opendesign-ticket .cart-icon-btn{
  width:clamp(34px,5.2vw,44px);
  height:clamp(34px,5.2vw,44px);
  display:grid;
  place-items:center;
  flex:0 0 auto;
  padding:0;
  color:var(--od-ink);
  font-size:clamp(18px,2.8vw,24px);
}

body.site-style-opendesign-ticket .cart-badge{
  background:var(--od-rust);
}

body.site-style-opendesign-ticket .hamburger{
  color:var(--od-ink);
}

body.site-style-opendesign-ticket .hamburger span{
  background:var(--od-ink);
}

body.site-style-opendesign-ticket section{
  padding:24px 16px;
}

body.site-style-opendesign-ticket .container{
  max-width:none;
  padding:0 16px;
}

body.site-style-opendesign-ticket .section-title{
  margin-bottom:16px;
}

body.site-style-opendesign-ticket .section-title h2{
  min-height:34px;
  min-width:112px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:3px solid var(--od-ink);
  border-radius:7px;
  background:var(--od-paper-warm);
  color:var(--od-ink);
  box-shadow:0 2px 0 rgba(47,57,72,.22);
  font-size:18px;
  font-weight:900;
  letter-spacing:.24em;
  padding:2px 10px 2px 14px;
}

body.site-style-opendesign-ticket .section-title h2::after{
  display:none;
}

body.site-style-opendesign-ticket .section-title p{
  color:var(--od-ink-soft);
  font-size:13px;
  font-style:normal;
  font-weight:700;
}

body.site-style-opendesign-ticket .od-ticket-hero{
  position:relative;
  isolation:isolate;
  display:grid;
  place-items:center;
  min-height:0;
  height:auto;
  overflow:visible;
  padding:0;
  background:
    radial-gradient(circle at 50% 42%,rgba(238,240,239,.2),transparent 36%),
    linear-gradient(90deg,#aeb9ba 0%,#c4cccb 16%,#c4cccb 84%,#aeb9ba 100%);
}

body.site-style-opendesign-ticket .od-ticket-hero-frame{
  position:relative;
  z-index:1;
  width:100%;
  aspect-ratio:1316/780;
  overflow:visible;
  box-shadow:0 18px 38px rgba(31,42,55,.18);
}

body.site-style-opendesign-ticket .od-ticket-hero-img{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
}

body.site-style-opendesign-ticket .od-ticket-hero::before{
  display:none;
}

body.site-style-opendesign-ticket .od-ticket-hero-card{
  display:none;
}

body.site-style-opendesign-ticket .od-ticket-eyebrow{
  display:inline-grid;
  place-items:center;
  min-height:25px;
  border:2px solid var(--od-ink);
  border-radius:7px;
  background:var(--od-paper-warm);
  color:var(--od-ink);
  box-shadow:0 2px 0 rgba(47,57,72,.18);
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  padding:2px 11px 2px 14px;
}

body.site-style-opendesign-ticket .od-ticket-hero h1{
  margin:13px 0 0;
  color:#22344d;
  font-size:30px;
  font-weight:900;
  line-height:1.18;
  letter-spacing:.04em;
  text-shadow:none;
}

body.site-style-opendesign-ticket .od-ticket-lead,
body.site-style-opendesign-ticket .od-ticket-desc{
  max-width:430px;
  margin:9px 0 0;
  color:var(--od-ink-soft);
  font-size:14px;
  font-weight:700;
  line-height:1.85;
}

body.site-style-opendesign-ticket .od-ticket-hero-bridge{
  position:absolute;
  z-index:4;
  left:91px;
  right:18px;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:31px;
  min-height:22px;
  transform:translateY(50%);
}

body.site-style-opendesign-ticket .od-ticket-info{
  position:relative;
  flex:0 0 125px;
  width:125px;
  overflow:hidden;
  border-radius:2px;
  background:#eef1e7;
  color:#1f2f47;
  box-shadow:0 1px 4px rgba(0,0,0,.18);
  font-family:Consolas,Menlo,monospace;
  font-size:4.8px;
  font-weight:800;
  line-height:1.5;
  padding:3px 5px;
  white-space:nowrap;
}

body.site-style-opendesign-ticket .od-ticket-info b{
  font-size:5.4px;
  letter-spacing:.03em;
}

body.site-style-opendesign-ticket .od-ticket-nav{
  position:relative;
  flex:1 1 auto;
  min-width:0;
  height:clamp(18px,3.34vw,22px);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(2px,.8vw,8px);
  overflow:hidden;
  border-radius:999px;
  background:#24364f;
  color:#fff;
  box-shadow:0 3px 7px rgba(20,30,50,.22);
  font-size:clamp(5px,1.25vw,10px);
  font-weight:900;
  letter-spacing:.01em;
  padding:0 clamp(5px,1.2vw,12px);
  white-space:nowrap;
}

body.site-style-opendesign-ticket .od-ticket-nav a{
  display:grid;
  place-items:center;
  min-width:max-content;
  height:100%;
  color:#fff;
  line-height:1;
  text-decoration:none;
  transition:.12s;
}

body.site-style-opendesign-ticket .od-ticket-nav a:hover,
body.site-style-opendesign-ticket .od-ticket-nav a:focus-visible,
body.site-style-opendesign-ticket .od-ticket-nav a.active{
  color:#fff9c9;
  background:transparent;
  text-decoration:none;
}

body.site-style-opendesign-ticket .od-ticket-activity-block{
  padding:18px 16px 0;
}

body.site-style-opendesign-ticket .od-ticket-activity-inner{
  width:min(100%,var(--od-layout-max));
  max-width:var(--od-layout-max);
  margin:0 auto;
}

body.site-style-opendesign-ticket .od-ticket-activity-block .od-ticket-section-head{
  margin-bottom:14px;
}

body.site-style-opendesign-ticket .od-ticket-activity-block .hero,
body.site-style-opendesign-ticket .od-ticket-activity-block .hero-carousel{
  overflow:hidden;
  border-radius:8px;
  box-shadow:0 8px 15px rgba(31,42,55,.12);
}

body.site-style-opendesign-ticket .od-ticket-activity-block .hero-carousel .hero{
  border-radius:0;
  box-shadow:none;
}

body.site-style-opendesign-ticket .od-ticket-home{
  padding:24px 16px 44px;
}

body.site-style-opendesign-ticket .od-ticket-content{
  display:grid;
  gap:19px;
}

body.site-style-opendesign-ticket .od-ticket-coupon-section,
body.site-style-opendesign-ticket .od-ticket-flow-block,
body.site-style-opendesign-ticket .od-ticket-service-block,
body.site-style-opendesign-ticket .od-ticket-feature-block,
body.site-style-opendesign-ticket .od-ticket-stats,
body.site-style-opendesign-ticket .od-ticket-footer-cta{
  padding:0;
}

body.site-style-opendesign-ticket .od-ticket-coupon-panel{
  position:relative;
  display:block;
  min-height:248px;
  overflow:hidden;
  border-radius:8px;
  background:rgba(255,255,255,.88);
  box-shadow:0 8px 15px rgba(31,42,55,.12);
}

body.site-style-opendesign-ticket .od-ticket-coupon-panel::before{
  content:"";
  position:absolute;
  inset:15px;
  border-radius:8px;
  border:1px solid rgba(226,239,232,.7);
  background:#7fa7ad url("../images/opendesign/coupon-image2.png") center/cover no-repeat;
  filter:saturate(.92) contrast(1.03);
  opacity:.78;
}

body.site-style-opendesign-ticket .od-ticket-coupon-panel::after{
  content:"";
  position:absolute;
  inset:15px;
  border-radius:8px;
  background:rgba(73,113,121,.12);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  pointer-events:none;
}

body.site-style-opendesign-ticket .od-ticket-coupon-panel:hover{
  filter:brightness(1.035);
  text-decoration:none;
}

body.site-style-opendesign-ticket .od-ticket-shop-title{
  position:absolute;
  z-index:2;
  top:27px;
  color:#fff9c9;
  font-family:"Arial Black",Impact,"Microsoft JhengHei",sans-serif;
  font-size:15px;
  font-weight:900;
  letter-spacing:.09em;
  text-shadow:0 1px 0 rgba(82,105,110,.45);
  white-space:nowrap;
}

body.site-style-opendesign-ticket .od-ticket-shop-title-a{
  left:28%;
  transform:translateX(-50%);
}

body.site-style-opendesign-ticket .od-ticket-shop-title-b{
  left:95%;
}

body.site-style-opendesign-ticket .od-ticket-coupon-track{
  position:absolute;
  z-index:1;
  left:6%;
  top:15px;
  bottom:15px;
  display:flex;
}

body.site-style-opendesign-ticket .od-ticket-coupon{
  position:relative;
  display:block;
  width:125px;
  height:100%;
  padding-top:82px;
  color:#fff9c9;
  font-family:"Arial Black",Impact,"Microsoft JhengHei",sans-serif;
  letter-spacing:.02em;
  text-shadow:0 1px 0 rgba(82,105,110,.45);
}

body.site-style-opendesign-ticket .od-ticket-coupon + .od-ticket-coupon{
  border-left:1px solid rgba(255,255,235,.72);
}

body.site-style-opendesign-ticket .od-ticket-coupon strong{
  display:block;
  padding-left:14px;
  font-size:40px;
  font-weight:900;
  line-height:.88;
  white-space:nowrap;
}

body.site-style-opendesign-ticket .od-ticket-coupon small{
  display:block;
  margin-top:12px;
  padding-left:15px;
  font-size:12px;
  font-style:normal;
  font-weight:900;
  line-height:1.25;
  letter-spacing:.04em;
  white-space:nowrap;
}

body.site-style-opendesign-ticket .od-ticket-coupon em{
  display:block;
  margin-top:2px;
  padding-left:15px;
  font-size:7px;
  font-style:normal;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.2em;
  white-space:nowrap;
}

body.site-style-opendesign-ticket .od-ticket-section-head{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:-17px;
}

body.site-style-opendesign-ticket .od-ticket-section-badge{
  min-height:34px;
  min-width:112px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:3px solid var(--od-ink);
  border-radius:7px;
  background:var(--od-paper-warm);
  color:var(--od-ink);
  box-shadow:0 2px 0 rgba(47,57,72,.22);
  font-size:var(--home-heading-size-desktop,18px);
  font-weight:900;
  letter-spacing:.24em;
  padding-left:.24em;
  white-space:nowrap;
}

@media (max-width:720px){
  body.site-style-opendesign-ticket .od-ticket-section-badge{
    font-size:var(--home-heading-size-mobile,var(--home-heading-size-desktop,18px));
  }
}

body.site-style-opendesign-ticket .od-ticket-flow-panel,
body.site-style-opendesign-ticket .od-ticket-service-panel{
  position:relative;
  z-index:1;
  border-radius:7px;
  background:rgba(255,255,255,.86);
  box-shadow:var(--od-shadow);
}

body.site-style-opendesign-ticket .od-ticket-flow-panel{
  min-height:154px;
  padding:34px 29px 20px;
}

body.site-style-opendesign-ticket .od-ticket-flow-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:0;
}

body.site-style-opendesign-ticket .od-ticket-flow-step{
  width:78px;
  min-height:92px;
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:3px;
  border-radius:999px;
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:visible;
  text-align:center;
  transition:.14s;
}

body.site-style-opendesign-ticket .od-ticket-flow-step:hover{
  filter:brightness(1.04);
  text-decoration:none;
}

body.site-style-opendesign-ticket .od-ticket-flow-step span{
  display:none;
}

body.site-style-opendesign-ticket .od-ticket-flow-step strong{
  display:block;
  color:var(--od-ink);
  font-size:12px;
  font-weight:900;
  line-height:1;
  letter-spacing:.04em;
}

body.site-style-opendesign-ticket .od-ticket-flow-step img{
  display:block;
  width:72px;
  height:72px;
  object-fit:contain;
  mix-blend-mode:multiply;
  transform:translateY(-1px);
}

body.site-style-opendesign-ticket .od-ticket-flow-arrow,
body.site-style-opendesign-ticket .flow-steps .flow-arrow{
  position:relative;
  width:25px;
  height:18px;
  flex:0 0 auto;
}

body.site-style-opendesign-ticket .od-ticket-flow-arrow::before,
body.site-style-opendesign-ticket .flow-steps .flow-arrow::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:70%;
  height:35%;
  transform:translateY(-50%);
  border-radius:999px;
  background:var(--od-arrow);
}

body.site-style-opendesign-ticket .od-ticket-flow-arrow::after,
body.site-style-opendesign-ticket .flow-steps .flow-arrow::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
  border-left:13px solid var(--od-arrow);
  border-top:9px solid transparent;
  border-bottom:9px solid transparent;
}

body.site-style-opendesign-ticket .od-ticket-service-panel{
  padding:29px 30px 26px;
}

body.site-style-opendesign-ticket .od-ticket-service-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:10px;
}

body.site-style-opendesign-ticket .od-ticket-service-item{
  min-height:98px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:7px;
  border:1.5px solid currentColor;
  box-shadow:var(--od-hard-shadow),inset 0 0 0 1px rgba(255,255,255,.42);
  font-size:20px;
  font-weight:900;
  line-height:1.55;
  letter-spacing:.12em;
  text-align:center;
  text-shadow:0 1px 0 rgba(255,255,255,.42);
  transition:.14s;
}

body.site-style-opendesign-ticket .od-ticket-service-item:hover{
  filter:brightness(1.035);
  text-decoration:none;
}

body.site-style-opendesign-ticket .od-ticket-service-item span{
  line-height:1;
}

body.site-style-opendesign-ticket .od-ticket-service-item.tone-1{background:#f3ead9;color:#7a5442}
body.site-style-opendesign-ticket .od-ticket-service-item.tone-2{background:#e5cccc;color:#7b3c25}
body.site-style-opendesign-ticket .od-ticket-service-item.tone-3{background:#b9cad3;color:#294158}
body.site-style-opendesign-ticket .od-ticket-service-item.tone-4{background:#d3c4b8;color:#4d4c49}
body.site-style-opendesign-ticket .od-ticket-service-item.tone-5{background:#dfbbae;color:#a73f35}
body.site-style-opendesign-ticket .od-ticket-service-item.tone-6{background:#d9ddd4;color:#37704a}

body.site-style-opendesign-ticket .od-ticket-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}

body.site-style-opendesign-ticket .od-ticket-soft-card,
body.site-style-opendesign-ticket .feature-card,
body.site-style-opendesign-ticket .card{
  display:block;
  border-radius:12px;
  border:1.5px solid rgba(38,56,83,.28);
  background:var(--od-paper-warm);
  box-shadow:var(--od-hard-shadow);
  padding:15px;
}

body.site-style-opendesign-ticket .od-ticket-card-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  margin-bottom:8px;
  border-radius:999px;
  background:#263853;
  color:#fff;
  font-weight:900;
}

body.site-style-opendesign-ticket .od-ticket-soft-card h3,
body.site-style-opendesign-ticket .card h3,
body.site-style-opendesign-ticket .feature-card h3{
  color:var(--od-ink);
  font-size:17px;
  font-weight:900;
  letter-spacing:.05em;
}

body.site-style-opendesign-ticket .od-ticket-soft-card p,
body.site-style-opendesign-ticket .card p,
body.site-style-opendesign-ticket .feature-card p{
  margin-top:8px;
  color:#64716f;
  font-size:12.5px;
  font-weight:700;
  line-height:1.7;
}

body.site-style-opendesign-ticket .od-ticket-stats,
body.site-style-opendesign-ticket .stats-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}

body.site-style-opendesign-ticket .od-ticket-stat,
body.site-style-opendesign-ticket .stat-item{
  border-radius:12px;
  border:1px solid rgba(38,56,83,.2);
  background:var(--od-paper-warm);
  box-shadow:2px 3px 0 rgba(31,42,55,.1);
  padding:13px 8px;
  text-align:center;
}

body.site-style-opendesign-ticket .od-ticket-stat strong,
body.site-style-opendesign-ticket .stat-num{
  display:block;
  color:var(--od-rust);
  font-size:22px;
  font-weight:900;
}

body.site-style-opendesign-ticket .od-ticket-stat span,
body.site-style-opendesign-ticket .stat-label{
  display:block;
  margin-top:4px;
  color:#5f6e70;
  font-size:11px;
  font-weight:900;
}

body.site-style-opendesign-ticket .od-ticket-footer-cta,
body.site-style-opendesign-ticket .cta-banner{
  border-radius:15px;
  background:var(--od-ink);
  color:#fff;
  box-shadow:0 8px 18px rgba(31,42,55,.18);
  padding:22px;
  text-align:center;
}

body.site-style-opendesign-ticket .od-ticket-footer-cta h2,
body.site-style-opendesign-ticket .cta-banner h2{
  color:#fff;
  font-size:22px;
  font-weight:900;
  line-height:1.35;
  letter-spacing:.05em;
}

body.site-style-opendesign-ticket .od-ticket-footer-cta p,
body.site-style-opendesign-ticket .cta-banner p{
  margin-top:7px;
  color:#dbe4e2;
  font-size:13px;
  font-weight:700;
  line-height:1.7;
}

body.site-style-opendesign-ticket .od-ticket-btn-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

body.site-style-opendesign-ticket .od-ticket-btn,
body.site-style-opendesign-ticket .btn{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:999px;
  background:var(--od-ink);
  color:#fff;
  box-shadow:0 4px 9px rgba(31,42,55,.18);
  font-size:12.5px;
  font-weight:900;
  letter-spacing:.06em;
  padding:8px 15px;
}

body.site-style-opendesign-ticket .od-ticket-btn.light,
body.site-style-opendesign-ticket .btn-ghost,
body.site-style-opendesign-ticket .btn-secondary{
  border:1px solid rgba(38,56,83,.26);
  background:var(--od-paper-warm);
  color:var(--od-ink);
}

body.site-style-opendesign-ticket .od-ticket-btn.accent,
body.site-style-opendesign-ticket .btn-primary{
  background:var(--od-rust);
  color:#fff;
}

body.site-style-opendesign-ticket .featured-section{
  background:transparent;
  padding:0 16px 44px;
}

body.site-style-opendesign-ticket .featured-section::before{
  display:none;
}

body.site-style-opendesign-ticket .card-img{
  height:96px;
  background:linear-gradient(135deg,#d7c7b8,#f9f7eb);
}

body.site-style-opendesign-ticket .card-body,
body.site-style-opendesign-ticket .card-actions{
  padding:13px;
}

body.site-style-opendesign-ticket .featured-section .container{
  padding:0;
}

body.site-style-opendesign-ticket .featured-section .section-title{
  margin-bottom:16px;
}

body.site-style-opendesign-ticket .featured-section .section-title h2{
  font-size:18px;
}

body.site-style-opendesign-ticket .featured-section .section-title p{
  font-size:12.5px;
}

body.site-style-opendesign-ticket .featured-section .grid-4{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

body.site-style-opendesign-ticket .featured-section .skeleton-card{
  height:154px;
  border-radius:14px;
}

body.site-style-opendesign-ticket .featured-section .card{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  grid-template-rows:1fr auto;
  min-height:154px;
  overflow:hidden;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.7);
  background:rgba(255,255,255,.88);
  box-shadow:0 7px 14px rgba(31,42,55,.08);
  padding:10px;
  transform:none;
}

body.site-style-opendesign-ticket .featured-section .card:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 18px rgba(31,42,55,.12);
}

body.site-style-opendesign-ticket .featured-section .card-img{
  grid-row:1 / span 2;
  width:112px;
  height:100%;
  min-height:132px;
  overflow:hidden;
  border-radius:10px;
  border:1px solid rgba(38,56,83,.14);
  background:linear-gradient(135deg,#d7c7b8,#f9f7eb);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.4);
}

body.site-style-opendesign-ticket .featured-section .card-img img{
  width:100%!important;
  height:100%!important;
  object-fit:cover;
}

body.site-style-opendesign-ticket .featured-section .card-img span{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  padding:10px;
  color:var(--od-ink)!important;
  font-size:13px!important;
  font-weight:900;
  line-height:1.45;
  text-align:center;
}

body.site-style-opendesign-ticket .featured-section .card-body{
  min-width:0;
  padding:2px 0 6px 12px;
}

body.site-style-opendesign-ticket .featured-section .card-body h3{
  margin:0;
  color:var(--od-ink);
  font-size:16px;
  font-weight:900;
  line-height:1.35;
  letter-spacing:.05em;
}

body.site-style-opendesign-ticket .featured-section .card-body p{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  margin:6px 0 0;
  color:#687674;
  font-size:12px;
  font-weight:700;
  line-height:1.65;
}

body.site-style-opendesign-ticket .featured-section .card-price{
  margin-top:8px;
  color:var(--od-rust);
  font-size:18px;
  font-weight:900;
  line-height:1.2;
}

body.site-style-opendesign-ticket .featured-section .card-actions{
  display:flex;
  gap:7px;
  align-items:flex-end;
  padding:0 0 2px 12px;
}

body.site-style-opendesign-ticket .featured-section .card-actions .btn{
  flex:1 1 0;
  min-height:30px;
  padding:6px 8px;
  font-size:11px;
  letter-spacing:.03em;
  white-space:nowrap;
}

body.site-style-opendesign-ticket .grid-4,
body.site-style-opendesign-ticket .grid-3,
body.site-style-opendesign-ticket .grid-2{
  gap:12px;
}

body.site-style-opendesign-ticket .flow-steps{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:nowrap;
  gap:0;
  border-radius:7px;
  background:rgba(255,255,255,.86);
  box-shadow:var(--od-shadow);
  padding:39px 29px 22px;
  overflow:auto;
}

body.site-style-opendesign-ticket .flow-steps .flow-step{
  width:78px;
  min-height:92px;
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:3px;
  border-radius:999px;
  border:0;
  background:transparent;
  color:var(--od-ink);
  box-shadow:none;
  font-size:13px;
  font-weight:900;
  text-align:center;
}

body.site-style-opendesign-ticket .flow-steps .flow-step img{
  display:block;
  width:72px;
  height:72px;
  object-fit:contain;
  mix-blend-mode:multiply;
}

body.site-style-opendesign-ticket .flow-steps .flow-arrow{
  color:transparent;
  font-size:0;
}

body.site-style-opendesign-ticket .site-footer{
  background:var(--od-ink);
  color:#dbe4e2;
}

body.site-style-opendesign-ticket .site-footer .container{
  padding:0 16px;
}

body.site-style-opendesign-ticket .site-footer h4{
  color:#fff9c9;
  font-weight:900;
}

body.site-style-opendesign-ticket .site-footer a{
  color:#f9f7eb;
}

body.site-style-opendesign-ticket .chat-fab{
  background:var(--od-rust);
}

body.site-style-opendesign-ticket:not(.is-opendesign-home) #mainContent{
  padding:24px 12px 48px;
}

body.site-style-opendesign-ticket:not(.is-opendesign-home) #mainContent > section,
body.site-style-opendesign-ticket:not(.is-opendesign-home) #mainContent > [id$="ManagedRoot"] > section,
body.site-style-opendesign-ticket .od-inner-section{
  padding:0 0 24px;
}

body.site-style-opendesign-ticket:not(.is-opendesign-home) #mainContent > section > .container,
body.site-style-opendesign-ticket:not(.is-opendesign-home) #mainContent > [id$="ManagedRoot"] > section > .container,
body.site-style-opendesign-ticket .od-inner-container{
  width:min(100%,var(--od-layout-max));
  max-width:var(--od-layout-max);
  margin-left:auto;
  margin-right:auto;
  border:1.5px solid rgba(38,56,83,.22);
  border-radius:22px;
  background:rgba(249,247,235,.82);
  box-shadow:0 14px 30px rgba(31,42,55,.12);
  padding:clamp(18px,4vw,42px);
}

body.site-style-opendesign-ticket .od-inner-hero{
  position:relative;
  overflow:hidden;
  margin-bottom:clamp(18px,3vw,34px);
  border:2px solid rgba(38,56,83,.38);
  border-radius:18px;
  background:
    radial-gradient(circle at 88% 8%,rgba(168,75,63,.12),transparent 28%),
    linear-gradient(135deg,rgba(255,255,255,.86),rgba(239,232,211,.92));
  box-shadow:var(--od-hard-shadow);
  padding:clamp(22px,4vw,48px);
  text-align:left;
}

body.site-style-opendesign-ticket .od-inner-hero--image{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:clamp(260px,32vw,430px);
  background-image:
    linear-gradient(90deg,rgba(13,24,39,.84) 0%,rgba(24,39,58,.58) 38%,rgba(24,39,58,.16) 72%),
    var(--od-inner-hero-image),
    linear-gradient(135deg,rgba(255,255,255,.86),rgba(239,232,211,.92));
  background-position:center;
  background-size:cover;
  color:#fffbe8;
  padding:clamp(28px,5vw,58px);
}

body.site-style-opendesign-ticket .od-inner-hero--image::before{
  content:"";
  position:absolute;
  inset:clamp(8px,1.2vw,15px);
  border:1px solid rgba(255,249,201,.42);
  border-radius:14px;
  pointer-events:none;
}

body.site-style-opendesign-ticket .od-inner-hero::after{
  content:"";
  position:absolute;
  right:clamp(14px,3vw,34px);
  bottom:clamp(12px,2vw,24px);
  width:clamp(62px,12vw,138px);
  height:clamp(62px,12vw,138px);
  border:2px dashed rgba(122,84,61,.36);
  border-radius:50%;
  pointer-events:none;
}

body.site-style-opendesign-ticket .od-inner-hero--image::after{
  border-color:rgba(255,249,201,.44);
}

body.site-style-opendesign-ticket .od-inner-kicker{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  margin-bottom:12px;
  border-radius:999px;
  background:var(--od-blue);
  color:#fff9c9;
  box-shadow:0 4px 9px rgba(31,42,55,.18);
  font-size:12px;
  font-weight:900;
  letter-spacing:.18em;
  padding:5px 13px 5px 15px;
}

body.site-style-opendesign-ticket .od-inner-hero--image .od-inner-kicker{
  position:relative;
  z-index:1;
  background:rgba(38,56,83,.88);
  border:1px solid rgba(255,249,201,.3);
}

body.site-style-opendesign-ticket .od-inner-hero h1{
  position:relative;
  z-index:1;
  margin:0;
  color:var(--od-ink);
  font-size:clamp(30px,4.5vw,58px);
  font-weight:900;
  line-height:1.12;
  letter-spacing:.08em;
}

body.site-style-opendesign-ticket .od-inner-hero--image h1{
  color:#fffbe8;
  text-shadow:0 4px 18px rgba(0,0,0,.42);
}

body.site-style-opendesign-ticket .od-inner-hero p{
  position:relative;
  z-index:1;
  max-width:720px;
  margin:12px 0 0;
  color:#60706f;
  font-size:clamp(14px,1.45vw,18px);
  font-weight:800;
  line-height:1.8;
}

body.site-style-opendesign-ticket .od-inner-hero--image p{
  color:rgba(255,251,232,.88);
  text-shadow:0 2px 12px rgba(0,0,0,.36);
}

body.site-style-opendesign-ticket .od-inner-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(12px,1.5vw,20px);
}

body.site-style-opendesign-ticket .od-service-card{
  min-height:230px;
  display:grid;
  grid-template-rows:auto auto 1fr auto;
  align-content:start;
  border-radius:16px;
  background:rgba(255,255,255,.82);
  padding:clamp(18px,2vw,26px);
  text-align:left;
}

body.site-style-opendesign-ticket .od-service-card:nth-child(2n){
  background:#f3ead9;
}

body.site-style-opendesign-ticket .od-service-card:nth-child(3n){
  background:#d9ddd4;
}

body.site-style-opendesign-ticket .od-service-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  margin-bottom:14px;
  border-radius:50%;
  background:var(--od-ink);
  color:#fff9c9;
  box-shadow:var(--od-hard-shadow);
  font-size:22px;
  font-weight:900;
  line-height:1;
}

body.site-style-opendesign-ticket .od-service-card h3{
  margin:0;
  font-size:clamp(18px,1.6vw,23px);
  line-height:1.35;
}

body.site-style-opendesign-ticket .od-service-card p{
  margin:10px 0 0;
  font-size:13px;
  line-height:1.75;
}

body.site-style-opendesign-ticket .od-service-card-action{
  justify-self:start;
  margin-top:18px;
}

body.site-style-opendesign-ticket .od-inner-block{
  margin-top:clamp(22px,3vw,36px);
  border:1.5px solid rgba(38,56,83,.22);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  box-shadow:var(--od-shadow);
  padding:clamp(16px,3vw,30px);
}

body.site-style-opendesign-ticket .od-service-process .od-ticket-section-head{
  display:grid;
  justify-items:center;
  gap:6px;
  margin-bottom:18px;
  text-align:center;
}

body.site-style-opendesign-ticket .od-service-process .od-ticket-section-head h2,
body.site-style-opendesign-ticket .od-service-process .od-ticket-section-head p{
  margin:0;
}

body.site-style-opendesign-ticket .od-inner-flow{
  background:transparent;
  box-shadow:none;
  border:0;
  padding:8px 0 0;
}

body.site-style-opendesign-ticket .od-inner-flow .od-inner-flow-step{
  width:clamp(82px,7vw,106px);
  min-height:clamp(98px,8.4vw,124px);
  gap:6px;
  padding:4px 6px 0;
  border:0;
  background:transparent;
  box-shadow:none;
}

body.site-style-opendesign-ticket .od-inner-flow-step span{
  display:none;
}

body.site-style-opendesign-ticket .od-inner-flow-step strong{
  color:var(--od-ink);
  font-size:13px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.04em;
}

body.site-style-opendesign-ticket .od-inner-flow-step img{
  width:clamp(72px,6.5vw,94px);
  height:clamp(72px,6.5vw,94px);
}

body.site-style-opendesign-ticket .od-inner-cta{
  margin-top:clamp(24px,3vw,38px);
}

body.site-style-opendesign-ticket:not(.is-opendesign-home) .filter-bar{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:20px;
  border:1.5px solid rgba(38,56,83,.22);
  border-radius:16px;
  background:rgba(255,255,255,.76);
  box-shadow:var(--od-shadow);
  padding:12px;
}

body.site-style-opendesign-ticket .form-input,
body.site-style-opendesign-ticket .form-select,
body.site-style-opendesign-ticket .form-textarea{
  border:1.5px solid rgba(38,56,83,.22);
  border-radius:12px;
  background:#fffdf4;
  color:var(--od-ink);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
  font-weight:700;
}

body.site-style-opendesign-ticket .form-input:focus,
body.site-style-opendesign-ticket .form-select:focus,
body.site-style-opendesign-ticket .form-textarea:focus{
  border-color:var(--od-rust);
  box-shadow:0 0 0 3px rgba(168,75,63,.14);
}

body.site-style-opendesign-ticket #productGrid{
  gap:clamp(14px,1.6vw,22px);
}

body.site-style-opendesign-ticket #productGrid .card{
  display:grid;
  grid-template-rows:auto 1fr auto;
  min-height:100%;
  border-radius:16px;
  background:rgba(255,255,255,.82);
  padding:10px;
  overflow:hidden;
}

body.site-style-opendesign-ticket #productGrid .card-img{
  height:clamp(150px,13vw,205px);
  overflow:hidden;
  border-radius:12px;
  border:1px solid rgba(38,56,83,.14);
}

body.site-style-opendesign-ticket #productGrid .card-body{
  padding:14px 4px 10px;
}

body.site-style-opendesign-ticket #productGrid .card-actions{
  display:flex;
  gap:8px;
  padding:0 4px 4px;
}

body.site-style-opendesign-ticket #productGrid .card-actions .btn{
  flex:1 1 0;
}

body.site-style-opendesign-ticket .contact-grid{
  gap:clamp(18px,2vw,28px);
  align-items:start;
}

body.site-style-opendesign-ticket #contactManagedInfo,
body.site-style-opendesign-ticket .checkout-section{
  border:1.5px solid rgba(38,56,83,.22);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  box-shadow:var(--od-shadow);
  padding:clamp(18px,2.4vw,28px);
}

body.site-style-opendesign-ticket .contact-grid h3,
body.site-style-opendesign-ticket #contactManagedInfo h3{
  color:var(--od-ink);
  font-size:20px;
  font-weight:900;
  letter-spacing:.06em;
}

body.site-style-opendesign-ticket .info-list{
  display:grid;
  gap:9px;
  margin-top:10px;
}

body.site-style-opendesign-ticket .info-list li{
  display:grid;
  grid-template-columns:74px 1fr;
  gap:12px;
  border-radius:12px;
  background:#f9f7eb;
  color:#60706f;
  font-size:14px;
  font-weight:800;
  padding:10px 12px;
}

body.site-style-opendesign-ticket .info-list strong{
  color:var(--od-ink);
  font-weight:900;
}

body.site-style-opendesign-ticket .hours-table,
body.site-style-opendesign-ticket .map-placeholder{
  border-radius:12px;
  background:#f9f7eb;
  overflow:hidden;
}

body.site-style-opendesign-ticket .empty-state,
body.site-style-opendesign-ticket .error-state{
  border-radius:16px;
  background:rgba(255,255,255,.78);
  color:var(--od-ink-soft);
  box-shadow:var(--od-shadow);
}

body.site-style-opendesign-ticket .od-ticket-coupon-panel:focus-visible,
body.site-style-opendesign-ticket .od-ticket-flow-step:focus-visible,
body.site-style-opendesign-ticket .od-ticket-service-item:focus-visible,
body.site-style-opendesign-ticket .od-ticket-btn:focus-visible,
body.site-style-opendesign-ticket .btn:focus-visible{
  outline:3px solid rgba(30,48,76,.9);
  outline-offset:3px;
}

@media(min-width:900px){
  body.site-style-opendesign-ticket .top-bar,
  body.site-style-opendesign-ticket .site-header,
  body.site-style-opendesign-ticket #mainContent,
  body.site-style-opendesign-ticket .site-footer{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
  }

  body.site-style-opendesign-ticket #mainContent{
    box-shadow:none;
  }

  body.site-style-opendesign-ticket section,
  body.site-style-opendesign-ticket .container{
    padding-left:clamp(24px,4vw,64px);
    padding-right:clamp(24px,4vw,64px);
  }

  body.site-style-opendesign-ticket .site-header .container,
  body.site-style-opendesign-ticket .top-bar .container,
  body.site-style-opendesign-ticket .site-footer .container{
    padding-left:clamp(24px,4vw,64px);
    padding-right:clamp(24px,4vw,64px);
  }

  body.site-style-opendesign-ticket .site-header .container,
  body.site-style-opendesign-ticket .top-bar .container{
    width:min(100%,var(--od-layout-max));
    max-width:var(--od-layout-max);
    margin-left:auto;
    margin-right:auto;
  }

  body.site-style-opendesign-ticket .site-header .container{
    height:clamp(74px,6vw,92px);
    padding-left:clamp(14px,2.4vw,34px);
    padding-right:clamp(14px,2.4vw,34px);
    gap:clamp(14px,2vw,28px);
  }

  body.site-style-opendesign-ticket .site-logo-img{
    height:clamp(44px,4.4vw,62px)!important;
    max-width:clamp(128px,13vw,184px);
  }

  body.site-style-opendesign-ticket .nav-tabs{
    height:clamp(34px,3.35vw,44px);
    gap:clamp(14px,2.35vw,34px);
    padding:0 clamp(16px,2.73vw,36px);
    font-size:clamp(12px,1.28vw,18px);
  }

  body.site-style-opendesign-ticket .cart-icon-btn{
    width:clamp(36px,3.6vw,48px);
    height:clamp(36px,3.6vw,48px);
    font-size:clamp(19px,1.9vw,27px);
  }

  body.site-style-opendesign-ticket:not(.is-opendesign-home) #mainContent{
    padding:clamp(28px,4vw,64px) clamp(28px,4vw,64px) clamp(54px,5vw,82px);
  }

  body.site-style-opendesign-ticket:not(.is-opendesign-home) #mainContent > section,
  body.site-style-opendesign-ticket:not(.is-opendesign-home) #mainContent > [id$="ManagedRoot"] > section,
  body.site-style-opendesign-ticket .od-inner-section{
    padding:0;
  }

  body.site-style-opendesign-ticket:not(.is-opendesign-home) #mainContent > section > .container,
  body.site-style-opendesign-ticket:not(.is-opendesign-home) #mainContent > [id$="ManagedRoot"] > section > .container,
  body.site-style-opendesign-ticket .od-inner-container{
    padding:clamp(28px,3.4vw,48px);
  }

  body.site-style-opendesign-ticket .od-ticket-hero{
    height:auto;
    min-height:0;
    max-height:none;
  }

  body.site-style-opendesign-ticket .od-ticket-hero-frame{
    width:min(100%,var(--od-layout-max));
    max-width:var(--od-layout-max);
  }

  body.site-style-opendesign-ticket .od-ticket-hero-bridge{
    left:13.83%;
    right:2.7%;
    bottom:0;
    gap:clamp(21px,2.35vw,31px);
    min-height:clamp(22px,3.34vw,44px);
  }

  body.site-style-opendesign-ticket .od-ticket-nav{
    width:auto;
    height:clamp(22px,3.34vw,44px);
    gap:clamp(8px,1.45vw,20px);
    padding:0 clamp(14px,1.6vw,22px);
    font-size:clamp(10px,1.25vw,17px);
  }

  body.site-style-opendesign-ticket .od-ticket-nav a{
    height:100%;
  }

  body.site-style-opendesign-ticket .od-ticket-info{
    flex-basis:26%;
    width:26%;
    font-size:var(--homepage-business-info-font-size-desktop,clamp(4.8px,.73vw,9.6px));
    padding:clamp(3px,.45vw,6px) clamp(5px,.75vw,10px);
  }

  body.site-style-opendesign-ticket .od-ticket-info b{
    font-size:var(--homepage-business-info-font-size-desktop,clamp(5.4px,.82vw,10.8px));
  }

  body.site-style-opendesign-ticket .od-ticket-activity-block{
    padding:clamp(18px,2.2vw,34px) clamp(28px,4vw,64px) 0;
  }

  body.site-style-opendesign-ticket .od-ticket-home{
    padding:clamp(28px,3.2vw,52px) clamp(28px,4vw,64px) clamp(48px,5vw,76px);
  }

  body.site-style-opendesign-ticket .od-ticket-content{
    width:min(100%,var(--od-layout-max));
    max-width:var(--od-layout-max);
    margin-left:auto;
    margin-right:auto;
    gap:clamp(20px,2.2vw,30px);
  }

  body.site-style-opendesign-ticket .od-ticket-coupon-panel{
    min-height:clamp(280px,22vw,360px);
  }

  body.site-style-opendesign-ticket .od-ticket-coupon-panel::before,
  body.site-style-opendesign-ticket .od-ticket-coupon-panel::after{
    inset:clamp(16px,1.7vw,24px);
  }

  body.site-style-opendesign-ticket .od-ticket-shop-title{
    top:clamp(27px,2.4vw,34px);
    font-size:clamp(15px,1.35vw,20px);
  }

  body.site-style-opendesign-ticket .od-ticket-coupon-track{
    left:5%;
    top:clamp(16px,1.7vw,24px);
    bottom:clamp(16px,1.7vw,24px);
  }

  body.site-style-opendesign-ticket .od-ticket-coupon{
    width:clamp(125px,11vw,172px);
    padding-top:clamp(82px,7vw,112px);
  }

  body.site-style-opendesign-ticket .od-ticket-coupon strong{
    font-size:clamp(40px,3.6vw,58px);
  }

  body.site-style-opendesign-ticket .od-ticket-coupon small{
    margin-top:clamp(10px,1vw,14px);
    font-size:clamp(12px,1vw,15px);
  }

  body.site-style-opendesign-ticket .od-ticket-coupon em{
    font-size:clamp(7px,.62vw,9px);
  }

  body.site-style-opendesign-ticket .od-ticket-flow-panel{
    min-height:clamp(154px,11vw,188px);
    padding:clamp(38px,3.6vw,52px) clamp(34px,4vw,58px) clamp(22px,2.4vw,34px);
  }

  body.site-style-opendesign-ticket .od-ticket-flow-step{
    width:clamp(78px,5.8vw,96px);
    min-height:clamp(94px,7vw,116px);
  }

  body.site-style-opendesign-ticket .od-ticket-flow-step img{
    width:clamp(72px,5.2vw,88px);
    height:clamp(72px,5.2vw,88px);
  }

  body.site-style-opendesign-ticket .od-ticket-flow-step strong{
    font-size:clamp(12px,.98vw,14px);
  }

  body.site-style-opendesign-ticket .od-ticket-flow-arrow{
    width:clamp(25px,2.2vw,34px);
    height:clamp(18px,1.7vw,24px);
  }

  body.site-style-opendesign-ticket .od-ticket-flow-arrow::after{
    border-left-width:clamp(13px,1.4vw,21px);
    border-top-width:clamp(9px,1vw,15px);
    border-bottom-width:clamp(9px,1vw,15px);
  }

  body.site-style-opendesign-ticket .od-ticket-service-panel{
    padding:clamp(32px,3.2vw,46px) clamp(30px,4vw,58px) clamp(26px,2.5vw,36px);
  }

  body.site-style-opendesign-ticket .od-ticket-service-grid{
    gap:clamp(10px,1.2vw,16px);
  }

  body.site-style-opendesign-ticket .od-ticket-service-item{
    min-height:clamp(98px,7.5vw,122px);
    font-size:clamp(20px,1.45vw,24px);
  }

  body.site-style-opendesign-ticket .featured-section{
    padding:0 clamp(28px,4vw,64px) clamp(48px,5vw,76px);
  }

  body.site-style-opendesign-ticket .featured-section .container{
    width:min(100%,var(--od-layout-max));
    max-width:var(--od-layout-max);
    margin-left:auto;
    margin-right:auto;
  }

  body.site-style-opendesign-ticket .featured-section .card{
    grid-template-columns:clamp(112px,8vw,140px) minmax(0,1fr);
    min-height:clamp(150px,10vw,168px);
  }

  body.site-style-opendesign-ticket .featured-section .card-img{
    width:clamp(112px,8vw,140px);
    min-height:clamp(130px,8.5vw,150px);
  }
}

@media(min-width:1180px){
  body.site-style-opendesign-ticket .featured-section .grid-4{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media(max-width:899px){
  body.site-style-opendesign-ticket .site-header .container{
    height:64px;
    padding-left:14px;
    padding-right:14px;
    gap:10px;
  }

  body.site-style-opendesign-ticket .site-logo-img{
    height:42px!important;
    max-width:134px;
  }

  body.site-style-opendesign-ticket .nav-tabs{
    display:none;
  }

  body.site-style-opendesign-ticket .cart-icon-btn{
    margin-left:auto;
  }

  body.site-style-opendesign-ticket .hamburger{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:rgba(36,54,79,.08);
  }

  body.site-style-opendesign-ticket .mobile-menu{
    width:min(100%,658px);
    margin:0 auto;
    background:linear-gradient(180deg,rgba(238,240,239,.98),rgba(238,240,239,.92));
    border:0;
    box-shadow:0 12px 22px rgba(31,42,55,.13);
  }

  body.site-style-opendesign-ticket .mobile-menu.open{
    display:block;
  }

  body.site-style-opendesign-ticket .mobile-menu .container{
    display:grid;
    gap:8px;
    padding:10px 14px 14px;
  }

  body.site-style-opendesign-ticket .mobile-menu .nav-tab{
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:var(--od-blue);
    color:#fff;
    font-size:14px;
    font-weight:900;
    line-height:1;
    letter-spacing:.02em;
    padding:0 14px;
    box-shadow:0 3px 7px rgba(20,30,50,.18);
  }

  body.site-style-opendesign-ticket .mobile-menu .nav-tab.active{
    background:var(--od-blue);
    color:#fff9c9;
  }
}

@media(max-width:767px){
  body.site-style-opendesign-ticket:not(.is-opendesign-home) #mainContent{
    padding:12px 8px 36px;
  }

  body.site-style-opendesign-ticket:not(.is-opendesign-home) #mainContent > section > .container,
  body.site-style-opendesign-ticket:not(.is-opendesign-home) #mainContent > [id$="ManagedRoot"] > section > .container,
  body.site-style-opendesign-ticket .od-inner-container{
    border-radius:18px;
    padding:16px;
  }

  body.site-style-opendesign-ticket .od-inner-hero{
    border-radius:15px;
    padding:22px 16px;
  }

  body.site-style-opendesign-ticket .od-inner-hero--image{
    min-height:260px;
    padding:26px 18px;
  }

  body.site-style-opendesign-ticket .od-inner-hero h1{
    font-size:30px;
  }

  body.site-style-opendesign-ticket .od-inner-card-grid{
    grid-template-columns:1fr;
  }

  body.site-style-opendesign-ticket .od-service-card{
    min-height:auto;
  }

  body.site-style-opendesign-ticket:not(.is-opendesign-home) .filter-bar{
    align-items:stretch;
    flex-direction:column;
  }

  body.site-style-opendesign-ticket:not(.is-opendesign-home) .filter-bar .form-select,
  body.site-style-opendesign-ticket:not(.is-opendesign-home) .filter-bar .form-input{
    width:100%!important;
    min-width:0!important;
  }

  body.site-style-opendesign-ticket .contact-grid{
    grid-template-columns:1fr;
  }

  body.site-style-opendesign-ticket .info-list li{
    grid-template-columns:1fr;
    gap:4px;
  }

  body.site-style-opendesign-ticket #productGrid .card-actions{
    flex-direction:column;
  }

}

@media(max-width:560px){
  body.site-style-opendesign-ticket .top-bar{
    font-size:9px;
  }

  body.site-style-opendesign-ticket .od-ticket-hero{
    min-height:0;
    height:59.3vw;
    max-height:390px;
  }

  body.site-style-opendesign-ticket .od-ticket-hero-bridge{
    left:13.83vw;
    right:2.7vw;
    bottom:0;
    gap:1.35vw;
    min-height:3.34vw;
  }

  body.site-style-opendesign-ticket .od-ticket-info{
    flex-basis:25vw;
    width:25vw;
    font-size:var(--homepage-business-info-font-size-mobile,clamp(4px,.65vw,4.8px));
    padding:.45vw .75vw;
  }

  body.site-style-opendesign-ticket .od-ticket-nav{
    height:clamp(18px,3.34vw,22px);
    gap:clamp(2px,.8vw,4px);
    padding:0 clamp(5px,1.2vw,7px);
    font-size:clamp(6px,1.67vw,7px);
  }

  body.site-style-opendesign-ticket .od-ticket-info b{
    font-size:var(--homepage-business-info-font-size-mobile,clamp(4.2px,.73vw,5.4px));
  }

  body.site-style-opendesign-ticket .od-ticket-activity-block{
    padding:18px 12px 0;
  }

  body.site-style-opendesign-ticket .od-ticket-home{
    padding:18px 12px 34px;
  }

  body.site-style-opendesign-ticket .od-ticket-coupon-panel{
    min-height:214px;
  }

  body.site-style-opendesign-ticket .od-ticket-shop-title{
    top:21px;
    font-size:12px;
  }

  body.site-style-opendesign-ticket .od-ticket-coupon-track{
    left:5%;
    top:12px;
    bottom:12px;
  }

  body.site-style-opendesign-ticket .od-ticket-coupon{
    width:112px;
    padding-top:70px;
  }

  body.site-style-opendesign-ticket .od-ticket-coupon strong{
    font-size:34px;
  }

  body.site-style-opendesign-ticket .od-ticket-coupon small{
    font-size:10px;
  }

  body.site-style-opendesign-ticket .od-ticket-flow-panel{
    min-height:132px;
    padding:30px 18px 16px;
  }

  body.site-style-opendesign-ticket .od-ticket-flow-row,
  body.site-style-opendesign-ticket .flow-steps{
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:7px;
    overflow:auto;
    padding-bottom:4px;
  }

  body.site-style-opendesign-ticket .od-ticket-flow-step,
  body.site-style-opendesign-ticket .flow-steps .flow-step{
    width:64px;
    min-height:82px;
  }

  body.site-style-opendesign-ticket .od-ticket-flow-step img,
  body.site-style-opendesign-ticket .flow-steps .flow-step img{
    width:58px;
    height:58px;
  }

  body.site-style-opendesign-ticket .od-ticket-flow-step strong,
  body.site-style-opendesign-ticket .flow-steps .flow-step strong{
    font-size:11px;
  }

  body.site-style-opendesign-ticket .od-ticket-flow-arrow,
  body.site-style-opendesign-ticket .flow-steps .flow-arrow{
    width:18px;
  }

  body.site-style-opendesign-ticket .od-ticket-service-panel{
    padding:27px 18px 18px;
  }

  body.site-style-opendesign-ticket .od-ticket-service-grid{
    grid-template-columns:repeat(3,1fr);
  }

  body.site-style-opendesign-ticket .od-ticket-service-item{
    min-height:96px;
    font-size:17px;
  }

  body.site-style-opendesign-ticket .od-ticket-feature-grid,
  body.site-style-opendesign-ticket .grid-4,
  body.site-style-opendesign-ticket .grid-3,
  body.site-style-opendesign-ticket .grid-2{
    grid-template-columns:1fr;
  }

  body.site-style-opendesign-ticket .featured-section{
    padding:0 12px 34px;
  }

  body.site-style-opendesign-ticket .featured-section .grid-4{
    grid-template-columns:1fr;
    gap:12px;
  }

  body.site-style-opendesign-ticket .featured-section .card{
    grid-template-columns:96px minmax(0,1fr);
    min-height:134px;
    padding:9px;
  }

  body.site-style-opendesign-ticket .featured-section .card-img{
    width:96px;
    min-height:116px;
  }

  body.site-style-opendesign-ticket .featured-section .card-body{
    padding-left:10px;
  }

  body.site-style-opendesign-ticket .featured-section .card-actions{
    padding-left:10px;
  }

  body.site-style-opendesign-ticket .od-ticket-stats,
  body.site-style-opendesign-ticket .stats-row{
    grid-template-columns:repeat(2,1fr);
  }
}