.ribbon-position:first-of-type {z-index: 2;}

.ribbon-position + .ribbon-position {top: 40px;}

.spc-categories {clear: both;}

.footer {overflow: hidden;}

.footer-store-address {margin-top: 10px;
    margin-bottom: 20px;
    font-size: 14px;}

@media (max-width: 767px) {.footer-store-address {font-size: 18px;
        text-align: center;}}

.button-1.add-to-cart-button {background-color: #e46b12;
    border: medium none;
    color: #fff;
    font-size: 15px;
    height: 43px;
    padding: 0 24px;
    text-transform: uppercase;}

.button-1.add-to-cart-button.grey {background-color: #636262;}

.rfqform .sendrfqform,
.rfqform .buttons .rfqform-continue-button {background-color: #f1844a;
    border: medium none;
    color: #fff;
    font-size: 15px;
    height: 43px;
    padding: 0 24px;
    text-transform: uppercase;}

.fns-rfqform-popuppage .form-fields {position: relative;
    border-top: 1px solid #e6e6e6;
    background-color: #f1844a;
    padding: 10px;}

.fns-rfqform-popuppage .buttons .rfqform-send-button,
.fns-rfqform-popuppage .buttons .rfqform-continue-button {background-color: #f1844a;
    border: medium none;
    color: #fff;
    font-size: 15px;
    height: 43px;
    padding: 0 24px;
    text-transform: uppercase;}

.simple-checkout-data .button-1 {background-color: #ee8c00;
    border: none;
    height: 45px;
    padding: 0 25px;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
    transition: all .2s ease;
    width: 100%;
    max-width: 400px;}

.category-description p,
.manufacturer-description,
.vendor-description,
.manufacturer-description p,
.vendor-description p,
.full-description p,
.topic-html-content p,
.topic-page p,
.post-body p,
.news-body p,
.custom-tab p,
.ui-dialog-content p {margin: 10px 0;
    line-height: 1.5;
    font-size: 15px;
    color: #181717;
    font-weight: 400;}

.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-html-content ul,
.topic-page ul,
.post-body ul,
.custom-tab ul {margin: 12px 0;
    padding: 0 0 0 36px;
    list-style: disc;
    text-align: left;
    font-size: 15px;
    color: #151515;
    font-weight: 400;}

.overview .prices {margin: 10px 0 15px;}

.overview .old-product-price {border: none;}

.intro-text {font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #333;
    max-width: 800px;
    margin-bottom: 30px;}

.features-container {display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 40px;}

.feature-item {display: flex;
    flex: 1 1 500px;
    align-items: center;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 8px;
    max-width: 700px;
    gap: 20px;
    flex-direction: row;
    flex-wrap: wrap;}

.feature-item img {width: 250px;
    max-width: 100%;
    height: auto;
    display: block;
    flex-shrink: 0;}

.feature-content {flex: 1;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;}

.feature-title {font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;}

@media (max-width: 768px) {.feature-item {flex-direction: column;
        text-align: center;}

.feature-item img {width: 70%;}}

.features-container.single-column-layout {display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 40px;}

.features-container.single-column-layout .feature-item {display: flex;
    flex: 0 0 100%;
    max-width: 100%;
    align-items: center;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 8px;
    gap: 20px;
    flex-direction: row;
    flex-wrap: wrap;}

.features-container.single-column-layout .feature-item img {width: 250px;
    max-width: 100%;
    height: auto;
    display: block;
    flex-shrink: 0;}

.features-container.single-column-layout .feature-content {flex: 1;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;}

.features-container.single-column-layout .feature-title {font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;}

@media (max-width: 768px) {.features-container.single-column-layout .feature-item {flex-direction: column;
        text-align: center;}

.features-container.single-column-layout .feature-item img {width: 70%;}}

.countdown-relative-wrapper {position: relative;}

.countdown-center-wrapper {position: static;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    pointer-events: none;
    margin: 0 auto 20px auto;}

.countdown {pointer-events: auto;
    text-align: center;}

.countdown .countdown-title {color: #@Model.ColorCaptionText;
    font-size: 20px;
    margin-bottom: 15px;}

.countdown-timer-container {display: inline-block;
    transform: scale(1);
    transform-origin: center;
    transition: transform 0.2s ease-in-out;}

@media (max-width: 767px) {.countdown-center-wrapper {position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: 0 auto 20px auto;
        transform: none;
        top: auto;
        left: auto;
        width: 100%;}

.countdown .countdown-title {font-size: 24px;}

.countdown-timer-container {transform: scale(1.2);}}

.dimensions-title {text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 15px;}

.dimensions-wrapper {display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    width: 100%;
    box-sizing: border-box;
    gap: 20px;}

.dimension-left,
.dimension-right {box-sizing: border-box;}

.dimension-left {flex: 0 0 25%;
    max-width: 25%;}

.dimension-right {flex: 0 0 75%;
    max-width: 75%;}

.img-container {width: 100%;
    display: block;}

.img-container img {width: 100%;
    height: auto;
    display: block;}

@media (max-width: 768px) {.dimensions-wrapper {flex-wrap: wrap;}

.dimension-left,
    .dimension-right {flex: 0 0 100%;
        max-width: 100%;}}

.specs-table-container {width: 100%;
    overflow-x: auto;
    margin-top: 30px;}

.specs-table {width: 100%;
    border-collapse: collapse;
    min-width: 400px;
    color: #222; 
    font-weight: normal;}

.specs-table th,
.specs-table td {border: 1px solid #ddd;
    padding: 10px 15px;
    text-align: left;
    font-size: 15px;
    color: #222; 
    font-weight: normal;}

.specs-table th {background-color: #f5f5f5;
    width: 40%;}

.specs-table tr:nth-child(even) {background-color: #fafafa;}

@media (max-width: 600px) {.specs-table th,
    .specs-table td {font-size: 14px;
        padding: 8px 10px;}}

.specs-wrapper {display: flex;
  flex-wrap: wrap;
  gap: 20px; 
  margin: 20px 0;}

.specs-table-container {flex: 1;
  min-width: 300px;}

.specs-table {width: 100%;
  border-collapse: collapse;}

.specs-table th,
.specs-table td {border: 1px solid #ddd;
  padding: 8px 12px;
  text-align: left;}

.specs-table th {background: #f7f7f7;
  width: 40%;}

@media (max-width: 991px) {.specs-wrapper {flex-direction: column;}}

.table-wrap,
.table-responsive {width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; 
  margin-bottom: 1rem;}

.entry-content,
.post-body,
.content,
.article,
.blog-content {overflow: visible !important;}

.entry-content table,
.post-body table,
.content table,
.article table,
.blog-content table {overflow: visible !important;
  max-width: none;}

.comparison th,
.comparison td {white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;}

@media (max-width: 900px) {.entry-content table:not(.no-scroll),
  .post-body table:not(.no-scroll),
  .content table:not(.no-scroll),
  .article table:not(.no-scroll),
  .blog-content table:not(.no-scroll) {display: block;                  
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;}

.comparison {min-width: 820px !important;}}

:root {--blog-table-border: 1px solid #e5e7eb;
  --blog-table-radius: 8px;
  --blog-table-padding: 0.6rem 0.75rem;
  --blog-table-head-bg: #f9fafb;
  --blog-table-zebra: #fcfcfd;}

:where(.entry-content, .post-body, .content, .article, .blog-content) table {width: 100%;
  border-collapse: collapse;
  border-radius: var(--blog-table-radius);
  
  overflow: visible;}

:where(.entry-content, .post-body, .content, .article, .blog-content) thead th {background: var(--blog-table-head-bg);
  font-weight: 600;}

:where(.entry-content, .post-body, .content, .article, .blog-content) th,
:where(.entry-content, .post-body, .content, .article, .blog-content) td {border: var(--blog-table-border);
  padding: var(--blog-table-padding);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;       
  word-break: break-word;}

:where(.entry-content, .post-body, .content, .article, .blog-content) tbody tr:nth-child(odd) td {background: var(--blog-table-zebra);}

.table-wrap,
.table-responsive {width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;}

@media (max-width: 640px) {:where(.entry-content, .post-body, .content, .article, .blog-content) table:not(.no-scroll) {display: block;               
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;}

.table-min-640 {min-width: 640px;}

.table-min-720 {min-width: 720px;}

.table-min-960 {min-width: 960px;}

:where(.entry-content, .post-body, .content, .article, .blog-content)
  table:has(> thead > tr > th:nth-child(6)),
  :where(.entry-content, .post-body, .content, .article, .blog-content)
  table:has(> tbody > tr > td:nth-child(6)) {min-width: 820px;}

:where(.entry-content, .post-body, .content, .article, .blog-content)
  table:has(> thead > tr > th:nth-child(5)),
  :where(.entry-content, .post-body, .content, .article, .blog-content)
  table:has(> tbody > tr > td:nth-child(5)) {min-width: 680px;}}

.nowrap-on-mobile td,
.nowrap-on-mobile th {white-space: nowrap;}

.no-zebra tbody tr:nth-child(odd) td {background: transparent;}

.features-container.karaoke-fit-cards {display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  margin: 16px auto 22px !important;
  max-width: 980px !important;
  padding: 0 14px !important;}

.features-container.karaoke-fit-cards .feature-item.fit-card {display: block !important;
  width: 100% !important;
  align-items: initial !important;
  justify-content: initial !important;
  gap: 0 !important;
  text-align: left !important;

  border: 1px solid #e5e7eb !important;
  background: #f9fafb !important;
  border-radius: 14px !important;
  padding: 18px 18px 16px !important;}

.features-container.karaoke-fit-cards .feature-item.fit-card * {box-sizing: border-box;}

.fit-card-header {display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  margin: 0 0 10px !important;
  text-align: left !important;}

.fit-icon {flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  font-size: 16px !important;
  line-height: 1 !important;}

.fit-title {margin: 0 !important;
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  text-align: left !important;}

.features-container.karaoke-fit-cards p,
.features-container.karaoke-fit-cards li {text-align: left !important;}

.fit-lead {margin: 0 0 10px !important;
  line-height: 1.7 !important;}

.fit-list {margin: 0 0 10px !important;
  padding-left: 20px !important;
  line-height: 1.75 !important;
  list-style-position: outside !important;}

.fit-list li {margin: 6px 0 !important;}

.fit-note {margin: 0 !important;
  line-height: 1.7 !important;
  opacity: 0.95 !important;}

@media (min-width: 900px) {.features-container.karaoke-fit-cards {grid-template-columns: 1fr 1fr !important;}

.features-container.karaoke-fit-cards .fit-card:nth-child(3) {grid-column: 1 / -1 !important;}}

@media (max-width: 420px) {.features-container.karaoke-fit-cards .feature-item.fit-card {padding: 16px 14px 14px !important;}

.fit-title {font-size: 17px !important;}}

.product-carousel {--pc-bg: #ffffff;
  --pc-surface: #fafafa;
  --pc-border: #e5e7eb;
  --pc-border-strong: #d1d5db;
  --pc-text: #111827;
  --pc-text-muted: #4b5563;
  --pc-primary: #0ea5e9;     
  --pc-primary-contrast: #ffffff;

  
  --pc-gap: 1rem;            
  --pc-radius: 12px;         
  --pc-shadow: 0 6px 20px rgba(17, 24, 39, 0.06);
  --pc-item-min: 85vw;       
  --pc-item-max-w: 420px;    
  --pc-pad: 1rem;            

  
  --pc-ctrl-size: 40px;
  --pc-ctrl-bg: rgba(17, 24, 39, 0.55);
  --pc-ctrl-bg-hover: rgba(17, 24, 39, 0.75);
  --pc-ctrl-icon: #ffffff;

  
  --pc-title-size: 1.05rem;
  --pc-meta-size: 0.9rem;

  
  --pc-edge-fade: 24px;}

@media (prefers-color-scheme: dark) {.product-carousel {--pc-bg: #0b0f19;
    --pc-surface: #121725;
    --pc-border: #1f2a37;
    --pc-border-strong: #2b3645;
    --pc-text: #e5e7eb;
    --pc-text-muted: #9ca3af;
    --pc-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
    --pc-ctrl-bg: rgba(229, 231, 235, 0.25);
    --pc-ctrl-bg-hover: rgba(229, 231, 235, 0.4);
    --pc-ctrl-icon: #f9fafb;}}

.product-carousel {position: relative;
  background: transparent;
  color: var(--pc-text);
  margin: 1.25rem 0 2rem;}

.product-carousel > h2,
.product-carousel p {color: var(--pc-text);}

.product-carousel > p + .carousel-controls,
.product-carousel > p + .carousel-track {border-top: 1px solid var(--pc-border);
  padding-top: 0.75rem;}

.product-carousel .carousel-track {display: flex;
  gap: var(--pc-gap);
  overflow-x: auto;
  overflow-y: visible;
  padding: 0.25rem 0.25rem 0.75rem;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: 0.25rem;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  scrollbar-gutter: stable both-edges; 
  
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0,
    black var(--pc-edge-fade),
    black calc(100% - var(--pc-edge-fade)),
    transparent 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0,
    black var(--pc-edge-fade),
    black calc(100% - var(--pc-edge-fade)),
    transparent 100%
  );}

.product-carousel .carousel-track::-webkit-scrollbar {height: 10px;}

.product-carousel .carousel-track::-webkit-scrollbar-track {background: transparent;}

.product-carousel .carousel-track::-webkit-scrollbar-thumb {background: var(--pc-border-strong);
  border-radius: 999px;}

.product-carousel .carousel-track:hover::-webkit-scrollbar-thumb {background: var(--pc-text-muted);}

.product-carousel .carousel-item {flex: 0 0 var(--pc-item-min);       
  max-width: var(--pc-item-max-w);
  scroll-snap-align: start;
  background: var(--pc-bg);
  border: 1px solid var(--pc-border);
  border-radius: var(--pc-radius);
  box-shadow: var(--pc-shadow);
  padding: var(--pc-pad);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 280px;}

.product-carousel .product-title {font-size: var(--pc-title-size);
  line-height: 1.35;
  margin: 0 0 0.5rem;}

.product-carousel .product-highlights {margin: 0 0 0.75rem 1.1rem;
  padding: 0;
  color: var(--pc-text-muted);}

.product-carousel .product-highlights li {margin: 0.25rem 0;}

.product-carousel .ideal-for {font-size: var(--pc-meta-size);
  color: var(--pc-text-muted);
  margin: 0.5rem 0 0.75rem;}

.product-carousel .cta {display: flex;
  gap: 0.5rem;
  margin-top: auto;}

.product-carousel .btn {display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 8px;
  padding: 0.55rem 0.9rem;
  line-height: 1;
  font-weight: 600;
  white-space: nowrap;
  border: 1px solid transparent;
  transition: transform 0.06s ease, background-color 0.15s ease, border-color 0.15s ease;}

.product-carousel .btn:focus-visible {outline: 2px solid var(--pc-primary);
  outline-offset: 2px;}

.product-carousel .btn:active {transform: translateY(1px);}

.product-carousel .btn.btn-primary {background: var(--pc-primary);
  color: var(--pc-primary-contrast);
  border-color: var(--pc-primary);}

.product-carousel .btn.btn-primary:hover {filter: brightness(0.95);}

.product-carousel .btn.btn-secondary {background: var(--pc-surface);
  color: var(--pc-text);
  border-color: var(--pc-border-strong);}

.product-carousel .btn.btn-secondary:hover {background: var(--pc-bg);}

.product-carousel .btn.btn-link {background: transparent;
  color: var(--pc-primary);
  border-color: transparent;
  padding-left: 0;
  padding-right: 0;}

.product-carousel .btn.btn-link:hover {text-decoration: underline;}

.product-carousel .carousel-controls {position: relative;
  height: 0;}

.product-carousel .carousel-prev,
.product-carousel .carousel-next {position: absolute;
  top: -2.25rem;       
  width: var(--pc-ctrl-size);
  height: var(--pc-ctrl-size);
  border-radius: 999px;
  background: var(--pc-ctrl-bg);
  color: var(--pc-ctrl-icon);
  border: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.06s ease;}

.product-carousel .carousel-prev {right: calc(var(--pc-ctrl-size) + 0.5rem);}

.product-carousel .carousel-next {right: 0;}

.product-carousel .carousel-prev:hover,
.product-carousel .carousel-next:hover {background: var(--pc-ctrl-bg-hover);}

.product-carousel .carousel-prev:active,
.product-carousel .carousel-next:active {transform: translateY(1px);}

.product-carousel .carousel-prev:focus-visible,
.product-carousel .carousel-next:focus-visible {outline: 2px solid var(--pc-primary);
  outline-offset: 2px;}

@media (max-width: 479.98px) {.product-carousel {--pc-item-min: 82%;}}

@media (min-width: 480px) and (max-width: 767.98px) {.product-carousel {--pc-item-min: 68%;}}

@media (min-width: 768px) and (max-width: 1023.98px) {.product-carousel {--pc-item-min: 48%;}}

@media (min-width: 1024px) and (max-width: 1439.98px) {.product-carousel {--pc-item-min: 32%;}}

@media (min-width: 1440px) {.product-carousel {--pc-item-min: 24%;}}

@media (prefers-reduced-motion: reduce) {.product-carousel .carousel-track {scroll-behavior: auto;}

.product-carousel .btn {transition: none;}

.product-carousel .carousel-prev,
  .product-carousel .carousel-next {transition: none;}}

.product-carousel .carousel-item:focus-within {box-shadow: 0 0 0 2px var(--pc-primary);}

.product-carousel .media {display: block;
  width: 100%;
  aspect-ratio: 16 / 9;   
  border-radius: 10px;
  background: var(--pc-surface);
  border: 1px solid var(--pc-border);
  overflow: hidden;
  margin-bottom: 0.75rem;}

.product-carousel .media img {width: 100%;
  height: 100%;
  object-fit: cover;}

.product-carousel .carousel-item > *:last-child {margin-bottom: 0;}

.product-carousel {display: grid !important;
  grid-template-rows: auto auto !important;
  position: relative;
  
  --pc-primary: #ff7a18;
  --pc-primary-contrast: #ffffff;}

.product-carousel > .carousel-track,
.product-carousel > .carousel-controls {grid-row: 2 !important;
  grid-column: 1 !important;}

.product-carousel > .carousel-track {position: relative;
  z-index: 1;}

.product-carousel > .carousel-controls {position: relative !important;
  height: 100% !important;     
  pointer-events: none;         
  z-index: 2;}

.product-carousel > .carousel-controls .carousel-prev,
.product-carousel > .carousel-controls .carousel-next {position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  pointer-events: auto !important;   
  width: var(--pc-ctrl-size, 40px);
  height: var(--pc-ctrl-size, 40px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 0;
  background: var(--pc-ctrl-bg, rgba(17,24,39,.55));
  color: var(--pc-ctrl-icon, #fff);
  box-shadow: 0 2px 10px rgba(0,0,0,.15);}

.product-carousel > .carousel-controls .carousel-prev {left: 0.5rem !important; 
  right: auto !important;}

.product-carousel > .carousel-controls .carousel-next {right: 0.5rem !important;}

.product-carousel > .carousel-controls .carousel-prev:hover,
.product-carousel > .carousel-controls .carousel-next:hover {background: var(--pc-ctrl-bg-hover, rgba(17,24,39,.75));}

.product-carousel > .carousel-controls .carousel-prev[disabled],
.product-carousel > .carousel-controls .carousel-next[disabled] {opacity: .45;
  cursor: not-allowed;}

.product-carousel .btn.btn-primary {background: var(--pc-primary) !important;
  border-color: var(--pc-primary) !important;
  color: var(--pc-primary-contrast) !important;}

.product-carousel .btn.btn-link {color: var(--pc-primary) !important;
  border-color: transparent !important;}

.product-carousel .btn.btn-link:hover,
.product-carousel .btn.btn-link:focus {text-decoration: underline;}

.product-carousel .carousel-controls {height: 100% !important;}

.product-carousel .carousel-prev,
.product-carousel .carousel-next {right: auto !important;   
  top: 50% !important;
  transform: translateY(-50%) !important;}

.product-carousel .carousel-controls .carousel-prev,
.product-carousel .carousel-controls .carousel-next {background: transparent !important;   
  border: none !important;              
  border-radius: 0 !important;          
  box-shadow: none !important;          

  
  color: #ff7a18 !important;            
  font-size: clamp(36px, 4.5vw, 56px) !important; 
  line-height: 1 !important;

  
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 6px !important;            
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;      
  user-select: none !important;
  -webkit-tap-highlight-color: transparent;}

.product-carousel .carousel-controls .carousel-prev:hover,
.product-carousel .carousel-controls .carousel-next:hover {color: #e46b12 !important;            
  transform: translateY(-50%) scale(1.04) !important;}

.product-carousel .carousel-controls .carousel-prev[disabled],
.product-carousel .carousel-controls .carousel-next[disabled] {opacity: .45 !important;
  cursor: not-allowed !important;
  transform: translateY(-50%) !important;}

.product-carousel .carousel-prev,
.product-carousel .carousel-next {top: 50% !important;
  right: auto !important;
  transform: translateY(-50%) !important;}

.product-carousel .carousel-prev {left: 0.5rem !important;}

.product-carousel .carousel-next {right: 0.5rem !important;}

.header-menu .all-categories > .labelfornextplusbutton,
.header-menu .all-categories > .plus-button {display: none;}

.header-menu .all-categories > .sublist-wrap {position: relative;box-shadow: none;width: 100% !important;padding-bottom: 10px;border-bottom: 1px solid #333; left:0;}

.header-menu .all-categories > .sublist-wrap > .sublist > .back-button {display: none;}

.language-selector.mobile .current-language-selector {display: none;}

.language-selector.mobile .language-selector-options {display: block;padding-top: 5px;padding-bottom: 10px;border-bottom: 1px solid #333;background-color: transparent;}

.language-selector.mobile .selector-options-item {margin-bottom: 5px;background-color: #efefef;}

.intro-text {margin: 10px 0 6px;
  font-size: 14px;
  line-height: 1.5;
  color: #333;}

.support-card {background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 14px;
  padding: 12px 14px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.04);
  margin-top: 6px;}

.support-card .support-title {font-weight: 800;
  font-size: 13px;
  color: #111;
  margin-bottom: 10px;}

.support-card .support-buttons {display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-bottom: 10px;}

.support-card .support-btn {display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 12px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 800;
  font-size: 13px;
  line-height: 1;
  border: 1px solid rgba(0,0,0,0.18);
  background: #fff;
  color: #111;
  box-sizing: border-box;
  transition: box-shadow .15s ease, border-color .15s ease, transform .05s ease;}

.support-card .support-btn-primary {border-color: rgba(0,0,0,0.28);
  box-shadow: 0 6px 16px rgba(0,0,0,0.06);}

.support-card .support-btn-secondary {border-color: rgba(0,0,0,0.20);
  box-shadow: none;}

.support-card .support-btn:hover {border-color: rgba(0,0,0,0.38);
  box-shadow: 0 8px 18px rgba(0,0,0,0.08);
  transform: translateY(-1px);}

.support-card .support-btn:active {transform: translateY(0);
  box-shadow: 0 6px 16px rgba(0,0,0,0.06);}

.support-card .support-btn:focus {outline: none;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.10);}

.support-card .support-meta {display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
  margin-bottom: 10px;}

.support-card .support-pill {display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-weight: 700;
  color: #111;
  background: rgba(0,0,0,0.04);
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 999px;
  padding: 6px 10px;
  line-height: 1;
  white-space: nowrap;}

.support-card .support-note {font-size: 13px;
  color: #444;
  opacity: 0.9;
  margin-top: 2px;}

@media (max-width: 520px) {.intro-text {font-size: 14px;}

.support-card {padding: 12px;}

.support-card .support-btn {height: 46px;}}

.support-card .support-btn-primary {box-shadow: none;
  border-color: rgba(0,0,0,0.22);}

.support-card .support-btn:hover {box-shadow: 0 6px 14px rgba(0,0,0,0.06);}

.fns-rfq-block .fns-rfq-button {background: #ffffff !important;
  border: 1px solid #d9d9d9 !important;
  color: #222222 !important;
  font-family: arvo, sans-serif !important;
  font-size: 14px !important;
  height: 42px !important;
  line-height: 42px !important;
  padding: 0 18px !important;     
  text-transform: none !important; 
  letter-spacing: .2px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .05s ease !important;}

.fns-rfq-block .fns-rfq-button:hover {background: #f7f7f7 !important;
  border-color: #cfcfcf !important;}

.fns-rfq-block .fns-rfq-button:active {transform: translateY(1px) !important;}

.fns-rfq-block .fns-rfq-button:focus {outline: none !important;
  box-shadow: 0 0 0 3px rgba(255, 122, 0, 0.18) !important;
  border-color: #ff7a00 !important;}

.fns-rfq-block .phone,
.fns-rfq-block .discount,
.fns-rfq-block .matchtheprice {background: none !important;
  padding-left: 18px !important;}

.fns-customerrequests-popupwindow-page .buttons .fns-customerrequests-send-button,.fns-customerrequests-popupwindow-page .buttons .fns-customerrequests-continue-button {background-color: #ea9005;
    border: medium none;
    color: #fff;
    font-size: 15px;
    height: 43px;
    padding: 0 24px;
    text-transform: uppercase}

.tittac-pills {display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:6px;}

.tittac-pills .pill {display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border:1px solid #e6e6e6;
  border-radius:999px;
  background:#fff;
  font-size:13px;
  color:#333;
  line-height:1.2;}

.tittac-pills .pill::before {content:"✓";
  font-size:12px;
  font-weight:700;
  color:#2e7d32;}

.tittac-pills .pill {background: #f7f7f7 !important;   
  border: 1px solid #eeeeee !important;
  box-shadow: none !important;
  cursor: default !important;
  user-select: none !important;}

.tittac-pills .pill:hover {background: #f7f7f7 !important;   
  border-color: #eeeeee !important;}

.tittac-pills {display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:6px !important;}

.tittac-pills .pill,
.tittac-pills a.pill,
.tittac-pills .pill a,
.tittac-pills a {background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;

  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;

  color: #333 !important;
  text-decoration: none !important;
  cursor: default !important;}

.tittac-pills .pill:hover,
.tittac-pills a.pill:hover,
.tittac-pills a:hover {background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;}

.tittac-pills .pill::before,
.tittac-pills a.pill::before,
.tittac-pills a::before {content: "✓";
  font-weight: 700;
  font-size: 12px;
  color: #2e7d32;}

.fns-customerrequests-popupwindow-page .product-item {display: flex;
    gap: 12px;
    align-items: flex-start;}

.fns-customerrequests-popupwindow-page .product-item .picture {float: none !important;
    margin: 0 !important;}

.fns-customerrequests-popupwindow-page .product-item .details {margin: 0 !important;}

@media (min-width: 1281px) {.product-essential .overview .product-name {min-height: 0 !important;   
    height: auto !important;
    margin-bottom: 4px !important;}

.product-essential .overview .reviews-and-compare {margin: 0 0 4px !important;
    padding: 0 !important;}

.product-essential .attributes-wrapper {margin-top: 0 !important;
    padding-top: 0 !important;}}

@media (max-width: 1024px) {.header-menu .all-categories .sublist-wrap {border-bottom: none !important;
    box-shadow: none !important;}}

@media (max-width: 1024px) {.header-menu .mobile-menu-items .tel-number,
  .header-menu .mobile-menu-items .html-widget {display: none !important;}}

.showroom-page {max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px 60px;}

.showroom-hero {margin-bottom: 50px;}

.showroom-hero-content {display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 30px;
  align-items: center;}

.showroom-hero-text h1 {font-size: 42px;
  line-height: 1.15;
  margin-bottom: 16px;}

.showroom-hero-text p {font-size: 18px;
  line-height: 1.7;
  margin-bottom: 22px;}

.showroom-hero-image img {width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;}

.showroom-hero-buttons {display: flex;
  flex-wrap: wrap;
  gap: 12px;}

.primary-btn,
.secondary-btn {display: inline-block;
  padding: 12px 20px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;}

.primary-btn {background: #f28c00;
  color: #fff;}

.secondary-btn {border: 1px solid #d9d9d9;
  color: #333;
  background: #fff;}

.showroom-page section {margin-bottom: 56px;}

.showroom-page h2 {font-size: 30px;
  margin-bottom: 20px;
  text-align: center;}

.features-container {display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;}

.feature-item {background: #fff;
  border: 1px solid #ececec;
  border-radius: 14px;
  padding: 24px;}

.feature-item img {width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
  margin-bottom: 16px;}

.feature-item h3 {margin-bottom: 10px;
  font-size: 22px;}

.feature-item p {line-height: 1.7;}

.showroom-gallery-grid {display: grid;
  grid-template-columns: 1.3fr 1fr 1fr;
  gap: 16px;}

.showroom-gallery-grid img {width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
  display: block;}

.showroom-faq details {border-bottom: 1px solid #e5e5e5;
  padding: 16px 0;}

.showroom-faq summary {cursor: pointer;
  font-weight: 600;}

.showroom-faq p {margin-top: 10px;
  line-height: 1.7;}

.showroom-cta {text-align: center;
  background: #fafafa;
  border-radius: 18px;
  padding: 40px 24px;}

@media (max-width: 768px) {.showroom-hero-content,
  .features-container,
  .showroom-gallery-grid {grid-template-columns: 1fr;}

.showroom-hero-text h1 {font-size: 32px;}

.showroom-page h2 {font-size: 26px;}}

@media (max-width: 768px) {.why-tittac-page,
  .showroom-page {padding: 24px 16px 40px !important;}

.why-tittac-page section,
  .showroom-page section {margin-bottom: 36px !important;}

.why-tittac-hero,
  .showroom-hero {margin-bottom: 28px !important;}

.why-tittac-hero-content,
  .showroom-hero-content {display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    align-items: start !important;}

.why-tittac-hero-text h1,
  .showroom-hero-text h1 {font-size: 30px !important;
    line-height: 1.2 !important;
    margin-bottom: 12px !important;}

.why-tittac-hero-text p,
  .showroom-hero-text p {font-size: 16px !important;
    line-height: 1.65 !important;
    margin-bottom: 16px !important;}

.why-tittac-hero-buttons,
  .showroom-hero-buttons {display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;}

.primary-btn,
  .secondary-btn {min-height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 12px 14px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    text-align: center !important;}

.why-tittac-hero-image img,
  .showroom-hero-image img {width: 100% !important;
    max-height: 260px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    display: block !important;}

.why-tittac-page h2,
  .showroom-page h2 {font-size: 26px !important;
    line-height: 1.25 !important;
    margin-bottom: 16px !important;
    text-align: center !important;}

.feature-item h3 {font-size: 24px !important;
    line-height: 1.3 !important;
    margin-bottom: 10px !important;}

.feature-item p,
  .why-tittac-support p,
  .showroom-support p,
  .why-tittac-faq p,
  .showroom-faq p {font-size: 15px !important;
    line-height: 1.7 !important;}

.features-container,
  .showroom-gallery-grid {display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;}

.feature-item {padding: 18px !important;
    border-radius: 14px !important;}

.feature-item img,
  .showroom-gallery-grid img {width: 100% !important;
    height: auto !important;
    display: block !important;
    border-radius: 12px !important;}

.why-tittac-faq details,
  .showroom-faq details {padding: 14px 0 !important;}

.why-tittac-faq summary,
  .showroom-faq summary {font-size: 16px !important;
    line-height: 1.5 !important;}

.why-tittac-cta,
  .showroom-cta {padding: 28px 18px !important;
    border-radius: 16px !important;
    text-align: center !important;}}

.showroom-page,
.why-tittac-page {padding-top: 20px !important;
  margin-top: 0 !important;}

.showroom-hero,
.why-tittac-hero {padding-top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 36px !important;}

.showroom-hero-content,
.why-tittac-hero-content {margin-top: 0 !important;
  padding-top: 0 !important;}

@media (min-width: 769px) {.showroom-page,
  .why-tittac-page {padding-top: 4px !important;
    margin-top: 0 !important;}

.showroom-hero,
  .why-tittac-hero {margin-top: 0 !important;
    margin-bottom: 32px !important;
    padding-top: 0 !important;}

.showroom-hero-content,
  .why-tittac-hero-content {gap: 24px !important;
    align-items: center !important;}}

@media (min-width: 769px) {.showroom-page,
  .why-tittac-page {position: relative;
    top: -60px;}}

.html-referral-page .referral-page-top {max-width: 1200px;
  margin: 0 auto 36px;
  padding: 12px 20px 0;}

.html-referral-page .referral-page-top section {margin-bottom: 34px;}

.html-referral-page .referral-hero-content {display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  align-items: center;}

.html-referral-page .referral-hero-text {text-align: left;}

.html-referral-page .referral-hero-text h1 {font-size: 42px;
  line-height: 1.12;
  margin: 0 0 14px;}

.html-referral-page .referral-intro-text {font-size: 18px;
  line-height: 1.75;
  margin: 0 0 12px;}

.html-referral-page .referral-note {font-size: 15px;
  line-height: 1.7;
  color: #666;
  margin: 0;}

.html-referral-page .referral-hero-image {text-align: right;}

.html-referral-page .referral-hero-image img {width: 100%;
  max-width: 520px;
  height: auto;
  display: block;
  border-radius: 16px;
  margin-left: auto;}

.html-referral-page .referral-how-it-works h2,
.html-referral-page .referral-rewards h2 {font-size: 30px;
  text-align: center;
  margin: 0 0 20px;}

.html-referral-page .referral-steps {display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;}

.html-referral-page .referral-step,
.html-referral-page .reward-card {background: #fff;
  border: 1px solid #ececec;
  border-radius: 14px;
  padding: 20px;}

.html-referral-page .referral-step h3,
.html-referral-page .reward-card h3 {font-size: 22px;
  line-height: 1.35;
  margin: 0 0 10px;}

.html-referral-page .referral-step p {margin: 0;
  line-height: 1.65;
  font-size: 15px;}

.html-referral-page .referral-rewards-grid {display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;}

.html-referral-page .reward-card ul {margin: 0;
  padding-left: 20px;
  line-height: 1.85;}

.html-referral-page .referral-help {text-align: center;}

.html-referral-page .referral-help p {margin: 0;
  font-size: 17px;
  line-height: 1.7;}

@media (max-width: 768px) {.html-referral-page .referral-page-top {padding: 24px 16px 0;}

.html-referral-page .referral-hero-content,
  .html-referral-page .referral-steps,
  .html-referral-page .referral-rewards-grid {grid-template-columns: 1fr;}

.html-referral-page .referral-hero-text {text-align: center;}

.html-referral-page .referral-hero-image {text-align: center;}

.html-referral-page .referral-hero-image img {margin: 0 auto;
    max-width: 100%;}

.html-referral-page .referral-hero-text h1 {font-size: 32px;}

.html-referral-page .referral-intro-text {font-size: 16px;}

.html-referral-page .referral-how-it-works h2,
  .html-referral-page .referral-rewards h2 {font-size: 26px;}

.html-referral-page .referral-step,
  .html-referral-page .reward-card {padding: 18px;}}

.html-referral-page form[action$="/referralform"] {width: 100% !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  display: block !important;
  box-sizing: border-box !important;}

.html-referral-page form[action$="/referralform"] .fieldset,
.html-referral-page form[action$="/referralform"] .form-fields {width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;}

.html-referral-page form[action$="/referralform"] .inputs {width: 100% !important;
  max-width: none !important;
  margin: 0 0 18px !important;
  box-sizing: border-box !important;}

.html-referral-page form[action$="/referralform"] .inputs input[type="text"],
.html-referral-page form[action$="/referralform"] .inputs input[type="email"],
.html-referral-page form[action$="/referralform"] .inputs input[type="tel"],
.html-referral-page form[action$="/referralform"] .inputs textarea,
.html-referral-page form[action$="/referralform"] .inputs select {width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;}

.html-referral-page form[action$="/referralform"] .buttons {max-width: 920px !important;
  margin: 20px auto 0 !important;
  text-align: center !important;}

.html-referral-page form[action$="/referralform"] .buttons .fakeBtn,
.html-referral-page form[action$="/referralform"] .buttons .real-btn,
.html-referral-page form[action$="/referralform"] .buttons button,
.html-referral-page form[action$="/referralform"] .buttons input[type="submit"] {width: 100% !important;
  max-width: 920px !important;}

.html-referral-page form[action$="/referralform"] > h3:last-child {max-width: 920px !important;
  margin: 16px auto 0 !important;
  text-align: center !important;
  line-height: 1.7 !important;}

@media (max-width: 768px) {.html-referral-page form[action$="/referralform"],
  .html-referral-page form[action$="/referralform"] .buttons,
  .html-referral-page form[action$="/referralform"] > h3:last-child {max-width: 100% !important;}}

.html-referral-page .page-title {display: none;}

.html-referral-page .page-body {padding-top: 6px;}

.html-referral-page .referral-step {padding: 18px;}

.html-referral-page .referral-step h3 {font-size: 20px;
  line-height: 1.3;}

.html-referral-page .referral-step p {font-size: 15px;
  line-height: 1.6;}

@media (min-width: 769px) {.html-referral-page .referral-page-top {margin-top: -60px !important;}

.html-referral-page .page-body {padding-top: 0 !important;}}

.html-referral-page .referral-hero-text h1 {font-size: 40px;
  line-height: 1.12;}

.html-referral-page .referral-hero-image img {max-width: 500px;}

.html-referral-page .referral-note {margin-top: 6px;}

.contact-premium-page {background: #f6f6f4;
  padding: 40px 20px 70px;}

.contact-premium-container {max-width: 1120px;
  margin: 0 auto;}

.contact-showroom-card {display: grid;
  grid-template-columns: 1.15fr 0.85fr;}

.contact-premium-header {text-align: center;
  max-width: 760px;
  margin: 0 auto 36px;}

.contact-premium-header h1 {font-size: 42px;
  line-height: 1.2;
  font-weight: 700;
  color: #1f1f1f;
  margin: 0 0 14px;}

.contact-premium-header p {font-size: 17px;
  line-height: 1.7;
  color: #666;
  margin: 0;}

.contact-showroom-card {display: grid;
  grid-template-columns: 1.08fr 0.92fr;
  gap: 0;
  background: #fff;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);
  margin-bottom: 42px;}

.contact-showroom-image img {width: 100%;
  height: 100%;
  min-height: 520px;
  object-fit: cover;
  display: block;}

.contact-showroom-info {padding: 44px 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;}

.contact-showroom-badge {display: inline-block;
  align-self: flex-start;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #8d6e63;
  background: #f4ede8;
  border-radius: 999px;
  margin-bottom: 18px;}

.contact-showroom-info h2 {font-size: 30px;
  line-height: 1.25;
  font-weight: 700;
  color: #1f1f1f;
  margin: 0 0 26px;}

.contact-info-list {display: flex;
  flex-direction: column;
  gap: 18px;
  margin-bottom: 30px;}

.contact-info-item {border-bottom: 1px solid #eee;
  padding-bottom: 16px;}

.contact-info-item:last-child {border-bottom: none;
  padding-bottom: 0;}

.contact-info-item .label {display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #8a8a8a;
  margin-bottom: 6px;}

.contact-info-item .value {display: block;
  font-size: 18px;
  line-height: 1.7;
  color: #2a2a2a;}

.contact-info-item .value a {color: #2a2a2a;
  text-decoration: none;}

.contact-info-item .value a:hover {color: #b07d62;}

.contact-action-buttons {display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 6px;}

.contact-action-buttons .btn {display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s ease;}

.contact-action-buttons .btn-primary {background: #7c5c4f;
  color: #fff;}

.contact-action-buttons .btn-primary:hover {background: #694b40;}

.contact-action-buttons .btn-secondary {background: #d7c0b3;
  color: #2a2a2a;}

.contact-action-buttons .btn-secondary:hover {background: #ccb1a2;}

.contact-action-buttons .btn-outline {background: transparent;
  border: 1px solid #d7d7d7;
  color: #2a2a2a;}

.contact-action-buttons .btn-outline:hover {border-color: #7c5c4f;
  color: #7c5c4f;}

.contact-form-wrapper {max-width: 860px;
  margin: 0 auto;
  background: #fff;
  border-radius: 24px;
  padding: 38px 34px;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.06);}

.contact-form-heading {text-align: center;
  margin-bottom: 28px;}

.contact-form-heading h2 {font-size: 30px;
  line-height: 1.25;
  color: #1f1f1f;
  margin: 0 0 10px;}

.contact-form-heading p {font-size: 16px;
  line-height: 1.7;
  color: #666;
  margin: 0 auto;
  max-width: 680px;}

@media (max-width: 991px) {.contact-showroom-card {grid-template-columns: 1fr;}

.contact-showroom-image img {min-height: auto;
    height: auto;}

.contact-showroom-info {padding: 32px 24px;}

.contact-premium-header h1 {font-size: 34px;}

.contact-showroom-info h2,
  .contact-form-heading h2 {font-size: 26px;}}

@media (max-width: 767px) {.contact-premium-page {padding: 24px 14px 50px;}

.contact-premium-header {margin-bottom: 24px;}

.contact-premium-header h1 {font-size: 28px;}

.contact-premium-header p {font-size: 15px;}

.contact-showroom-card {border-radius: 18px;
    margin-bottom: 24px;}

.contact-showroom-info {padding: 24px 18px;}

.contact-showroom-info h2 {font-size: 24px;
    margin-bottom: 20px;}

.contact-info-item .value {font-size: 16px;
    line-height: 1.6;}

.contact-action-buttons {flex-direction: column;}

.contact-action-buttons .btn {width: 100%;}

.contact-form-wrapper {border-radius: 18px;
    padding: 24px 18px;}

.contact-form-heading h2 {font-size: 24px;}

.contact-form-heading p {font-size: 15px;}}

@media (max-width: 767px) {.topic-page .page-title,
  .page.topic-page .page-title,
  .page.topic-page h1,
  .topic-page h1 {display: block !important;
    visibility: visible !important;
    opacity: 1 !important;}

.topic-page .page-title {margin: 0 0 16px !important;
    padding: 0 12px !important;
    text-align: center !important;}

.topic-page .page-title h1,
  .page.topic-page h1 {font-size: 30px !important;
    line-height: 1.2 !important;
    margin: 0 !important;}

.topic-page .page-body,
  .page.topic-page .page-body {padding-left: 12px !important;
    padding-right: 12px !important;
    overflow: hidden !important;}

.topic-page div[style*="grid-template-columns: 1fr 1fr"],
  .topic-page div[style*="grid-template-columns: repeat(2, 1fr)"],
  .topic-page div[style*="grid-template-columns: repeat(3, 1fr)"],
  .topic-page div[style*="grid-template-columns: repeat(4, 1fr)"],
  .page.topic-page div[style*="grid-template-columns: 1fr 1fr"],
  .page.topic-page div[style*="grid-template-columns: repeat(2, 1fr)"],
  .page.topic-page div[style*="grid-template-columns: repeat(3, 1fr)"],
  .page.topic-page div[style*="grid-template-columns: repeat(4, 1fr)"] {display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;}

.topic-page div[style*="border-radius: 22px"],
  .topic-page div[style*="border-radius: 24px"],
  .topic-page div[style*="border-radius: 20px"],
  .page.topic-page div[style*="border-radius: 22px"],
  .page.topic-page div[style*="border-radius: 24px"],
  .page.topic-page div[style*="border-radius: 20px"] {padding: 20px 16px !important;
    border-radius: 16px !important;}

.topic-page h1,
  .page.topic-page h1 {font-size: 28px !important;
    line-height: 1.2 !important;}

.topic-page h2,
  .page.topic-page h2 {font-size: 24px !important;
    line-height: 1.25 !important;}

.topic-page h3,
  .page.topic-page h3 {font-size: 18px !important;
    line-height: 1.35 !important;}

.topic-page p,
  .topic-page li,
  .page.topic-page p,
  .page.topic-page li {font-size: 15px !important;
    line-height: 1.7 !important;}

.topic-page a[style*="border-radius: 999px"],
  .page.topic-page a[style*="border-radius: 999px"] {width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
    display: inline-flex !important;
    box-sizing: border-box !important;}

.topic-page div[style*="display: flex"][style*="gap: 12px"],
  .page.topic-page div[style*="display: flex"][style*="gap: 12px"] {flex-direction: column !important;
    align-items: stretch !important;}

.topic-page iframe,
  .page.topic-page iframe {max-width: 100% !important;}}

@media (max-width: 767px) {.topic-page div[style*="grid-template-columns"],
  .page.topic-page div[style*="grid-template-columns"] {grid-template-columns: 1fr !important;}

.topic-page div[style*="grid-template-columns: 1.08fr 0.92fr"],
  .topic-page div[style*="grid-template-columns: 1.15fr 0.85fr"],
  .page.topic-page div[style*="grid-template-columns: 1.08fr 0.92fr"],
  .page.topic-page div[style*="grid-template-columns: 1.15fr 0.85fr"] {display: grid !important;
    grid-template-columns: 1fr !important;}

.topic-page img[style*="min-height: 520px"],
  .page.topic-page img[style*="min-height: 520px"] {min-height: 260px !important;
    height: 260px !important;
    width: 100% !important;
    object-fit: cover !important;}

.topic-page div[style*="display: flex"][style*="gap: 12px"],
  .page.topic-page div[style*="display: flex"][style*="gap: 12px"] {flex-direction: column !important;
    align-items: stretch !important;}

.topic-page a[style*="border-radius: 999px"],
  .page.topic-page a[style*="border-radius: 999px"] {width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
    display: inline-flex !important;
    box-sizing: border-box !important;}

.topic-page div[style*="padding: 40px 36px"],
  .page.topic-page div[style*="padding: 40px 36px"] {padding: 20px 16px !important;}}

@media (max-width: 767px) {.topic-page details,
  .topic-page summary,
  .page.topic-page details,
  .page.topic-page summary {text-align: left !important;}

.topic-page summary,
  .page.topic-page summary {justify-content: flex-start !important;
    align-items: flex-start !important;}}

.finance-popup-content {max-width: 560px;
  padding: 28px 30px;
  color: #1f1f1f;}

.finance-popup-badge {display: inline-block;
  margin-bottom: 14px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #f4ede8;
  color: #8d6e63;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;}

.finance-popup-content h2 {margin: 0 0 12px;
  font-size: 36px;
  line-height: 1.2;
  font-weight: 700;
  color: #1f1f1f;}

.finance-popup-intro {margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.8;
  color: #555;}

.finance-popup-benefits {display: grid;
  gap: 14px;
  margin-bottom: 22px;}

.finance-benefit-item {padding: 14px 16px;
  border: 1px solid #ece7e2;
  border-radius: 14px;
  background: #faf8f6;}

.finance-benefit-item strong {display: block;
  margin-bottom: 6px;
  font-size: 17px;
  color: #1f1f1f;}

.finance-benefit-item span {display: block;
  font-size: 15px;
  line-height: 1.7;
  color: #555;}

.finance-popup-contact {margin-bottom: 22px;
  padding-top: 18px;
  border-top: 1px solid #ece7e2;}

.finance-popup-contact p {margin: 0 0 8px;
  font-size: 15px;
  line-height: 1.75;
  color: #555;}

.finance-popup-contact a {color: #1f1f1f;
  text-decoration: none;}

.finance-popup-actions {display: flex;
  gap: 12px;
  flex-wrap: wrap;}

.finance-btn {display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 160px;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  text-decoration: none !important;
  font-size: 15px;
  font-weight: 700;
  transition: all 0.2s ease;}

.finance-btn-primary {background: #c9781f;
  color: #fff !important;}

.finance-btn-primary:hover {background: #b96a16;}

.finance-btn-secondary {border: 1px solid #d8d2cc;
  background: #fff;
  color: #1f1f1f !important;}

.finance-btn-secondary:hover {border-color: #b96a16;
  color: #b96a16 !important;}

@media (max-width: 767px) {.finance-popup-content {max-width: 100%;
    padding: 22px 18px;}

.finance-popup-content h2 {font-size: 28px;}

.finance-popup-actions {flex-direction: column;}

.finance-btn {width: 100%;}}

@media (max-width: 767px) {#financeModal,
  .finance-modal,
  .modal.show {overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;}

#financeModal .modal-content,
  .finance-modal .modal-content,
  .modal.show .modal-content {max-height: 90vh !important;
    height: auto !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 16px !important;}

#financeModal .modal-body,
  #financeModalContent,
  .finance-modal .modal-body,
  .modal.show .modal-body {max-height: calc(90vh - 56px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 18px 16px 20px !important;}

#financeModal .modal-header,
  .finance-modal .modal-header,
  .modal.show .modal-header {flex: 0 0 auto !important;}

#financeModal .finance-popup-actions,
  .finance-modal .finance-popup-actions,
  .modal.show .finance-popup-actions {position: sticky;
    bottom: 0;
    background: #fff;
    padding-top: 12px;}}

.ajaxCart .productAddedToCartWindowSummary {display: block !important;
    width: 100% !important;
    margin-top: 18px !important;}

.ajaxCart .productAddedToCartWindowSummary .checkoutButtonWrapper,
.ajaxCart .productAddedToCartWindowSummary .shoppingCartButtonWrapper {display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;}

.ajaxCart .productAddedToCartWindowSummary .productAddedToCartWindowCheckout {display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    height: 52px !important;
    line-height: 52px !important;
    padding: 0 16px !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;

    background: #6a6a6e !important;
    color: #fff !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    text-align: center !important;

    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;}

.ajaxCart .productAddedToCartWindowSummary .productAddedToCartWindowCheckout:hover,
.ajaxCart .productAddedToCartWindowSummary .productAddedToCartWindowCheckout:focus {background: #5a5a5e !important;
    color: #fff !important;
    outline: none !important;}

.ajaxCart .productAddedToCartWindowSummary .productAddedToCartWindowCheckout:active {transform: scale(0.99) !important;}

@media (max-width: 767px) {.ajaxCart .productAddedToCartWindowSummary {margin-top: 20px !important;}

.ajaxCart .productAddedToCartWindowSummary .productAddedToCartWindowCheckout {height: 50px !important;
        line-height: 50px !important;
        font-size: 14px !important;
        border-radius: 8px !important;}}

.simple-checkout-page {background:#f7f5f2;}

.simple-checkout-data {max-width:1240px !important;}

.simple-checkout-data:after {content:"";
  display:block;
  clear:both;}

.page-title {margin:0 0 28px !important;
  border:0 !important;
  text-align:center !important;}

.page-title h1 {margin:0 !important;
  font-size:42px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  letter-spacing:-0.02em !important;
  color:#1f1f1f !important;}

.simple-checkout-data-left .form-fields {background:#fff !important;
  border:1px solid #eadfd6 !important;
  border-top:1px solid #eadfd6 !important;
  border-radius:18px !important;
  padding:28px 22px !important;
  box-shadow:0 10px 30px rgba(17,17,17,.05) !important;}

.shipping-payment-method .shipping-block,
.shipping-payment-method .payment-block,
.simple-checkout-paymentinfo-html,
.simple-checkout-paymentinfo,
.simple-checkout-order-summary-body .order-summary-content .cart .cart-item-row,
.simple-checkout-order-summary-body .order-summary-content .checkout-attributes,
.simple-checkout-order-summary-body .order-summary-content .cart-footer .totals {background:#fff !important;
  border:1px solid #eadfd6 !important;
  border-radius:18px !important;
  box-shadow:0 10px 30px rgba(17,17,17,.05) !important;}

.shipping-payment-method .shipping-title h3,
.shipping-payment-method .payment-title h3,
.simple-checkout-order-summary-body .button-cart-top h3 {color:#1f1f1f !important;
  font-size:24px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:-0.01em !important;
  margin:0 0 18px !important;}

.simple-checkout-data label,
.simple-checkout-data-left .inputs .labelforinputs label,
.simple-checkout-secondary-address-block .inputs .labelforinputs label {color:#1f1f1f !important;
  font-size:14px !important;
  font-weight:600 !important;}

.simple-checkout-data .message,
.simple-checkout-data .message-error,
.simple-checkout-data .field-validation-error,
.simple-checkout-data .hint,
.shipping-payment-method .method-list li .method-description {color:#6f6a63 !important;}

.simple-checkout-page input[type="text"],
.simple-checkout-page input[type="email"],
.simple-checkout-page input[type="tel"],
.simple-checkout-page input[type="number"],
.simple-checkout-page input[type="password"],
.simple-checkout-page select,
.simple-checkout-page textarea {min-height:50px !important;
  border:1px solid #ddd6ce !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#1f1f1f !important;
  box-shadow:none !important;
  padding:12px 14px !important;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease !important;}

.simple-checkout-page textarea {min-height:120px !important;}

.simple-checkout-page input[type="text"]:focus,
.simple-checkout-page input[type="email"]:focus,
.simple-checkout-page input[type="tel"]:focus,
.simple-checkout-page input[type="number"]:focus,
.simple-checkout-page input[type="password"]:focus,
.simple-checkout-page select:focus,
.simple-checkout-page textarea:focus {border-color:#e49a12 !important;
  box-shadow:0 0 0 4px rgba(228,154,18,.12) !important;
  outline:none !important;}

.simple-checkout-data-left .couponblock {align-items:stretch !important;}

.simple-checkout-data-left .couponblock .discount-coupon-code input,
.simple-checkout-data-left .couponblock .gift-card-coupon-code input {border-radius:12px 0 0 12px !important;}

.simple-checkout-data .button-2,
.simple-checkout-page .editcart,
.simple-checkout-secondary-address-block .secondary-address-window-button {height:50px !important;
  padding:0 22px !important;
  border-radius:0 12px 12px 0 !important;
  background:#efc61a !important;
  color:#fff !important;
  font-weight:800 !important;
  border:none !important;
  box-shadow:none !important;}

.simple-checkout-data .button-2:hover,
.simple-checkout-page .editcart:hover,
.simple-checkout-secondary-address-block .secondary-address-window-button:hover {background:#e0b300 !important;}

.simple-checkout-data .button-1,
.confirm-order-button {min-height:58px !important;
  height:auto !important;
  border:none !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#eda218 0%,#de930c 100%) !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
  box-shadow:0 16px 36px rgba(228,154,18,.18) !important;
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
  max-width:420px !important;}

.simple-checkout-data .button-1:hover,
.confirm-order-button:hover {transform:translateY(-1px);
  filter:brightness(1.02);
  box-shadow:0 20px 38px rgba(228,154,18,.24) !important;
  background:linear-gradient(180deg,#eda218 0%,#de930c 100%) !important;}

.simple-checkout-order-summary-body .order-summary-content .cart .cart-item-row {overflow:hidden !important;
  border-radius:18px !important;
  margin:0 0 20px !important;}

.simple-checkout-order-summary-body .order-summary-content .cart .cart-item-row td.product a {color:#1f1f1f !important;
  font-weight:700 !important;
  text-decoration:none !important;}

.simple-checkout-order-summary-body .product-price span,
.simple-checkout-order-summary-body .order-summary-content .total-info .order-total {color:#1f1f1f !important;
  font-weight:800 !important;}

.simple-checkout-order-summary-body .order-summary-content .cart .cart-item-row td.qty,
.simple-checkout-order-summary-body .order-summary-content .cart .cart-item-row td.unit-price,
.simple-checkout-order-summary-body .order-summary-content .cart .cart-item-row td.subtotal {background:#faf8f5 !important;}

.simple-checkout-order-summary-body .order-summary-content .cart-footer {margin:22px 0 0 !important;}

.simple-checkout-order-summary-body .cart-total {width:100% !important;}

.simple-checkout-order-summary-body .cart-total td {padding:8px 0 !important;
  font-size:15px !important;
  color:#1f1f1f !important;}

.simple-checkout-order-summary-body .order-summary-content .total-info .order-total,
.simple-checkout-order-summary-body .cart-total .order-total {color:#c98408 !important;
  font-size:30px !important;
  font-weight:800 !important;
  letter-spacing:-0.02em !important;}

.simple-checkout-order-summary-body .order-summary-content .cart .cart-item-row .edit-item a {border:1px solid #ddd6ce !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#1f1f1f !important;
  font-weight:700 !important;}

.simple-checkout-order-summary-body .order-summary-content .cart .cart-item-row .edit-item a:hover {background:#faf8f5 !important;}

.simple-checkout-paymentinfo-html {overflow:hidden !important;}

.simple-checkout-paymentinfo-html .synchrony-card {padding:24px !important;
  background:#fff !important;}

.simple-checkout-paymentinfo-html .payment-logo {margin-bottom:18px !important;
  gap:8px !important;}

.simple-checkout-paymentinfo-html .payment-logo img {max-width:120px !important;}

.simple-checkout-paymentinfo-html .payment-logo-text {font-size:15px !important;
  font-weight:500 !important;
  color:#6f6a63 !important;}

.simple-checkout-paymentinfo-html .payment-b-title {font-size:34px !important;
  line-height:1.12 !important;
  margin:0 0 8px !important;
  font-weight:800 !important;
  letter-spacing:-0.02em !important;
  color:#1f1f1f !important;}

.simple-checkout-paymentinfo-html .payment-block p {color:#6f6a63 !important;
  font-size:15px !important;
  margin:0 !important;}

.simple-checkout-paymentinfo-html .payment-method-options {gap:10px !important;}

.simple-checkout-paymentinfo-html .payment-option {padding:0 !important;}

.simple-checkout-paymentinfo-html .payment-option label {padding:14px 16px !important;
  border:1px solid #eadfd6 !important;
  border-radius:14px !important;
  background:#fff !important;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
  cursor:pointer !important;}

.simple-checkout-paymentinfo-html .payment-option:has(input:checked) label {border-color:#e49a12 !important;
  background:#fff8ee !important;
  box-shadow:0 0 0 4px rgba(228,154,18,.10) !important;}

.simple-checkout-paymentinfo-html .payment-option .checkmark {border-color:#d8d0c6 !important;}

.simple-checkout-paymentinfo-html .other-info {margin-top:12px !important;
  padding:14px 16px !important;
  background:#faf8f5 !important;
  border:1px solid #ece6de !important;
  border-radius:14px !important;}

.simple-checkout-paymentinfo-html .input-number {width:100% !important;
  max-width:230px !important;
  height:44px !important;
  border:1px solid #ddd6ce !important;
  border-radius:12px !important;
  padding:0 12px !important;
  background:#fff !important;}

.simple-checkout-paymentinfo-html a.topic-modal-btn,
.simple-checkout-paymentinfo-html a[href*="javascript:void(0)"] {color:#8a6b52 !important;
  font-weight:700 !important;
  text-decoration:underline !important;}

.simple-checkout-paymentinfo-html a.topic-modal-btn:hover,
.simple-checkout-paymentinfo-html a[href*="javascript:void(0)"]:hover {color:#c98408 !important;}

.payment-topic-modal {background:rgba(17,17,17,.48) !important;
  backdrop-filter:blur(2px);}

.payment-topic-modal .payment-topic-content {border-radius:24px !important;
  padding:20px 22px !important;
  border:1px solid #eee7df !important;
  box-shadow:0 24px 70px rgba(17,17,17,.18) !important;}

.payment-topic-modal .m-header {padding-bottom:14px !important;
  margin-bottom:10px !important;
  border-bottom:1px solid #f0ebe5 !important;}

.payment-topic-modal .m-title {font-size:26px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  color:#1f1f1f !important;
  margin:0 !important;}

.payment-topic-modal .m-body {padding-right:6px !important;
  color:#333 !important;}

.simple-checkout-data .button-1,
.confirm-order-button {font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;}

.simple-checkout-data .button-1 span,
.confirm-order-button span {font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;}

.simple-checkout-confirm .button-1,
.simple-checkout-confirm .confirm-order-button {background: linear-gradient(180deg, #f0a512 0%, #db8d05 100%) !important;
  border: 1px solid #c97f03 !important;
  color: #fff !important;
  min-height: 60px !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 30px rgba(219, 141, 5, 0.26) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 0 28px !important;
  position: relative;
  z-index: 2;}

.simple-checkout-confirm .button-1:hover,
.simple-checkout-confirm .confirm-order-button:hover {background: linear-gradient(180deg, #f5ae1f 0%, #e39207 100%) !important;
  box-shadow: 0 20px 36px rgba(219, 141, 5, 0.32) !important;
  transform: translateY(-1px);}

.simple-checkout-confirm .buttons,
.simple-checkout-confirm {margin-top: 10px !important;
  text-align: center !important;}

.payment-topic-modal .m-title,
.payment-topic-modal .m-body,
.payment-topic-modal .m-body h2,
.payment-topic-modal .m-body h3,
.payment-topic-modal .m-body p,
.payment-topic-modal .m-body li,
.payment-topic-modal .m-body strong,
.payment-topic-modal .m-body span,
.payment-topic-modal .m-body div {font-family: Arial, Helvetica, sans-serif !important;
  font-style: normal !important;
  letter-spacing: 0 !important;
  text-transform: none !important;}

.payment-topic-modal .m-body h2 {font-size: 40px !important;
  line-height: 1.12 !important;
  margin: 0 0 18px !important;
  font-weight: 800 !important;
  color: #1f1f1f !important;}

.payment-topic-modal .m-body h3 {font-size: 22px !important;
  line-height: 1.3 !important;
  margin: 0 0 12px !important;
  font-weight: 700 !important;
  color: #1f1f1f !important;}

.payment-topic-modal .m-body p,
.payment-topic-modal .m-body li {font-size: 16px !important;
  line-height: 1.65 !important;
  color: #444 !important;}

.simple-checkout .coupon-box .buttons input[type="button"],
.simple-checkout .coupon-box .buttons input[type="submit"],
.simple-checkout .giftcard-box .buttons input[type="button"],
.simple-checkout .giftcard-box .buttons input[type="submit"],
#applydiscountcouponcode,
#applygiftcardcouponcode,
#applygiftcard {height: 50px !important;
  min-height: 50px !important;
  min-width: 140px !important;
  padding: 0 20px !important;
  border-radius: 12px !important;
  background: #fff !important;
  border: 1px solid #e7ad3b !important;
  color: #2f2f2f !important;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;}

.simple-checkout .coupon-box .buttons input[type="button"]:hover,
.simple-checkout .coupon-box .buttons input[type="submit"]:hover,
.simple-checkout .giftcard-box .buttons input[type="button"]:hover,
.simple-checkout .giftcard-box .buttons input[type="submit"]:hover,
#applydiscountcouponcode:hover,
#applygiftcardcouponcode:hover,
#applygiftcard:hover {background: #fff8ed !important;
  border-color: #dc9b1f !important;
  color: #1f1f1f !important;}

.pac-container {z-index: 999999 !important;}

#record-address-streetaddress2 .labelforinputs,
#record-address-streetaddress2 label {display: none !important;}

.sc-address-layout {display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: 12px;
  width: 100%;
  align-items: start;}

.sc-address-layout .inputs {width: 100% !important;
  margin: 0 !important;
  float: none !important;
  clear: none !important;
  min-width: 0;}

.sc-address-layout .inputs label,
.sc-address-layout .inputs .labelforinputs,
.secondary-address > .labelforinputs,
.sc-secondary-toggle-row {display: block;
  margin-bottom: 5px;
  min-height: auto;
  line-height: 1.15;
  font-size: 13px;
  font-weight: 600;
  color: #3e3935;
  letter-spacing: 0;}

.secondary-address > .labelforinputs.sc-secondary-toggle-row,
.secondary-address > .labelforinputs {display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;}

.sc-address-layout .inputs input,
.sc-address-layout .inputs select {width: 100%;
  height: 44px;
  box-sizing: border-box;
  margin: 0;
  border-radius: 12px;}

.sc-address-layout .inputs span[data-valmsg-for],
.sc-address-layout .inputs span.field-validation-valid,
.sc-address-layout .inputs span.field-validation-error {display: block;
  min-height: 14px;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.2;}

.sc-address-layout .inputs .required,
.sc-address-layout .inputs .nop-required,
.sc-address-layout .inputs span.required,
.sc-address-layout .inputs .field-required,
.sc-address-layout .inputs label + .required {transform: scale(0.9);
  transform-origin: left center;
  opacity: 0.9;}

.sc-field-email {grid-column: 1 / span 3; grid-row: 1;}

.sc-field-phone {grid-column: 4 / span 3; grid-row: 1;}

.sc-field-firstname {grid-column: 1 / span 3; grid-row: 2;}

.sc-field-lastname {grid-column: 4 / span 3; grid-row: 2;}

.sc-field-address1 {grid-column: 1 / span 6; grid-row: 3;}

.sc-field-address2 {grid-column: 1 / span 6; grid-row: 4;}

.sc-field-city {grid-column: 1 / span 2; grid-row: 5;}

.sc-field-state {grid-column: 3 / span 2; grid-row: 5;}

.sc-field-zip {grid-column: 5 / span 2; grid-row: 5;}

.sc-field-country {grid-column: 1 / span 6; grid-row: 6;}

.sc-field-company {grid-column: 1 / span 6; grid-row: 7;}

.sc-field-vat {grid-column: 1 / span 6; grid-row: 8;}

.sc-field-county {grid-column: 1 / span 6; grid-row: 9;}

.sc-field-fax {grid-column: 1 / span 6; grid-row: 10;}

.sc-primary-title-row,
.primary-address-title {margin-bottom: 10px;}

.primary-address-title {font-size: 22px;
  line-height: 1.2;
  font-weight: 700;
  color: #221f1c;
  margin: 0 0 6px;}

.sc-primary-existing-address,
.sc-secondary-existing-address {margin-bottom: 14px;}

.secondary-address {margin-top: 14px;}

#UseSecondaryAddress {appearance: auto !important;
  -webkit-appearance: checkbox !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: static !important;
  accent-color: #d79a00;
  margin: 0 8px 0 0;
  cursor: pointer;
  vertical-align: middle;}

label[for="UseSecondaryAddress"] {display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  color: #3e3935;}

label[for="UseSecondaryAddress"]::before,
label[for="UseSecondaryAddress"]::after {display: none !important;}

.secondary-address-description {margin: 12px 0;}

.secondary-address-description-message {padding: 16px 18px;
  border: 1px solid #e9dfd6;
  border-radius: 16px;
  background: #fff;}

.secondary-address-info {margin: 0;
  padding: 0;
  list-style: none;}

.secondary-address-info li {margin: 0 0 6px;
  font-size: 13px;
  line-height: 1.45;
  color: #3e3935;}

.secondary-address-actions {display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  width: 100%;
  margin: 14px 0 20px;
  padding: 0;}

.secondary-address-save-button {min-width: 96px;
  height: 42px;
  padding: 0 18px;
  border-radius: 10px;
  background: #8e8983 !important;
  border: 1px solid #8e8983 !important;
  color: #fff !important;
  box-shadow: none !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.02em;}

.secondary-address-save-button:hover {background: #7d7872 !important;
  border-color: #7d7872 !important;}

.secondary-address-cancel-link {background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  min-width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #6f6963 !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: underline;
  cursor: pointer;}

.secondary-address-cancel-link:hover {color: #2f2a26 !important;
  text-decoration: none;}

#secondary-address-expand {width: 100%;
  margin-top: 10px;}

#simple-checkout-secondary-address-block {width: 100%;
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  box-shadow: none;}

#secondary-address-expand .secondary-address-actions {display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  margin: 14px 0 20px !important;
  padding: 0 !important;}

#secondary-address-expand .secondary-address-save-link,
#secondary-address-expand .secondary-address-cancel-link {appearance: none !important;
  -webkit-appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: auto !important;
  height: auto !important;
  line-height: 1.2 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  cursor: pointer !important;}

#secondary-address-expand .secondary-address-save-link {color: #4f4944 !important;}

#secondary-address-expand .secondary-address-cancel-link {color: #6f6963 !important;}

#secondary-address-expand .secondary-address-save-link:hover,
#secondary-address-expand .secondary-address-cancel-link:hover {color: #2f2a26 !important;
  text-decoration: none !important;}

.simple-checkout-page .page-body.simple-checkout-data,
.simple-checkout-page #form-fns-simplecheckout,
.simple-checkout-page .master-wrapper-content,
.simple-checkout-page .center-1,
.simple-checkout-page .page,
.simple-checkout-page .page-body {overflow: visible !important;}

@media (min-width: 1001px) {.simple-checkout-data {max-width: 1280px !important;}

.simple-checkout-page .sc-checkout-layout {display: grid !important;
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 32px !important;
    align-items: stretch !important;}

.simple-checkout-page .simple-checkout-data-left,
  .simple-checkout-page .simple-checkout-data-rigth {width: auto !important;
    float: none !important;
    margin: 0 !important;
    min-width: 0 !important;}

.simple-checkout-page .simple-checkout-data-rigth {position: relative !important;
    align-self: stretch !important;
    height: auto !important;}

.simple-checkout-page .checkout-sidebar-sticky {position: sticky !important;
    top: 20px !important;
    height: max-content !important;
    z-index: 20 !important;}

.simple-checkout-page .simple-checkout-order-summary-body {max-height: 430px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 8px !important;
    margin-bottom: 16px !important;}

.simple-checkout-page .simple-checkout-order-total {position: relative !important;
    background: #f7f4f1 !important;
    border-top: 1px solid #e7ddd5 !important;
    padding-top: 14px !important;
    margin-top: 0 !important;
    clear: both !important;
    width: 100% !important;
    z-index: 2 !important;}

.simple-checkout-page .simple-checkout-confirm {margin-top: 24px !important;}

.simple-checkout-page .simple-checkout-confirm .buttons,
  .simple-checkout-page .simple-checkout-confirm .buttons input,
  .simple-checkout-page .simple-checkout-confirm .buttons .button-1,
  .simple-checkout-page .simple-checkout-confirm .confirm-order-button {width: 100% !important;
    max-width: none !important;}}

@media (max-width: 1000px) {.simple-checkout-page .sc-checkout-layout {display: block !important;}

.simple-checkout-page .simple-checkout-data-left,
  .simple-checkout-page .simple-checkout-data-rigth {width: 100% !important;
    float: none !important;
    margin: 0 !important;}

.simple-checkout-page .simple-checkout-data-rigth,
  .simple-checkout-page .checkout-sidebar-sticky {position: static !important;
    top: auto !important;
    height: auto !important;}

.simple-checkout-page .simple-checkout-order-summary-body {max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;}

.simple-checkout-page .simple-checkout-order-total {border-top: 0 !important;
    padding-top: 0 !important;}}

.simple-checkout-page .shipping-method .method-list {display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;}

.simple-checkout-page .shipping-method .method-list li {width: 100% !important;
  margin: 0 !important;
  padding: 18px 18px 18px 54px !important;
  border: 1px solid #eadfd6 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .2s ease !important;
  box-sizing: border-box !important;
  list-style: none !important;}

.simple-checkout-page .shipping-method .method-list li:hover {border-color: #d8cfc4 !important;
  background: #fff !important;
  box-shadow: 0 8px 20px rgba(17,17,17,.04) !important;
  transform: translateY(-1px);}

.simple-checkout-page .shipping-method .method-list li:has(input[type="radio"]:checked) {border-color: #e49a12 !important;
  background: #fff8ee !important;
  box-shadow: 0 0 0 4px rgba(228,154,18,.10) !important;}

.simple-checkout-page .shipping-method .method-list li label {color: #1f1f1f !important;
  font-size: 14px !important;
  font-weight: 700 !important;}

.simple-checkout-page .shipping-method .method-description {color: #6f6a63 !important;}

.simple-checkout-page .payment-method .payment-block {padding: 12px !important;
  border-radius: 18px !important;}

.simple-checkout-page .payment-method .method-list {list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;}

.simple-checkout-page .payment-method .method-list > li,
.simple-checkout-page .payment-method .method-list .payment-method-item,
.simple-checkout-page .payment-method .method-list .payment-method-item.pm-financing {position: relative !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  grid-column: auto !important;
  overflow: visible !important;}

.simple-checkout-page .payment-method .payment-method-item .method-name,
.simple-checkout-page .payment-method .method-list > li .method-name {position: relative !important;
  display: block !important;
  width: auto !important;
  margin: 0 !important;
  float: none !important;}

.simple-checkout-page .payment-method .payment-method-item .payment-details {display: block !important;}

.simple-checkout-page .payment-method input[type="radio"] {position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;}

.simple-checkout-page .payment-method .method-list li label.payment-method-card {position: relative !important;
  display: grid !important;
  grid-template-columns: 60px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 12px !important;
  width: 100% !important;
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid #e7ddd5 !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  text-align: left !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transform: none !important;
  transition: border-color .18s ease, background-color .18s ease !important;}

.simple-checkout-page .payment-method .method-list li label.payment-method-card::before,
.simple-checkout-page .payment-method .method-list li label.payment-method-card::after {display: none !important;
  content: none !important;}

.simple-checkout-page .payment-method .method-list li:hover label.payment-method-card {border-color: #dfc7aa !important;
  background: #fffdf9 !important;
  box-shadow: none !important;
  transform: none !important;}

.simple-checkout-page .payment-method .method-list li:has(input[type="radio"]:checked) label.payment-method-card {border-color: #efc61a !important;
  background: #fffaf0 !important;
  box-shadow: none !important;
  transform: none !important;}

.simple-checkout-page .payment-method .method-list li:has(input[type="radio"]:checked) label.payment-method-card {background-image: linear-gradient(transparent, transparent) !important;}

.simple-checkout-page .payment-method .payment-logo {grid-column: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 60px !important;
  min-width: 60px !important;
  max-width: 60px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;}

.simple-checkout-page .payment-method .payment-logo img {display: block !important;
  max-width: 100% !important;
  max-height: 24px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;}

.simple-checkout-page .payment-method .payment-method-item.pm-synchrony .payment-logo img,
.simple-checkout-page .payment-method .payment-method-item.pm-financing .payment-logo img {max-height: 20px !important;}

.simple-checkout-page .payment-method .payment-copy {grid-column: 2 !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;}

.simple-checkout-page .payment-method .payment-title-row {display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  min-height: 18px !important;
  width: 100% !important;}

.simple-checkout-page .payment-method .payment-main-title {display: block !important;
  width: 100% !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #1f1f1f !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;}

.simple-checkout-page .payment-method .payment-subtitle,
.simple-checkout-page .payment-method .payment-fee,
.simple-checkout-page .payment-method .payment-note {display: none !important;}

.simple-checkout-page .payment-method .payment-method-card:hover,
.simple-checkout-page .payment-method .payment-method-card:focus,
.simple-checkout-page .payment-method .payment-method-item input[type="radio"]:checked + .payment-method-card {box-shadow: none !important;
  transform: none !important;}

@media (max-width: 1000px) {.simple-checkout-page .payment-method .method-list {grid-template-columns: 1fr !important;}

.simple-checkout-page .payment-method .method-list li label.payment-method-card {height: 56px !important;
    min-height: 56px !important;}

.simple-checkout-page .payment-method .payment-main-title {white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;}}

.payment-topic-modal,
.topic-popup,
.ui-widget-overlay,
.ui-dialog-overlay,
.modal-backdrop {position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;}

.payment-topic-modal .payment-topic-content,
.payment-topic-modal .topic-content,
.ui-dialog.payment-topic-modal,
.ui-dialog,
.topic-popup .topic-content {position: fixed !important;
  z-index: 1000000 !important;}

.payment-topic-modal .payment-topic-content {top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(720px, calc(100vw - 32px)) !important;
  max-width: 720px !important;
  max-height: 88vh !important;
  overflow: hidden !important;
  background: #fff !important;
  border-radius: 24px !important;}

.payment-topic-modal .m-body {max-height: calc(88vh - 110px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch !important;}

.simple-checkout-page .checkout-sidebar-sticky,
.simple-checkout-page .simple-checkout-data-rigth,
.simple-checkout-page .simple-checkout-order-total,
.simple-checkout-page .simple-checkout-order-summary-body {z-index: auto !important;}

.simple-checkout-page .master-wrapper-content,
.simple-checkout-page .center-1,
.simple-checkout-page .page,
.simple-checkout-page .page-body,
.simple-checkout-page,
.simple-checkout-page .sc-checkout-layout,
.simple-checkout-page .simple-checkout-data-left,
.simple-checkout-page .simple-checkout-data-rigth {transform: none !important;}

.simple-checkout-page .checkout-login-block,
.simple-checkout-page .login-to-existing-account {margin-bottom: 18px !important;
  font-size: 14px !important;
  color: #5f5a54 !important;}

.simple-checkout-page .use-secondary-address {display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 18px 0 20px !important;
  line-height: 1 !important;}

.simple-checkout-page .inputs.secondary-address .sc-secondary-inline {display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 18px 0 18px !important;}

.simple-checkout-page .inputs.secondary-address .sc-secondary-inline input#UseSecondaryAddress {margin: 0 !important;
  transform: translateY(1px) !important;}

.simple-checkout-page .inputs.secondary-address .sc-secondary-inline label[for="UseSecondaryAddress"] {margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
  line-height: 1.2 !important;}

.simple-checkout-page .inputs.secondary-address .sc-secondary-inline .ico-help {margin-left: 2px !important;}

.simple-checkout-page .inputs.secondary-address {margin-bottom: 14px !important;}

.simple-checkout-page .sc-checkout-layout,
.simple-checkout-page .simple-checkout-data-left,
.simple-checkout-page .simple-checkout-data-rigth,
.simple-checkout-page .checkout-sidebar-sticky,
.simple-checkout-page .simple-checkout-order-summary-body,
.simple-checkout-page .simple-checkout-order-total {box-sizing: border-box;}

.simple-checkout-page .checkout-buttons-desktop {display: block;}

.simple-checkout-page .checkout-buttons-mobile {display: none;}

@media (min-width: 1001px) {.simple-checkout-page .checkout-buttons-desktop {display: block !important;}

.simple-checkout-page .checkout-buttons-mobile {display: none !important;}}

@media (max-width: 1000px) {.simple-checkout-page .sc-checkout-layout {display: block !important;}

.simple-checkout-page .simple-checkout-data-left,
  .simple-checkout-page .simple-checkout-data-rigth {float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    clear: both !important;}

.simple-checkout-page .simple-checkout-data-rigth {margin-top: 18px !important;}

.simple-checkout-page .checkout-sidebar-sticky {position: static !important;
    top: auto !important;}

.simple-checkout-page .simple-checkout-order-summary-body,
  .simple-checkout-page .simple-checkout-order-total {width: 100% !important;
    max-width: 100% !important;
    clear: both !important;}

.simple-checkout-page .checkout-buttons-desktop {display: none !important;}

.simple-checkout-page .checkout-buttons-mobile {display: block !important;
    width: 100% !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    clear: both !important;}

.simple-checkout-page .checkout-buttons-mobile .confirm-order-button,
  .simple-checkout-page .checkout-buttons-mobile .button-1,
  .simple-checkout-page #mobile-place-order-trigger {display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 14px !important;
    box-sizing: border-box !important;}

.simple-checkout-page .simple-checkout-confirm {margin-bottom: 0 !important;}

.simple-checkout-page .simple-checkout-confirm .buttons {margin-bottom: 0 !important;}

.simple-checkout-page .simple-checkout-order-total {margin-bottom: 0 !important;}}

@media (max-width: 767px) {.category-page .product-selectors {display: grid !important;
    grid-template-columns: 30% 45% 25% !important;
    gap: 8px !important;
    align-items: stretch !important;
    margin: 10px 0 12px !important;}

.category-page .product-selectors .product-sorting,
  .category-page .product-selectors .product-page-size,
  .category-page .product-selectors .filter-button,
  .category-page .product-selectors .filters-button {width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;}

.category-page .product-selectors .product-sorting span,
  .category-page .product-selectors .product-page-size span,
  .category-page .product-selectors label {display: none !important;}

.category-page .product-selectors .filter-button,
  .category-page .product-selectors .filters-button,
  .category-page .product-selectors select {height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    font-size: 12px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;}

.category-page .product-selectors .filter-button,
  .category-page .product-selectors .filters-button {display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 8px !important;
    line-height: 1 !important;}

.category-page .product-selectors select {width: 100% !important;
    padding: 0 24px 0 8px !important;
    line-height: normal !important;}}

@media (max-width: 767px) {.category-page .page-title {margin: 0 0 10px !important;}

.category-page .page-title h1 {margin: 0 !important;}

.category-page .category-description {margin: 0 0 14px !important;}

.category-page .category-description p:last-child {margin-bottom: 0 !important;}

.category-page .category-description img,
  .category-page .category-description .category-banner,
  .category-page .category-description a {margin-top: 0 !important;}}

@media (max-width: 767px) {.category-page .page-title h1 {font-size: 36px !important;
    line-height: 1.15 !important;
    margin: 0 !important;}

.category-page .page-title {margin-bottom: 8px !important;}}

@media (max-width: 768px) {.product-item .product-title {overflow: hidden !important;}

.product-item .product-title a {display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    font-size: 15px !important;
    line-height: 1.1 !important;
    letter-spacing: -0.25px !important;
    max-height: 2.2em !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;}}

.productTabs-body .data-table table,
.product-essential .data-table table,
table.specs-table {width: 100%;
  border-collapse: collapse;
  background: #fff;}

.productTabs-body .data-table td,
.productTabs-body .data-table th,
.product-essential .data-table td,
.product-essential .data-table th,
table.specs-table td,
table.specs-table th {padding: 14px 16px;
  vertical-align: top;
  border-bottom: 1px solid #e9e9e9;
  line-height: 1.6;}

.productTabs-body .data-table th,
.product-essential .data-table th,
table.specs-table th {width: 40%;
  font-weight: 600;
  color: #222;
  background: #fafafa;}

.productTabs-body .data-table td,
.product-essential .data-table td,
table.specs-table td {color: #333;
  background: #fff;}

.productTabs-body .data-table tr:last-child td,
.productTabs-body .data-table tr:last-child th,
.product-essential .data-table tr:last-child td,
.product-essential .data-table tr:last-child th,
table.specs-table tr:last-child td,
table.specs-table tr:last-child th {border-bottom: none;}

.productTabs-body .full-description img,
.product-essential .full-description img,
.specifications img {display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto 22px;
  border-radius: 8px;}

.productTabs-body .data-table td p,
.product-essential .data-table td p,
table.specs-table td p {margin: 0 0 8px;}

.productTabs-body .data-table td p:last-child,
.product-essential .data-table td p:last-child,
table.specs-table td p:last-child {margin-bottom: 0;}

.productTabs-body .data-table td a[href*="speaker-wattage-explained"],
.productTabs-body .data-table td a[href*="watt-loa-karaoke-la-gi"],
.product-essential .data-table td a[href*="speaker-wattage-explained"],
.product-essential .data-table td a[href*="watt-loa-karaoke-la-gi"],
table.specs-table td a[href*="speaker-wattage-explained"],
table.specs-table td a[href*="watt-loa-karaoke-la-gi"] {color: #1f6fb2;
  text-decoration: none;
  font-weight: 500;}

.productTabs-body .data-table td a[href*="speaker-wattage-explained"]:hover,
.productTabs-body .data-table td a[href*="watt-loa-karaoke-la-gi"]:hover,
.product-essential .data-table td a[href*="speaker-wattage-explained"]:hover,
.product-essential .data-table td a[href*="watt-loa-karaoke-la-gi"]:hover,
table.specs-table td a[href*="speaker-wattage-explained"]:hover,
table.specs-table td a[href*="watt-loa-karaoke-la-gi"]:hover {text-decoration: underline;}

@media (max-width: 768px) {.productTabs-body .data-table td,
  .productTabs-body .data-table th,
  .product-essential .data-table td,
  .product-essential .data-table th,
  table.specs-table td,
  table.specs-table th {padding: 10px 10px;
    font-size: 13px;
    line-height: 1.45;}

.productTabs-body .data-table th,
  .product-essential .data-table th,
  table.specs-table th {width: 42%;}

.productTabs-body .data-table td p,
  .product-essential .data-table td p,
  table.specs-table td p {margin: 0 0 6px;}}

.product-policy-tab {max-width: 820px;
  margin: 0 auto;
  padding: 10px 0 20px;
  color: #222;
  line-height: 1.7;
  font-size: 15px;}

.product-policy-tab .policy-intro {margin: 0 0 28px;
  text-align: center;
  font-size: 17px;
  line-height: 1.8;}

.product-policy-tab .policy-section {margin: 0 0 28px;
  padding-top: 18px;
  border-top: 1px solid #e8e8e8;}

.product-policy-tab .policy-section:first-of-type {border-top: 0;
  padding-top: 0;}

.product-policy-tab h3 {margin: 0 0 12px;
  font-size: 22px;
  line-height: 1.3;
  font-weight: 700;
  color: #111;}

.product-policy-tab p {margin: 0 0 12px;}

.product-policy-tab ul {margin: 0;
  padding-left: 22px;}

.product-policy-tab li {margin: 0 0 8px;}

.product-policy-tab .policy-contact {margin-top: 30px;
  padding-top: 18px;
  border-top: 1px solid #e8e8e8;
  text-align: center;}

@media (max-width: 768px) {.product-policy-tab {max-width: 100%;
    padding: 0;
    font-size: 14px;
    line-height: 1.65;}

.product-policy-tab .policy-intro {text-align: left;
    font-size: 15px;
    margin-bottom: 22px;}

.product-policy-tab .policy-section {margin-bottom: 22px;
    padding-top: 16px;}

.product-policy-tab h3 {font-size: 18px;
    margin-bottom: 10px;}

.product-policy-tab ul {padding-left: 18px;}

.product-policy-tab li {margin-bottom: 7px;}

.product-policy-tab .policy-contact {text-align: left;
    margin-top: 24px;
    padding-top: 16px;}}

@media (max-width: 767px) {#quickTabs .productTabs-body {margin-top: 8px;
    border-top: 1px solid #ececec;
    background: #fff;}

#quickTabs .productTabs-body .accordion-item {margin: 0;
    border: 0;
    background: #fff;}

#quickTabs .productTabs-body .accordion-title {position: relative;
    margin: 0 !important;
    padding: 18px 44px 18px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid #ececec !important;
    background: #fff !important;
    color: #222 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    cursor: pointer;}

#quickTabs .productTabs-body .accordion-title,
  #quickTabs .productTabs-body .accordion-title a,
  #quickTabs .productTabs-body .accordion-title span,
  #quickTabs .productTabs-body .accordion-title strong {color: #222 !important;
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;}

#quickTabs .productTabs-body .accordion-title::before,
  #quickTabs .productTabs-body .accordion-title a::before,
  #quickTabs .productTabs-body .accordion-title span::before {display: none !important;
    content: none !important;}

#quickTabs .productTabs-body .accordion-title::after {content: "";
    position: absolute;
    top: 50%;
    right: 18px;
    width: 11px;
    height: 11px;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    transform: translateY(-65%) rotate(45deg);
    transition: transform .2s ease, border-color .2s ease;}

#quickTabs .productTabs-body .accordion-item.open > .accordion-title {color: #111 !important;
    background: #fff !important;}

#quickTabs .productTabs-body .accordion-item.open > .accordion-title::after {transform: translateY(-35%) rotate(-135deg);
    border-color: #222;}

#quickTabs .productTabs-body .accordion-item > .ui-tabs-panel {margin: 0 !important;
    padding: 18px 16px 22px !important;
    border: 0 !important;
    border-bottom: 1px solid #ececec !important;
    background: #fff !important;
    box-shadow: none !important;}

#quickTabs .productTabs-body .full-description,
  #quickTabs .productTabs-body .product-specs-box {margin: 0 !important;
    padding: 0 !important;}

#quickTabs .productTabs-body .ui-tabs-panel h2,
  #quickTabs .productTabs-body .ui-tabs-panel h3,
  #quickTabs .productTabs-body .ui-tabs-panel h4 {margin-top: 0 !important;}}

#quickTabs .moreless-content-btn,
.product-details-page .moreless-content-btn,
button.moreless-content-btn.btn.btn-primary {display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 40px !important;
  padding: 0 18px !important;
  border: 1px solid #b8b8b8 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #333 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;}

#quickTabs .moreless-content-btn:hover,
.product-details-page .moreless-content-btn:hover,
button.moreless-content-btn.btn.btn-primary:hover {background: #f7f7f7 !important;
  border-color: #a7a7a7 !important;
  color: #111 !important;}

#quickTabs .moreless-content-btn:focus,
.product-details-page .moreless-content-btn:focus,
button.moreless-content-btn.btn.btn-primary:focus {outline: none !important;
  box-shadow: 0 0 0 2px rgba(0,0,0,.08) !important;}

@media (max-width: 767px) {#quickTabs .moreless-content-btn,
  .product-details-page .moreless-content-btn,
  button.moreless-content-btn.btn.btn-primary {min-height: 36px !important;
    padding: 0 16px !important;
    font-size: 14px !important;}}

.header-upper .language-selector.desktop {display: inline-block;
    vertical-align: middle;
    margin-left: 10px;}

.header-upper .language-selector.desktop .language-switch {display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    vertical-align: middle;}

.header-upper .language-selector.desktop .language-link,
.header-upper .language-selector.desktop .language-link:visited {display: inline-block;
    color: rgba(255, 255, 255, 0.78) !important;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    letter-spacing: 0.03em;}

.header-upper .language-selector.desktop .language-link:hover,
.header-upper .language-selector.desktop .language-link:focus {color: #ffffff !important;
    text-decoration: none;}

.header-upper .language-selector.desktop .language-link.active,
.header-upper .language-selector.desktop .language-link.active:visited {color: #ffffff !important;
    font-weight: 700;}

.header-upper .language-selector.desktop .language-separator {color: rgba(255, 255, 255, 0.45) !important;
    font-size: 11px;
    line-height: 1;}

.header-upper .header-selectors-wrapper .html-widget,
.header-upper .header-selectors-wrapper .html-widget a {line-height: 30px;
    vertical-align: middle;}

.header-upper .language-selector.desktop {vertical-align: middle;}

@media (max-width: 1024px) {.header-upper .language-selector.desktop {display: none !important;}

.header-upper .language-selector.mobile,
    .header-upper .language-selector.mobile.mobile-selector {display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 100%;
        text-align: center;
        padding: 6px 0 7px;
        border-top: 1px solid rgba(255, 255, 255, 0.12);
        margin-top: 4px;
        clear: both;}

.header-upper .language-selector.mobile .mobile-language-switch {display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 6px;
        white-space: nowrap;}

.header-upper .language-selector.mobile .language-link,
    .header-upper .language-selector.mobile .language-link:visited {display: inline-block !important;
        color: rgba(255, 255, 255, 0.78) !important;
        font-size: 12px;
        font-weight: 500;
        line-height: 1;
        text-decoration: none;
        letter-spacing: 0.03em;}

.header-upper .language-selector.mobile .language-link.active,
    .header-upper .language-selector.mobile .language-link.active:visited {color: #ffffff !important;
        font-weight: 700;}

.header-upper .language-selector.mobile .language-separator {color: rgba(255, 255, 255, 0.45) !important;
        font-size: 11px;
        line-height: 1;}}

@media (max-width: 1024px) {.header-upper,
    .header-upper .header-selectors-wrapper {height: auto !important;
        overflow: visible !important;}

.header-upper .header-selectors-wrapper {display: block !important;
        text-align: center;}}

@media (max-width: 1024px) {.responsive-inner-tel-wrap {display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important; 
        padding: 8px 15px !important;
        background: #000;
        width: 100%;
        box-sizing: border-box;}

.responsive-inner-tel-wrap .tel-number span {font-size: 11px !important;}

.responsive-inner-tel-wrap .language-link {color: rgba(255, 255, 255, 0.7) !important;
        font-size: 13px !important;
        text-decoration: none !important;
        line-height: 1 !important;}

.responsive-inner-tel-wrap .language-link.active {color: #ffffff !important;
        font-weight: 700 !important;}

.responsive-inner-tel-wrap .language-separator {color: rgba(255, 255, 255, 0.5) !important;
        margin: 0 6px !important;}}

@media (max-width: 1024px) {.responsive-inner-tel-wrap {display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important; 
        padding: 8px 15px !important;
        background: #000;
        width: 100%;
        box-sizing: border-box;}

.responsive-inner-tel-wrap .tel-number span {font-size: 11px !important;}

.responsive-inner-tel-wrap .language-link {color: rgba(255, 255, 255, 0.7) !important;
        font-size: 13px !important;
        text-decoration: none !important;
        line-height: 1 !important;
        display: inline-block !important;}

.responsive-inner-tel-wrap .language-link.active {color: #ffffff !important;
        font-weight: 700 !important;}

.responsive-inner-tel-wrap .language-separator {color: rgba(255, 255, 255, 0.5) !important;
        margin: 0 6px !important;
        display: inline-block !important;}}

@media (max-width: 1024px) {.responsive-inner-tel-wrap {display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important; 
        
        padding: 10px 12px !important; 
        background: #000;
        width: 100%;
        box-sizing: border-box;}

.responsive-inner-tel-wrap .tel-number span {font-size: 13px !important; 
        
        letter-spacing: 0.3px !important;}

.responsive-inner-tel-wrap .phone-group {gap: 8px !important;}

.responsive-inner-tel-wrap .language-link {color: rgba(255, 255, 255, 0.7) !important;
        
        font-size: 13px !important; 
        text-decoration: none !important;
        line-height: 1 !important;
        display: inline-block !important;}

.responsive-inner-tel-wrap .language-link.active {color: #ffffff !important;
        font-weight: 700 !important;}

.responsive-inner-tel-wrap .language-separator {color: rgba(255, 255, 255, 0.5) !important;
        margin: 0 6px !important;
        display: inline-block !important;}}

@media (max-width: 1024px) {.responsive-inner-tel-wrap {display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important; 
        padding: 10px 12px !important; 
        background: #000;
        width: 100%;
        box-sizing: border-box;
        
        
        opacity: 0; 
        visibility: hidden;
        transition: opacity 0.3s ease-in-out;}

.responsive-inner-tel-wrap.is-ready {opacity: 1 !important;
        visibility: visible !important;}

.responsive-inner-tel-wrap .tel-number span {font-size: 13px !important; letter-spacing: 0.3px !important;}

.responsive-inner-tel-wrap .phone-group {gap: 8px !important;}

.responsive-inner-tel-wrap .language-link {color: rgba(255, 255, 255, 0.7) !important; font-size: 13px !important; text-decoration: none !important; line-height: 1 !important; display: inline-block !important;}

.responsive-inner-tel-wrap .language-link.active {color: #ffffff !important; font-weight: 700 !important;}

.responsive-inner-tel-wrap .language-separator {color: rgba(255, 255, 255, 0.5) !important; margin: 0 6px !important; display: inline-block !important;}}

@media (max-width: 1024px) {.responsive-inner-tel-wrap {padding: 10px 20px !important;}

.responsive-inner-tel-wrap .language-link {padding: 8px 6px !important; 
        
        margin: -8px 0 !important;}}

.responsive-inner-tel-wrap .language-link {padding: 8px 10px !important; 
        
        margin: -8px -4px !important; 
        
        
        color: rgba(255, 255, 255, 0.7) !important;
        font-size: 13px !important; 
        text-decoration: none !important;
        line-height: 1 !important;
        display: inline-block !important;}

}


.snc-question-answer-list.qa-simple-section {margin: 34px 0 10px;
    text-align: left;}

.qa-simple-header {margin-bottom: 22px;}

.qa-simple-title {margin: 0;
    font-size: 28px;
    line-height: 1.25;
    font-weight: 700;
    color: #222222;
    text-align: left;}

.product-question-answer-list.qa-simple-list {width: 100%;
    text-align: left;}

.qa-simple-item {padding: 24px 0 22px;
    border-bottom: 1px solid #ececec;
    text-align: left;}

.qa-simple-item:first-child {padding-top: 8px;}

.qa-simple-question {margin: 0 0 14px;
    text-align: left;}

.qa-simple-question .qa-simple-prefix {display: inline-block;
    margin-right: 8px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
    color: #222222;
    vertical-align: top;}

.qa-simple-question-link {display: inline;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
    color: #222222;
    text-decoration: none;
    transition: color 0.2s ease;}

.qa-simple-question-link:hover {color: #f68c28;
    text-decoration: none;}

.qa-simple-answers {margin-left: 22px;
    text-align: left;}

.qa-simple-answer {margin-top: 14px;
    text-align: left;}

.qa-simple-answer:first-child {margin-top: 0;}

.qa-simple-answer-text {font-size: 15px;
    line-height: 1.75;
    color: #333333;
    text-align: left;}

.qa-simple-answer-text .qa-simple-prefix {display: inline-block;
    margin-right: 8px;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 700;
    color: #333333;
    vertical-align: top;}

.qa-simple-meta {margin-top: 5px;
    margin-left: 26px;
    font-size: 13px;
    line-height: 1.5;
    color: #7a7a7a;
    text-align: left;}

.qa-simple-meta a {color: #7a7a7a;
    text-decoration: none;
    transition: color 0.2s ease;}

.qa-simple-meta a:hover {color: #f68c28;
    text-decoration: none;}

.qa-simple-actions {padding-top: 24px;
    text-align: left;}

.qa-simple-show-more {display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid #d8d8d8;
    border-radius: 999px;
    background: #ffffff;
    font-size: 14px;
    font-weight: 600;
    color: #333333;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;}

.qa-simple-show-more:hover {border-color: #f68c28;
    color: #f68c28;
    background: #fff9f3;
    text-decoration: none;}

.snc-question-answer-list.qa-simple-section,
.snc-question-answer-list.qa-simple-section * {text-align: left;}

@media (max-width: 767px) {.snc-question-answer-list.qa-simple-section {margin: 24px 0 8px;}

.qa-simple-header {margin-bottom: 16px;}

.qa-simple-title {font-size: 24px;}

.qa-simple-item {padding: 18px 0;}

.qa-simple-question .qa-simple-prefix {font-size: 16px;
        margin-right: 6px;}

.qa-simple-question-link {font-size: 17px;
        line-height: 1.45;}

.qa-simple-answers {margin-left: 0;}

.qa-simple-answer {margin-top: 12px;}

.qa-simple-answer-text {font-size: 14px;
        line-height: 1.7;}

.qa-simple-answer-text .qa-simple-prefix {font-size: 14px;
        margin-right: 6px;}

.qa-simple-meta {margin-left: 0;
        font-size: 12px;}

.qa-simple-show-more {width: 100%;}}

#Questions.product-questionanswer {text-align: left;}

#Questions.product-questionanswer .snc-ask-a-question-box {margin-bottom: 10px;}

#Questions.product-questionanswer .snc-ask-a-question-box .title {margin-bottom: 6px;}

#Questions.product-questionanswer .snc-ask-a-question-box .title strong {font-size: 28px;
    line-height: 1.25;
    font-weight: 700;
    color: #222222;}

#Questions.product-questionanswer .qa-ask-disclaimer {margin: 0 0 14px;
    font-size: 14px;
    line-height: 1.6;
    color: #666666;}

#Questions.product-questionanswer .qa-ask-row {display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 28px;
    padding-bottom: 14px;
    border-bottom: 1px solid #f1f1f1;}

#Questions.product-questionanswer .qa-ask-input-wrap {flex: 1 1 auto;
    width: auto;
    margin: 0;}

#Questions.product-questionanswer .qa-ask-input {width: 100%;
    height: 48px;
    min-height: 48px;
    padding: 0 16px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    background: #ffffff;
    font-size: 15px;
    line-height: 1.4;
    color: #333333;
    box-sizing: border-box;
    box-shadow: none;}

#Questions.product-questionanswer .qa-ask-input:focus {border-color: #f68c28;
    outline: none;
    box-shadow: 0 0 0 3px rgba(246, 140, 40, 0.08);}

#Questions.product-questionanswer .qa-ask-button-wrap {flex: 0 0 auto;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;}

#Questions.product-questionanswer .qa-ask-button {display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    height: 48px;
    padding: 0 18px;
    border: 1px solid #d8d8d8;
    border-radius: 10px;
    background: #ffffff;
    color: #333333;
    font-size: 15px;
    font-weight: 600;
    line-height: 46px;
    cursor: pointer;
    box-sizing: border-box;
    transition: all .2s ease;}

#Questions.product-questionanswer .qa-ask-button:hover {border-color: #f68c28;
    background: #fff9f3;
    color: #f68c28;}

@media (max-width: 767px) {#Questions.product-questionanswer .snc-ask-a-question-box .title strong {font-size: 24px;}

#Questions.product-questionanswer .qa-ask-disclaimer {font-size: 13px;
        line-height: 1.55;}

#Questions.product-questionanswer .qa-ask-row {display: block;}

#Questions.product-questionanswer .qa-ask-button-wrap {margin-top: 12px;}

#Questions.product-questionanswer .qa-ask-button {width: 100%;
        min-width: 0;}}

.page.category-page.sub .category-description {margin-bottom: 12px;}

.page.category-page.sub .category-description .category-intro {margin: 0 auto 22px;}

.page.category-page.sub .category-description img,
.page.category-page.sub .slider-wrapper,
.page.category-page.sub .category-banner {margin-bottom: 28px;}

.page.category-page.sub .jCarouselMainWrapper {margin-bottom: 30px;}

.page.category-page.sub .product-selectors {margin-top: 6px;
    margin-bottom: 26px;
    padding-top: 2px;}

.page.category-page.sub .product-selectors .product-sorting,
.page.category-page.sub .product-selectors .product-page-size,
.page.category-page.sub .product-selectors .product-viewmode {margin-bottom: 0;}

.page.category-page.sub .product-selectors span,
.page.category-page.sub .product-selectors label {font-size: 12px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #666;}

.page.category-page.sub .product-selectors select {min-height: 38px;
    padding: 0 34px 0 12px;
    border: 1px solid #e6e1d8;
    border-radius: 8px;
    background-color: #faf8f4;
    color: #333;
    font-size: 14px;}

.page.category-page.sub .product-selectors .product-viewmode a {width: 34px;
    height: 34px;
    border: 1px solid #e6e1d8;
    border-radius: 8px;
    background-color: #faf8f4;}

.page.category-page.sub .product-selectors .product-viewmode a:hover,
.page.category-page.sub .product-selectors .product-viewmode a.selected {border-color: #d9cfbf;
    background-color: #f3eee7;}

@media (max-width: 767px) {.page.category-page.sub .category-description .category-intro {margin-bottom: 16px;}

.page.category-page.sub .category-description img,
    .page.category-page.sub .slider-wrapper,
    .page.category-page.sub .category-banner {margin-bottom: 18px;}

.page.category-page.sub .jCarouselMainWrapper {margin-bottom: 20px;}

.page.category-page.sub .product-selectors {margin-top: 2px;
        margin-bottom: 18px;}

.page.category-page.sub .product-selectors span,
    .page.category-page.sub .product-selectors label {font-size: 11px;
        letter-spacing: .04em;}

.page.category-page.sub .product-selectors select {min-height: 36px;
        font-size: 13px;
        padding: 0 30px 0 10px;}

.page.category-page.sub .product-selectors .product-viewmode a {width: 32px;
        height: 32px;}}

.page.category-page.sub .jCarouselMainWrapper {margin-bottom: 30px !important;}

.page.category-page.sub .nop-jcarousel.category-grid.sub-category-grid {margin-bottom: 0 !important;}

.page.category-page.sub .product-selectors {margin-top: 0 !important;
    margin-bottom: 22px !important;
    padding-top: 0 !important;}

@media (min-width: 1001px) {.category-navigation-list .has-sublist.with-dropdown-in-grid.mobile-hide-menu .dropdown.categories .box .title {text-align: center !important;}

.category-navigation-list .has-sublist.with-dropdown-in-grid.mobile-hide-menu .dropdown.categories .box .title a {display: block !important;
        width: 100% !important;
        text-align: center !important;}

.category-navigation-list .has-sublist.with-dropdown-in-grid.mobile-hide-menu .dropdown.categories .box .title a span {display: block !important;
        width: 100% !important;
        text-align: center !important;}}

@media (min-width: 1001px) {.dropdown.categories.fullWidth .box .title a span {display: block !important;
        width: 100% !important;
        text-align: center !important;
        color: #2b2b2b !important;
        font-weight: 600 !important;
        letter-spacing: 0.2px;
        transition: color .2s ease;}

.dropdown.categories.fullWidth .box .title a:hover span {color: #c97822 !important;}}

.home-page .spc .category-title a,
.home-page .spc .category-title a:visited {color: #4a4038 !important; 
    font-weight: 700;
    letter-spacing: 0.2px;}

.home-page .spc .category-title a:hover,
.home-page .spc .category-title a:focus {color: #6b5848 !important;
    text-decoration: none;}

.home-page .spc .spc-header .title {color: #b5aea8 !important;
    font-weight: 600;
    letter-spacing: 1.2px;}

.home-page .spc .category-products ul.navigation li.tab > span {color: #b5aea8 !important;
    font-weight: 600 !important;
    letter-spacing: 1.2px !important;}

.home-page .spc .category-products ul.navigation li.tab.active > span,
.home-page .spc .category-products ul.navigation li.tab:hover > span {color: #4a4038 !important;}

.product-prices-box .old-product-price {color: #9a948d !important;}

.product-prices-box .old-product-price span:last-child {text-decoration: line-through !important;
    text-decoration-thickness: 1px !important;
    text-decoration-color: #9a948d !important;}

.product-helper-lines {margin: 12px 0 14px;
    font-size: 15px;
    line-height: 1.5;
    color: #444;
    text-align: left;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: break-word;}

.product-helper-lines .line {margin-bottom: 4px;
    display: block;}

.product-helper-lines .line::before {content: "✓";
    margin-right: 6px;
    color: #5e8f3b;
    font-weight: 700;}

@media (max-width: 768px) {.product-helper-lines {font-size: 15px;
        line-height: 1.5;
        margin: 10px 0 12px;
        text-align: left;}

.product-helper-lines .line {margin-bottom: 3px;}}

.footer-store-address {margin-top: 14px;
    color: #444;
    font-size: 14px;
    line-height: 1.7;}

.footer-showroom-title {font-size: 15px;
    font-weight: 600;
    color: #222;
    margin-bottom: 8px;}

.footer-address-lines {margin-bottom: 10px;}

.footer-phone-lines div {margin-bottom: 4px;}

.footer-phone-lines a {color: #444;
    text-decoration: none;}

.footer-phone-lines a:hover {color: #c78b42;}

.footer-logo img {max-width: 160px;
    height: auto;}

.footer-logo {margin-bottom: 14px;}

.old-product-price {margin-bottom: 2px;}

.old-product-price span {font-size: 18px;
    color: #9b9b9b;
    text-decoration: line-through;
    font-weight: 400;}

@media (max-width: 767px) {.product-prices-box {border-top: 1px solid #f1ede7;
        margin-top: 16px;
        padding-top: 16px;}}

.spc-categories .category-sublist li a {font-weight: 500;
    color: #6f6a66;}

.spc-categories .category-sublist li a:hover {color: #4a4038;}

.spc-categories .category-products .navigation .tab span {font-weight: 600;
    color: #8e847c;
    letter-spacing: 0.04em;}

.spc-categories .category-products .navigation .tab.active span {color: #4a4038;}

.home-page .spc-categories .spc-body .category-products .navigation li.tab span,
.home-page .spc-categories .spc-body .category-products .navigation li.tab.active span {font-weight: 600 !important;}

.home-page .spc-categories .spc-body .category-products .navigation li.tab.active span {font-weight: 700 !important;
    color: #4a4038 !important;}

.home-page .spc-categories .spc-body .category-products .navigation li.tab:not(.active) span {color: #8e847c !important;}

@media all and (max-width: 768px) {.spc .mobile-navigation {display: none !important;}

.spc .navigation {display: block !important;
        white-space: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none;
        padding-bottom: 8px;
        margin-bottom: 10px;}

.spc .navigation::-webkit-scrollbar {display: none;}

.spc .navigation .tab {display: inline-block !important;
        float: none !important;
        vertical-align: top;
        margin-right: 18px !important;}}

@media all and (max-width: 768px) {.spc .navigation .tab {margin-right: -5px !important;}}

.spc .product-item .ribbon-wrapper .ribbon-position.top-left img {width: 55px !important;
    height: auto !important;}

@media all and (min-width: 769px) {.home-page .spc .item-box .product-item {align-items: flex-start !important;}

.home-page .spc .item-box .details {position: relative;
        top: 12px;
        padding-top: 0 !important;}

.home-page .spc .item-box .product-title {margin-top: 0 !important;}}

.karaoke-trust-section {padding: 56px 0;
  background: #faf8f4;}

.karaoke-trust-section .trust-container {width: min(1240px, calc(100% - 40px));
  margin: 0 auto;}

.karaoke-trust-section .trust-header {text-align: center;
  max-width: 720px;
  margin: 0 auto 30px;}

.karaoke-trust-section .trust-title {margin: 0 0 10px;
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.12;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #1f1f1f;}

.karaoke-trust-section .trust-subtitle {margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: #6b6b6b;}

.karaoke-trust-section .trust-grid {display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;}

.karaoke-trust-section .trust-card {background: #fff;
  border: 1px solid #ece7df;
  border-radius: 20px;
  padding: 26px 22px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.035);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  text-align: center;}

.karaoke-trust-section .trust-card:hover {transform: translateY(-3px);
  border-color: #ddd4c7;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.06);}

.karaoke-trust-section .trust-icon {width: 66px;
  height: 66px;
  border-radius: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  background: #f3eee6;}

.karaoke-trust-section .trust-icon-emoji {font-size: 30px;
  line-height: 1;}

.karaoke-trust-section .trust-card-title {margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  color: #222;}

.karaoke-trust-section .trust-card-text {margin: 0 auto;
  max-width: 260px;
  font-size: 14px;
  line-height: 1.75;
  color: #666;}

@media (max-width: 1100px) {.karaoke-trust-section .trust-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}}

@media (max-width: 767px) {.karaoke-trust-section {padding: 42px 0;}

.karaoke-trust-section .trust-container {width: calc(100% - 24px);}

.karaoke-trust-section .trust-header {margin-bottom: 24px;}

.karaoke-trust-section .trust-title {font-size: 28px;}

.karaoke-trust-section .trust-subtitle {font-size: 15px;
    line-height: 1.65;}

.karaoke-trust-section .trust-grid {grid-template-columns: 1fr;
    gap: 16px;}

.karaoke-trust-section .trust-card {padding: 22px 18px;
    border-radius: 18px;}

.karaoke-trust-section .trust-icon {width: 60px;
    height: 60px;
    border-radius: 16px;
    margin: 0 auto 14px;}

.karaoke-trust-section .trust-icon-emoji {font-size: 28px;}

.karaoke-trust-section .trust-card-title {font-size: 18px;}

.karaoke-trust-section .trust-card-text {max-width: 100%;
    font-size: 14px;
    line-height: 1.7;}}

.karaoke-trust-section .trust-card-content {width: 100%;}

@media (max-width: 767px) {.karaoke-trust-section {padding: 36px 0;}

.karaoke-trust-section .trust-container {width: calc(100% - 24px);}

.karaoke-trust-section .trust-header {margin-bottom: 20px;}

.karaoke-trust-section .trust-title {font-size: 25px;
    line-height: 1.15;}

.karaoke-trust-section .trust-subtitle {font-size: 14px;
    line-height: 1.55;
    max-width: 300px;
    margin: 0 auto;}

.karaoke-trust-section .trust-grid {grid-template-columns: 1fr;
    gap: 14px;}

.karaoke-trust-section .trust-card {display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    border-radius: 16px;
    text-align: left;}

.karaoke-trust-section .trust-icon {width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 14px;
    margin: 0;
    flex-shrink: 0;}

.karaoke-trust-section .trust-icon-emoji {font-size: 24px;}

.karaoke-trust-section .trust-card-content {flex: 1;}

.karaoke-trust-section .trust-card-title {margin: 0 0 6px;
    font-size: 17px;
    line-height: 1.3;
    text-align: left;}

.karaoke-trust-section .trust-card-text {margin: 0;
    max-width: 100%;
    font-size: 13px;
    line-height: 1.6;
    text-align: left;}}

@media (max-width: 767px) {.nop-jcarousel .carousel-title {margin: 0 0 14px !important;
    padding: 0 12px !important;
    text-align: center !important;}

.nop-jcarousel .carousel-title strong {display: block !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;}}

.karaoke-buying-help-section {padding: 56px 0;
  background: #fff;}

.karaoke-buying-help-section .buying-help-container {width: min(1100px, calc(100% - 40px));
  margin: 0 auto;}

.karaoke-buying-help-section .buying-help-header {text-align: center;
  max-width: 760px;
  margin: 0 auto 30px;}

.karaoke-buying-help-section .buying-help-title {margin: 0 0 10px;
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.12;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #1f1f1f;}

.karaoke-buying-help-section .buying-help-subtitle {margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: #6b6b6b;}

.karaoke-buying-help-section .buying-help-list {display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;}

.karaoke-buying-help-section .buying-help-item {background: #fff;
  border: 1px solid #ece7df;
  border-radius: 18px;
  padding: 22px 20px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.035);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;}

.karaoke-buying-help-section .buying-help-item:hover {transform: translateY(-3px);
  border-color: #ddd4c7;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.06);}

.karaoke-buying-help-section .buying-help-item-title {margin: 0 0 8px;
  font-size: 20px;
  line-height: 1.35;
  font-weight: 700;}

.karaoke-buying-help-section .buying-help-item-title a {color: #222;
  text-decoration: none;}

.karaoke-buying-help-section .buying-help-item-title a:hover {text-decoration: underline;}

.karaoke-buying-help-section .buying-help-item-text {margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.7;
  color: #666;}

.karaoke-buying-help-section .buying-help-item-link {display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
  color: #2f2f2f;
  text-decoration: none;
  transition: color 0.2s ease;}

.karaoke-buying-help-section .buying-help-item-link span {transition: transform 0.2s ease;}

.karaoke-buying-help-section .buying-help-item-link:hover {color: #8a5a2b;}

.karaoke-buying-help-section .buying-help-item-link:hover span {transform: translateX(2px);}

@media (max-width: 767px) {.karaoke-buying-help-section {padding: 40px 0;}

.karaoke-buying-help-section .buying-help-container {width: calc(100% - 24px);}

.karaoke-buying-help-section .buying-help-header {margin-bottom: 22px;}

.karaoke-buying-help-section .buying-help-title {font-size: 25px;
    line-height: 1.15;}

.karaoke-buying-help-section .buying-help-subtitle {font-size: 14px;
    line-height: 1.6;}

.karaoke-buying-help-section .buying-help-list {grid-template-columns: 1fr;
    gap: 14px;
    padding-bottom: 72px;}

.karaoke-buying-help-section .buying-help-item {padding: 16px;
    border-radius: 16px;}

.karaoke-buying-help-section .buying-help-item-title {font-size: 17px;
    line-height: 1.3;
    margin-bottom: 6px;}

.karaoke-buying-help-section .buying-help-item-text {font-size: 13px;
    line-height: 1.6;
    margin-bottom: 10px;}

.karaoke-buying-help-section .buying-help-item-link {font-size: 13px;}}

.karaoke-subcategories-section {padding: 18px 0 28px;}

.karaoke-subcategories-section .karaoke-subcategories-container {width: min(1440px, calc(100% - 40px));
  margin: 0 auto;}

.karaoke-subcategories-section .karaoke-subcategories-grid {display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 25px;}

.karaoke-subcategories-section .karaoke-subcategory-card {border: 1px solid #e3dbcf;
  border-radius: 18px;
  background: #f8f5ef;
  overflow: hidden;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;}

.karaoke-subcategories-section .karaoke-subcategory-card:hover {transform: translateY(-2px);
  border-color: #d8cdbd;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04);}

.karaoke-subcategories-section .karaoke-subcategory-image {padding: 16px 12px 6px;
  height: 88px;}

.karaoke-subcategories-section .karaoke-subcategory-image a {display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;}

.karaoke-subcategories-section .karaoke-subcategory-image img {display: block;
  max-width: 100%;
  max-height: 62px;
  width: auto;
  height: auto;
  object-fit: contain;
  margin: 0 auto;}

.karaoke-subcategories-section .karaoke-subcategory-title {padding: 0 10px 14px;
  text-align: center;}

.karaoke-subcategories-section .karaoke-subcategory-title a {display: inline-block;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #2a2a2a;
  text-decoration: none;}

.karaoke-subcategories-section .karaoke-subcategory-title a:hover {color: #8a5a2b;}

@media (max-width: 1100px) {.karaoke-subcategories-section .karaoke-subcategories-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}}

@media (max-width: 767px) {.karaoke-subcategories-section {padding: 14px 0 22px;}

.karaoke-subcategories-section .karaoke-subcategories-container {width: 100%;
    margin: 0;
    padding-left: 12px;}

.karaoke-subcategories-section .karaoke-subcategories-grid {display: flex;
    gap: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 12px 4px 0;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;}

.karaoke-subcategories-section .karaoke-subcategories-grid::-webkit-scrollbar {display: none;}

.karaoke-subcategories-section .karaoke-subcategory-card {flex: 0 0 138px;
    border-radius: 14px;
    scroll-snap-align: start;}

.karaoke-subcategories-section .karaoke-subcategory-image {height: 74px;
    padding: 10px 10px 4px;}

.karaoke-subcategories-section .karaoke-subcategory-image img {max-height: 50px;}

.karaoke-subcategories-section .karaoke-subcategory-title {padding: 0 8px 12px;}

.karaoke-subcategories-section .karaoke-subcategory-title a {font-size: 11px;
    line-height: 1.2;
    letter-spacing: 0.04em;}

.karaoke-subcategories-section {padding-bottom: 44px;}

.nop-jcarousel .carousel-title {margin-top: 10px;}}

@media (max-width: 767px) {.master-wrapper-content {padding-bottom: 0px !important;}}

.karaoke-faq-section {padding: 56px 0;
  background: #fff;}

.karaoke-faq-section .faq-container {width: min(1100px, calc(100% - 40px));
  margin: 0 auto;}

.karaoke-faq-section .faq-header {text-align: center !important;
  max-width: 760px;
  margin: 0 auto 26px !important;}

.karaoke-faq-section .faq-title {margin: 0 0 10px;
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.12;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #1f1f1f;
  text-align: center !important;}

.karaoke-faq-section .faq-subtitle {margin: 0 auto;
  max-width: 680px;
  font-size: 16px;
  line-height: 1.7;
  color: #6b6b6b;
  text-align: center !important;}

.karaoke-faq-section .faq-list {display: grid;
  gap: 14px;}

.karaoke-faq-section .faq-item {border: 1px solid #ece7df;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;}

.karaoke-faq-section .faq-item summary {list-style: none;
  cursor: pointer;
  position: relative;
  padding: 18px 52px 18px 20px;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
  color: #222;
  text-align: left;}

.karaoke-faq-section .faq-item summary::-webkit-details-marker {display: none;}

.karaoke-faq-section .faq-item summary::after {content: "+";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  line-height: 1;
  font-weight: 400;
  color: #8a5a2b;}

.karaoke-faq-section .faq-item[open] summary::after {content: "−";}

.karaoke-faq-section .faq-answer {padding: 0 20px 18px;}

.karaoke-faq-section .faq-answer p {margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: #666;
  text-align: left;}

@media (max-width: 767px) {.karaoke-faq-section {padding: 40px 0;}

.karaoke-faq-section .faq-container {width: calc(100% - 24px);}

.karaoke-faq-section .faq-header {margin-bottom: 20px;}

.karaoke-faq-section .faq-title {font-size: 25px;
    line-height: 1.15;}

.karaoke-faq-section .faq-subtitle {font-size: 14px;
    line-height: 1.6;}

.karaoke-faq-section .faq-item summary {padding: 16px 44px 16px 16px;
    font-size: 16px;
    line-height: 1.35;}

.karaoke-faq-section .faq-item summary::after {right: 16px;
    font-size: 22px;}

.karaoke-faq-section .faq-answer {padding: 0 16px 16px;}

.karaoke-faq-section .faq-answer p {font-size: 14px;
    line-height: 1.65;}}

.karaoke-buying-help-section {padding-bottom: 28px !important;
  margin-bottom: 0 !important;}

.karaoke-buying-help-section .buying-help-container {margin-bottom: 0 !important;}

.karaoke-buying-help-section .buying-help-list {margin-bottom: 0 !important;}

.karaoke-faq-section {padding-top: 24px !important;
  margin-top: 0 !important;}

.karaoke-faq-section .faq-container {margin-top: 0 !important;}

.karaoke-faq-section .faq-header {margin-top: 0 !important;
  margin-bottom: 20px !important;}

@media (max-width: 767px) {.karaoke-buying-help-section {padding-bottom: 18px !important;}

.karaoke-faq-section {padding-top: 10px !important;}

.karaoke-faq-section .faq-header {margin-bottom: 12px !important;}}

@media (max-width: 767px) {.karaoke-buying-help-section {padding-bottom: 22px !important;
    margin-bottom: 0 !important;}

.karaoke-buying-help-section .buying-help-list {padding-bottom: 0 !important;
    margin-bottom: 0 !important;}

.karaoke-faq-section {padding-top: 16px !important;
    margin-top: 0 !important;}

.karaoke-faq-section .faq-container,
  .karaoke-faq-section .faq-header {margin-top: 0 !important;}}

.massage-subcategories-section {padding: 18px 0 28px;}

.massage-subcategories-section .massage-subcategories-container {width: min(1440px, calc(100% - 40px));
  margin: 0 auto;}

.massage-subcategories-section .massage-subcategories-grid {display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 25px;}

.massage-subcategories-section .massage-subcategory-card {border: 1px solid #e3dbcf;
  border-radius: 18px;
  background: #f8f5ef;
  overflow: hidden;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;}

.massage-subcategories-section .massage-subcategory-card:hover {transform: translateY(-2px);
  border-color: #d8cdbd;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.04);}

.massage-subcategories-section .massage-subcategory-image {padding: 16px 12px 6px;
  height: 88px;}

.massage-subcategories-section .massage-subcategory-image a {display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;}

.massage-subcategories-section .massage-subcategory-image img {display: block;
  max-width: 100%;
  max-height: 62px;
  width: auto;
  height: auto;
  object-fit: contain;
  margin: 0 auto;}

.massage-subcategories-section .massage-subcategory-title {padding: 0 10px 14px;
  text-align: center;}

.massage-subcategories-section .massage-subcategory-title a {display: inline-block;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #2a2a2a;
  text-decoration: none;}

.massage-subcategories-section .massage-subcategory-title a:hover {color: #8a5a2b;}

@media (max-width: 1100px) {.massage-subcategories-section .massage-subcategories-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}}

@media (max-width: 767px) {.massage-subcategories-section {padding: 14px 0 22px;}

.massage-subcategories-section .massage-subcategories-container {width: 100%;
    margin: 0;
    padding-left: 12px;}

.massage-subcategories-section .massage-subcategories-grid {display: flex;
    gap: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 12px 4px 0;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;}

.massage-subcategories-section .massage-subcategories-grid::-webkit-scrollbar {display: none;}

.massage-subcategories-section .massage-subcategory-card {flex: 0 0 138px;
    border-radius: 14px;
    scroll-snap-align: start;}

.massage-subcategories-section .massage-subcategory-image {height: 74px;
    padding: 10px 10px 4px;}

.massage-subcategories-section .massage-subcategory-image img {max-height: 50px;}

.massage-subcategories-section .massage-subcategory-title {padding: 0 8px 12px;}

.massage-subcategories-section .massage-subcategory-title a {font-size: 11px;
    line-height: 1.2;
    letter-spacing: 0.04em;}}

.massage-subcategories-section {padding-bottom: 44px;}

.nop-jcarousel .carousel-title {margin-top: 10px;}

.karaoke-subcategories-section {padding: 18px 0 44px;}

@media (max-width: 767px) {.karaoke-subcategories-section {padding: 14px 0 28px;}}

body .page.category-page .page-body .html-widget section.karaoke-trust-section {margin-top: 16px !important;
  padding-top: 34px !important;}

body .page.category-page .page-body .html-widget section.karaoke-trust-section .trust-container {margin-top: 0 !important;
  padding-top: 0 !important;}

body .page.category-page .page-body .html-widget section.karaoke-trust-section .trust-header {margin-top: 0 !important;
  padding-top: 0 !important;}

@media (max-width: 767px) {body .page.category-page .page-body .html-widget section.karaoke-trust-section {margin-top: 10px !important;
    padding-top: 26px !important;}}

body .page.category-page .page-body .jCarouselMainWrapper,
body .page.category-page .page-body .nop-jcarousel {margin-bottom: 20px !important;
  padding-bottom: 0 !important;}

.massage-trust-section {width: min(1440px, calc(100% - 40px));
  margin: 44px auto 34px;
  padding: 52px 28px 56px;
  background: #f8f5ef;
  border-radius: 0;}

.massage-trust-section .trust-container {max-width: 1120px;
  margin: 0 auto;}

.massage-trust-section .trust-header {text-align: center;
  margin-bottom: 34px;}

.massage-trust-section .trust-title {margin: 0 0 12px;
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #1f1f1f;}

.massage-trust-section .trust-subtitle {max-width: 760px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.65;
  color: #666;}

.massage-trust-section .trust-grid {display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;}

.massage-trust-section .trust-card {min-height: 220px;
  padding: 26px 22px 24px;
  text-align: center;
  background: #fff;
  border: 1px solid #e9dfd2;
  border-radius: 18px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.035);}

.massage-trust-section .trust-icon {width: 58px;
  height: 58px;
  margin: 0 auto 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  line-height: 1;
  background: #f1eadf;
  border-radius: 16px;}

.massage-trust-section .trust-card h3 {margin: 0 0 12px;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 700;
  color: #222;}

.massage-trust-section .trust-card p {margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: #666;}

.massage-help-section {width: min(1440px, calc(100% - 40px));
  margin: 34px auto 34px;
  padding: 46px 28px;
  background: #fff;
  border: 1px solid #eee4d8;
  border-radius: 18px;}

.massage-help-section .massage-help-container {max-width: 900px;
  margin: 0 auto;
  text-align: center;}

.massage-help-section h2 {margin: 0 0 14px;
  font-size: clamp(28px, 2.6vw, 36px);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #1f1f1f;}

.massage-help-section p {margin: 0 auto;
  max-width: 780px;
  font-size: 16px;
  line-height: 1.75;
  color: #5f5f5f;}

@media (max-width: 1100px) {.massage-trust-section .trust-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}}

@media (max-width: 767px) {.massage-trust-section {width: calc(100% - 24px);
    margin: 30px auto 26px;
    padding: 36px 16px 38px;}

.massage-trust-section .trust-header {margin-bottom: 24px;}

.massage-trust-section .trust-title {font-size: 28px;}

.massage-trust-section .trust-subtitle {font-size: 14px;
    line-height: 1.6;}

.massage-trust-section .trust-grid {grid-template-columns: 1fr;
    gap: 16px;}

.massage-trust-section .trust-card {min-height: auto;
    padding: 22px 18px 20px;}

.massage-trust-section .trust-icon {width: 52px;
    height: 52px;
    margin-bottom: 14px;
    font-size: 25px;}

.massage-trust-section .trust-card h3 {font-size: 16px;}

.massage-trust-section .trust-card p {font-size: 13px;
    line-height: 1.6;}

.massage-help-section {width: calc(100% - 24px);
    margin: 26px auto 28px;
    padding: 34px 18px;
    border-radius: 16px;}

.massage-help-section h2 {font-size: 26px;}

.massage-help-section p {font-size: 14px;
    line-height: 1.65;}}

@media (max-width: 767px) {.massage-trust-section {width: calc(100% - 24px);
    margin: 26px auto 24px;
    padding: 28px 14px 30px;}

.massage-trust-section .trust-header {margin-bottom: 18px;}

.massage-trust-section .trust-title {font-size: 28px;
    line-height: 1.15;
    margin-bottom: 8px;}

.massage-trust-section .trust-subtitle {font-size: 14px;
    line-height: 1.55;
    max-width: 100%;}

.massage-trust-section .trust-grid {grid-template-columns: 1fr;
    gap: 12px;}

.massage-trust-section .trust-card {display: grid;
    grid-template-columns: 44px 1fr;
    column-gap: 12px;
    align-items: start;
    min-height: auto;
    padding: 14px 14px 13px;
    text-align: left;
    border-radius: 14px;}

.massage-trust-section .trust-icon {width: 44px;
    height: 44px;
    margin: 0;
    font-size: 21px;
    border-radius: 12px;
    grid-column: 1;
    grid-row: 1 / span 2;}

.massage-trust-section .trust-card h3 {margin: 1px 0 5px;
    font-size: 16px;
    line-height: 1.3;
    grid-column: 2;}

.massage-trust-section .trust-card p {margin: 0;
    font-size: 13px;
    line-height: 1.5;
    grid-column: 2;}}

@media (max-width: 767px) {.massage-trust-section .trust-card {display: grid;
    grid-template-columns: 44px 1fr;
    column-gap: 12px;
    align-items: center; 
    min-height: auto;
    padding: 14px 14px 13px;
    text-align: left;
    border-radius: 14px;}

.massage-trust-section .trust-icon {width: 44px;
    height: 44px;
    margin: 2px 0 0;   
    font-size: 21px;
    border-radius: 12px;
    grid-column: 1;
    grid-row: 1 / span 2;
    align-self: center; 
    justify-self: center;}

.massage-trust-section .trust-card h3 {margin: 0 0 5px;
    font-size: 15px;
    line-height: 1.3;
    grid-column: 2;}

.massage-trust-section .trust-card p {margin: 0;
    font-size: 12.5px;
    line-height: 1.45;
    grid-column: 2;}}

.massage-help-section {width: min(1440px, calc(100% - 40px));
  margin: 34px auto 34px;
  padding: 50px 28px 54px;
  background: #fff;
  border: 1px solid #eee4d8;
  border-radius: 18px;}

.massage-help-section .massage-help-container {max-width: 1120px;
  margin: 0 auto;
  text-align: center;}

.massage-help-section .massage-help-container > p {max-width: 820px;
  margin: 0 auto 30px;
  font-size: 16px;
  line-height: 1.75;
  color: #5f5f5f;}

.massage-help-grid {display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  text-align: left;}

.massage-help-card {padding: 24px 22px 22px;
  background: #f8f5ef;
  border: 1px solid #e8dfd3;
  border-radius: 16px;}

.massage-help-card h3 {margin: 0 0 10px;
  font-size: 17px;
  line-height: 1.35;
  font-weight: 700;
  color: #222;}

.massage-help-card p {margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: #666;}

@media (max-width: 1100px) {.massage-help-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}}

@media (max-width: 767px) {.massage-help-section {width: calc(100% - 24px);
    margin: 26px auto 28px;
    padding: 34px 16px 36px;
    border-radius: 16px;}

.massage-help-section h2 {font-size: 26px;
    margin-bottom: 10px;}

.massage-help-section .massage-help-container > p {margin-bottom: 22px;
    font-size: 14px;
    line-height: 1.65;}

.massage-help-grid {grid-template-columns: 1fr;
    gap: 12px;}

.massage-help-card {padding: 18px 16px 17px;
    border-radius: 14px;}

.massage-help-card h3 {font-size: 15px;
    margin-bottom: 6px;}

.massage-help-card p {font-size: 12.5px;
    line-height: 1.5;}}

.massage-faq-section {width: min(1440px, calc(100% - 40px));
  margin: 34px auto 56px;
  padding: 52px 28px 56px;
  background: #f8f5ef;}

.massage-faq-section .faq-container {max-width: 980px;
  margin: 0 auto;}

.massage-faq-section .faq-header {text-align: center;
  margin-bottom: 30px;}

.massage-faq-section .faq-title {margin: 0 0 10px;
  font-size: clamp(30px, 3vw, 40px);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #1f1f1f;}

.massage-faq-section .faq-subtitle {max-width: 720px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.65;
  color: #666;}

.massage-faq-section .faq-list {display: grid;
  gap: 12px;}

.massage-faq-section .faq-item {background: #fff;
  border: 1px solid #e8dfd3;
  border-radius: 14px;
  overflow: hidden;}

.massage-faq-section .faq-item summary {position: relative;
  cursor: pointer;
  list-style: none;
  padding: 18px 54px 18px 20px;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 700;
  color: #222;}

.massage-faq-section .faq-item summary::-webkit-details-marker {display: none;}

.massage-faq-section .faq-item summary::after {content: "+";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #f1eadf;
  color: #8a5a2b;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  text-align: center;}

.massage-faq-section .faq-item[open] summary::after {content: "–";}

.massage-faq-section .faq-answer {padding: 0 20px 18px;}

.massage-faq-section .faq-answer p {margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #5f5f5f;}

@media (max-width: 767px) {.massage-faq-section {width: calc(100% - 24px);
    margin: 28px auto 42px;
    padding: 36px 14px 38px;}

.massage-faq-section .faq-header {margin-bottom: 22px;}

.massage-faq-section .faq-title {font-size: 28px;}

.massage-faq-section .faq-subtitle {font-size: 14px;
    line-height: 1.55;}

.massage-faq-section .faq-list {gap: 10px;}

.massage-faq-section .faq-item {border-radius: 13px;}

.massage-faq-section .faq-item summary {padding: 15px 48px 15px 16px;
    font-size: 14.5px;
    line-height: 1.35;}

.massage-faq-section .faq-item summary::after {right: 15px;
    width: 24px;
    height: 24px;
    font-size: 18px;
    line-height: 24px;}

.massage-faq-section .faq-answer {padding: 0 16px 15px;}

.massage-faq-section .faq-answer p {font-size: 13px;
    line-height: 1.6;}}

.holiday-intro {max-width: 980px;
  margin: 0 auto 28px;
  padding: 0 16px;
  text-align: center;
  line-height: 1.7;
  color: #333333;}

.holiday-hero-section {margin: 26px 0 28px;}

.holiday-hero-media {position: relative;
  overflow: hidden;
  border-radius: 16px;}

.holiday-hero-media img {display: block;
  width: 100%;
  height: auto;}

.holiday-hero-overlay {position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 40px 60px 40px 66px;
  pointer-events: none;}

.holiday-hero-content {width: 100%;
  max-width: 520px;
  pointer-events: auto;}

.holiday-hero-eyebrow {margin: 0 0 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #7f7368;}

.holiday-hero-title {margin: 0 0 14px;
  font-size: 46px;
  line-height: 1.15;
  font-weight: 700;
  color: #2f4050;}

.holiday-hero-subtitle {margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.4;
  font-weight: 500;
  color: #2f4050;}

.holiday-hero-description {max-width: 500px;
  margin: 0 0 24px;
  font-size: 17px;
  line-height: 1.6;
  color: #263846;}

.holiday-hero-actions {display: flex;
  flex-wrap: wrap;
  gap: 14px;}

.holiday-btn {display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 24px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.2s ease;}

.holiday-btn-primary {background: #f28c28;
  color: #ffffff;}

.holiday-btn-primary:hover {background: #de7d20;
  color: #ffffff;}

.holiday-btn-secondary {background: rgba(255, 255, 255, 0.92);
  border: 1px solid #d9cec3;
  color: #2f4050;}

.holiday-btn-secondary:hover {background: #ffffff;
  color: #2f4050;}

@media (max-width: 1200px) {.holiday-hero-overlay {padding: 34px 44px;}

.holiday-hero-title {font-size: 40px;}

.holiday-hero-subtitle {font-size: 20px;}

.holiday-hero-description {font-size: 16px;}}

@media (max-width: 991px) {.holiday-hero-overlay {padding: 28px 30px;}

.holiday-hero-content {max-width: 430px;}

.holiday-hero-title {font-size: 34px;}

.holiday-hero-subtitle {font-size: 18px;}

.holiday-hero-description {font-size: 15px;
    line-height: 1.55;}

.holiday-btn {min-height: 44px;
    padding: 0 20px;
    font-size: 14px;}}

@media (max-width: 767px) {.holiday-intro {max-width: 100%;
    margin-bottom: 22px;
    padding: 0 16px;
    font-size: 15px;
    line-height: 1.65;}

.holiday-intro br {display: none;}

.holiday-hero-section {margin: 22px 0 26px;}

.holiday-hero-media {border-radius: 12px;}

.holiday-hero-overlay {position: static;
    padding: 0;
    background: #f8f2ea;}

.holiday-hero-content {max-width: none;
    padding: 22px 18px 24px;}

.holiday-hero-eyebrow {margin-bottom: 8px;
    font-size: 11px;
    letter-spacing: 0.13em;}

.holiday-hero-title {margin-bottom: 12px;
    font-size: 28px;
    line-height: 1.2;}

.holiday-hero-subtitle {margin-bottom: 8px;
    font-size: 17px;}

.holiday-hero-description {margin-bottom: 18px;
    font-size: 15px;
    line-height: 1.55;}

.holiday-hero-actions {gap: 10px;}

.holiday-btn {width: 100%;
    min-height: 46px;}}

@media (max-width: 767px) {.holiday-intro {max-width: 100%;
    margin-bottom: 18px;
    padding: 0 16px;
    font-size: 15px;
    line-height: 1.6;}

.holiday-intro br {display: none;}

.holiday-hero-section {margin: 20px 0 26px;}

.holiday-hero-media {position: relative;
    overflow: hidden;
    border-radius: 14px;
    min-height: 360px;}

.holiday-hero-media img {display: block;
    width: 100%;
    height: 360px;
    object-fit: cover;
    object-position: 74% center;}

.holiday-hero-overlay {position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 14px;
    background: linear-gradient(
      to right,
      rgba(248, 242, 234, 0.92) 0%,
      rgba(248, 242, 234, 0.78) 45%,
      rgba(248, 242, 234, 0.20) 72%,
      rgba(248, 242, 234, 0.05) 100%
    );}

.holiday-hero-content {width: 54%;
    max-width: 200px;
    padding: 12px 12px;
    border-radius: 13px;
    background: rgba(255, 250, 245, 0.84);
    text-align: center;
    box-shadow: 0 8px 22px rgba(47, 64, 80, 0.08);}

.holiday-hero-eyebrow {display: none;}

.holiday-hero-title {margin: 0 0 7px;
    font-size: 18px;
    line-height: 1.18;
    font-weight: 700;
    color: #2f4050;}

.holiday-hero-subtitle {margin: 0 0 10px;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 500;
    color: #2f4050;}

.holiday-hero-description {display: none;}

.holiday-hero-actions {display: flex;
    flex-direction: column;
    gap: 8px;}

.holiday-btn {width: 100%;
    min-height: 38px;
    padding: 0 12px;
    font-size: 12px;}}

.holiday-hero-section {margin: 26px 0 36px;}

.holiday-hero-media picture,
.holiday-hero-media img {display: block;
  width: 100%;}

.holiday-hero-media img {height: auto;}

.holiday-btn {display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 24px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none !important;
  transition: all 0.2s ease;}

.holiday-btn-primary {background: #e59a2f !important;
  color: #ffffff !important;}

.holiday-btn-primary:hover {background: #c97a26 !important;
  color: #ffffff !important;}

.holiday-btn-secondary {background: rgba(255, 255, 255, 0.92);
  border: 1px solid #d9cec3;
  color: #2f4050 !important;}

.holiday-btn-secondary:hover {background: #ffffff;
  color: #2f4050 !important;}

div.nop-jcarousel.product-grid div.title.carousel-title {margin: 0 0 28px !important;
  padding-top: 0 !important;
  text-align: center !important;}

div.nop-jcarousel.product-grid div.title.carousel-title strong {display: block !important;
  font-size: 34px !important;
  line-height: 1.2 !important;
  color: #2f4050 !important;}

div.nop-jcarousel.product-grid {margin-top: 44px !important;}

@media (max-width: 767px) {div.nop-jcarousel.product-grid {margin-top: 44px !important;}

div.nop-jcarousel.product-grid div.title.carousel-title strong {font-size: 26px !important;}}

@media (max-width: 767px) {.holiday-hero-overlay {position: absolute !important;
    inset: auto 0 0 0 !important;
    display: block !important;
    padding: 10px 12px !important;
    background: linear-gradient(
      to top,
      rgba(248, 242, 234, 0.96) 0%,
      rgba(248, 242, 234, 0.82) 72%,
      rgba(248, 242, 234, 0) 100%
    ) !important;}

.holiday-hero-content {width: 100% !important;
    max-width: none !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    background: rgba(255, 250, 245, 0.88) !important;
    text-align: center !important;
    box-shadow: 0 6px 18px rgba(47, 64, 80, 0.08) !important;}

.holiday-hero-eyebrow {display: none !important;}

.holiday-hero-title {margin: 0 0 4px !important;
    font-size: 17px !important;
    line-height: 1.15 !important;}

.holiday-hero-subtitle {margin: 0 0 8px !important;
    font-size: 11.5px !important;
    line-height: 1.35 !important;}

.holiday-hero-description {display: none !important;}

.holiday-hero-actions {display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;}

.holiday-btn {width: 100% !important;
    min-height: 34px !important;
    padding: 0 8px !important;
    font-size: 10.5px !important;
    white-space: nowrap !important;}}

.md-trust-section {max-width: 1220px !important;
  margin: 58px auto 56px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;}

.md-trust-header {max-width: 820px !important;
  margin: 0 auto 28px !important;
  text-align: center !important;}

.md-trust-header h2 {margin: 0 0 12px !important;
  font-size: 32px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  color: #2f4050 !important;}

.md-trust-header p {margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.65 !important;
  color: #555555 !important;}

.md-trust-grid {display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;}

.md-trust-card {padding: 26px 22px !important;
  border: 1px solid #eadfd4 !important;
  border-radius: 16px !important;
  background: #fffaf5 !important;
  text-align: center !important;
  box-sizing: border-box !important;}

.md-trust-icon {margin: 0 auto 14px !important;
  font-size: 30px !important;
  line-height: 1 !important;}

.md-trust-card h3 {margin: 0 0 10px !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: #2f4050 !important;}

.md-trust-card p {margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #555555 !important;}

@media (max-width: 991px) {.md-trust-grid {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}}

@media (max-width: 767px) {.md-trust-section {margin: 42px auto 44px !important;
    padding: 0 14px !important;}

.md-trust-header h2 {font-size: 24px !important;}

.md-trust-header p {font-size: 15px !important;}

.md-trust-grid {grid-template-columns: 1fr !important;
    gap: 14px !important;}

.md-trust-card {padding: 22px 18px !important;}}

.md-why-buy-section {padding: 50px 0 20px;}

.md-why-buy-header {text-align: center;
  max-width: 820px;
  margin: 0 auto 28px;}

.md-why-buy-header h2 {margin: 0 0 12px;
  font-size: 24px;
  line-height: 1.3;
  color: #24364b;
  font-weight: 700;}

.md-why-buy-header p {margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: #5b6574;}

.md-trust-grid {display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;}

.md-trust-card {background: #f7f1ea;
  border: 1px solid #eadccc;
  border-radius: 18px;
  padding: 26px 22px;
  text-align: center;
  min-height: 220px;
  display: flex;
  flex-direction: column;
  align-items: center;}

.md-trust-icon {width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #fff7ef;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin: 0 auto 14px;
  flex-shrink: 0;}

.md-trust-content {width: 100%;}

.md-trust-card h3 {margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.35;
  color: #24364b;
  font-weight: 700;}

.md-trust-card p {margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: #5b6574;}

@media (max-width: 991px) {.md-trust-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}}

@media (max-width: 767px) {.md-why-buy-section {padding: 36px 0 10px;}

.md-why-buy-header {margin-bottom: 18px;}

.md-why-buy-header h2 {font-size: 18px;}

.md-why-buy-header p {font-size: 14px;
    line-height: 1.65;}

.md-trust-grid {grid-template-columns: 1fr;
    gap: 12px;}

.md-trust-card {min-height: auto;
    padding: 16px;
    text-align: left;
    flex-direction: row;
    align-items: center;}

.md-trust-icon {width: 44px;
    height: 44px;
    font-size: 22px;
    margin: 0 14px 0 0;}

.md-trust-content {flex: 1;}

.md-trust-card h3 {margin: 0 0 4px;
    font-size: 16px;
    line-height: 1.35;}

.md-trust-card p {font-size: 13px;
    line-height: 1.55;}}

.md-faq-section {max-width: 920px !important;
  margin: 56px auto 64px !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;}

.md-faq-header {max-width: 760px !important;
  margin: 0 auto 26px !important;
  text-align: center !important;}

.md-faq-header h2 {margin: 0 0 10px !important;
  font-size: 32px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  color: #2f4050 !important;}

.md-faq-header p {margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  color: #555555 !important;}

.md-faq-list {display: grid !important;
  gap: 12px !important;}

.md-faq-item {border: 1px solid #eadfd4 !important;
  border-radius: 14px !important;
  background: #fffaf5 !important;
  overflow: hidden !important;}

.md-faq-item summary {position: relative !important;
  cursor: pointer !important;
  list-style: none !important;
  padding: 18px 52px 18px 20px !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  color: #2f4050 !important;}

.md-faq-item summary::-webkit-details-marker {display: none !important;}

.md-faq-item summary::after {content: "+" !important;
  position: absolute !important;
  right: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 24px !important;
  line-height: 1 !important;
  color: #d8872a !important;}

.md-faq-item[open] summary::after {content: "−" !important;}

.md-faq-answer {padding: 0 20px 18px !important;}

.md-faq-answer p {margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #555555 !important;}

@media (max-width: 767px) {.md-faq-section {margin: 42px auto 50px !important;
    padding: 0 14px !important;}

.md-faq-header h2 {font-size: 24px !important;}

.md-faq-header p {font-size: 15px !important;}

.md-faq-item summary {padding: 16px 46px 16px 16px !important;
    font-size: 15px !important;}

.md-faq-answer {padding: 0 16px 16px !important;}

.md-faq-answer p {font-size: 14px !important;
    line-height: 1.65 !important;}}

@media (max-width: 767px) {.md-why-buy-section {padding: 36px 0 10px !important;}

.md-why-buy-header {margin-bottom: 18px !important;
    padding: 0 14px !important;}

.md-why-buy-header h2 {font-size: 22px !important;
    line-height: 1.28 !important;}

.md-why-buy-header p {font-size: 14px !important;
    line-height: 1.65 !important;}

.md-trust-grid {grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 0 14px !important;}

.md-trust-card {min-height: auto !important;
    padding: 16px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    text-align: left !important;
    border-radius: 16px !important;}

.md-trust-icon {width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    margin: 0 14px 0 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 22px !important;
    line-height: 1 !important;}

.md-trust-content {flex: 1 !important;
    text-align: left !important;}

.md-trust-card h3 {margin: 0 0 5px !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    text-align: left !important;}

.md-trust-card p {margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    text-align: left !important;}}

@media (max-width: 767px) {.md-faq-section {margin: 42px auto 50px !important;
    padding: 0 14px !important;}

.md-faq-header {text-align: left !important;
    margin: 0 0 18px !important;}

.md-faq-header h2 {text-align: left !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin: 0 0 8px !important;}

.md-faq-header p {text-align: left !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 !important;}

.md-faq-list {gap: 10px !important;}

.md-faq-item {text-align: left !important;
    border-radius: 14px !important;}

.md-faq-item summary {text-align: left !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    padding: 15px 44px 15px 15px !important;}

.md-faq-answer {text-align: left !important;
    padding: 0 15px 15px !important;}

.md-faq-answer p {text-align: left !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    margin: 0 !important;}}

@media (min-width: 768px) {.mothers-day-hero .holiday-hero-media {position: relative;}

.mothers-day-hero .holiday-hero-overlay {position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 40px 56px;
    pointer-events: none;}

.mothers-day-hero .holiday-hero-content {width: 100%;
    max-width: 420px;
    margin-left: auto;
    text-align: left;
    pointer-events: auto;}

.mothers-day-hero .holiday-hero-actions {justify-content: flex-start;}}

@media (min-width: 768px) {.mothers-day-hero .holiday-hero-overlay {justify-content: flex-end !important;
    padding: 40px 200px 40px 60px !important;}

.mothers-day-hero .holiday-hero-content {max-width: 430px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;}

.mothers-day-hero .holiday-hero-actions {justify-content: flex-start !important;}}

.home-page-advantages .advantages-item img,
.home-page-advantages .advantages-item svg,
.home-page-advantages .advantages-item .icon {color: #d8872a !important;
  fill: #d8872a !important;
  stroke: #d8872a !important;}

.home-page-advantages .advantages-item img {filter: brightness(0) saturate(100%) invert(17%) sepia(22%) saturate(1037%) hue-rotate(169deg) brightness(88%) contrast(96%) !important;
  opacity: 1 !important;}

.home-page-advantages .advantages-item svg,
.home-page-advantages .advantages-item .icon {color: #2f4050 !important;
  fill: #2f4050 !important;
  stroke: #2f4050 !important;}

.tittac-blog-home-wrap {max-width: 1320px;
  margin: 0 auto;
  padding: 28px 18px 52px;}

.tittac-blog-hero-grid {display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(340px, 0.95fr);
  gap: 22px;
  align-items: stretch;}

.tittac-blog-hero-main,
.tittac-blog-hero-side-card {position: relative !important;
  display: block;
  overflow: hidden;
  border-radius: 28px;
  background: #f6f2ed;
  color: #fff;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.08);
  isolation: isolate;}

.tittac-blog-hero-main {min-height: 440px;}

.tittac-blog-hero-side {display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 22px;}

.tittac-blog-hero-side-card {min-height: 209px;
  border-radius: 24px;}

.tittac-blog-hero-main img,
.tittac-blog-hero-side-card img {position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.45s ease;}

.tittac-blog-hero-main:hover img,
.tittac-blog-hero-side-card:hover img {transform: scale(1.04);}

.tittac-blog-hero-main::after,
.tittac-blog-hero-side-card::after {content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;}

.tittac-blog-hero-main::after {background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.58) 0%,
    rgba(0, 0, 0, 0.38) 35%,
    rgba(0, 0, 0, 0.12) 70%,
    rgba(0, 0, 0, 0.04) 100%
  );}

.tittac-blog-hero-side-card::after {background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.56) 0%,
    rgba(0, 0, 0, 0.34) 45%,
    rgba(0, 0, 0, 0.08) 100%
  );}

.tittac-blog-hero-content {position: absolute !important;
  z-index: 3;
  left: 38px;
  right: 38px;
  bottom: 38px;
  max-width: 610px;
  color: #fff;}

.tittac-blog-hero-side-card .tittac-blog-hero-content {left: 24px;
  right: 24px;
  bottom: 22px;
  max-width: 410px;}

.tittac-blog-eyebrow {display: inline-flex;
  margin-bottom: 12px;
  font-size: 12px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 800;
  color: #f3c08a;}

.tittac-blog-hero-content h2 {margin: 0 0 12px;
  color: #fff;
  font-size: 42px;
  line-height: 1.08;
  letter-spacing: -0.035em;
  font-weight: 800;}

.tittac-blog-hero-side-card h3 {margin: 0 0 8px;
  color: #fff;
  font-size: 23px;
  line-height: 1.14;
  letter-spacing: -0.025em;
  font-weight: 800;}

.tittac-blog-hero-content p {margin: 0 0 20px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 16px;
  line-height: 1.62;}

.tittac-blog-hero-side-card p {margin-bottom: 14px;
  font-size: 14px;
  line-height: 1.5;}

.tittac-blog-hero-actions {display: flex;
  flex-wrap: wrap;
  gap: 10px;}

.tittac-blog-pill,
.tittac-blog-link {display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 10px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s ease;}

.tittac-blog-pill {color: #111 !important;
  background: #fff;}

.tittac-blog-pill:hover {background: #f3c08a;
  color: #111 !important;}

.tittac-blog-link {color: #fff !important;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.28);}

.tittac-blog-link:hover {background: rgba(255, 255, 255, 0.26);
  color: #fff !important;}

.tittac-blog-hero-side-card .tittac-blog-link {min-height: 36px;
  padding: 8px 14px;
  font-size: 12px;}

@media (max-width: 980px) {.tittac-blog-hero-grid {grid-template-columns: 1fr;}

.tittac-blog-hero-main {min-height: 390px;}

.tittac-blog-hero-side {grid-template-columns: 1fr 1fr;
    grid-template-rows: none;}

.tittac-blog-hero-side-card {min-height: 260px;}}

@media (max-width: 640px) {.tittac-blog-home-wrap {padding: 18px 14px 38px;}

.tittac-blog-hero-grid {gap: 16px;}

.tittac-blog-hero-main,
  .tittac-blog-hero-side-card {border-radius: 22px;}

.tittac-blog-hero-main {min-height: 430px;}

.tittac-blog-hero-side {grid-template-columns: 1fr;
    gap: 16px;}

.tittac-blog-hero-side-card {min-height: 260px;}

.tittac-blog-hero-content {left: 22px;
    right: 22px;
    bottom: 24px;}

.tittac-blog-hero-content h2 {font-size: 31px;}

.tittac-blog-hero-side-card h3 {font-size: 22px;}

.tittac-blog-hero-content p {font-size: 15px;}}

.tittac-blog-home-page .page-title {margin-bottom: 26px;}

.tittac-blog-home-wrap {padding-top: 0;}

.tittac-blog-hero-main::after {background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.54) 0%,
    rgba(0, 0, 0, 0.34) 38%,
    rgba(0, 0, 0, 0.10) 72%,
    rgba(0, 0, 0, 0.03) 100%
  );}

.tittac-blog-hero-side-card::after {background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.48) 0%,
    rgba(0, 0, 0, 0.28) 45%,
    rgba(0, 0, 0, 0.06) 100%
  );}

.tittac-blog-hero-content h2 {max-width: 560px;}

.tittac-blog-hero-content p {max-width: 560px;}

.tittac-blog-home-page .tittac-blog-home-intro,
.tittac-blog-home-intro {display: block;
  width: 100%;
  max-width: 760px;
  margin: -8px auto 32px !important;
  padding: 0 18px;
  text-align: center !important;
  color: #6f7177;
  font-size: 16px;
  line-height: 1.65;
  box-sizing: border-box;}

.tittac-blog-main-hubs {max-width: 1320px;
  margin: 0 auto;
  padding: 10px 18px 64px;}

.tittac-blog-section-head {max-width: 760px;
  margin: 0 auto 28px;
  text-align: center;}

.tittac-blog-section-eyebrow {display: inline-block;
  margin-bottom: 10px;
  color: #b66a2c;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;}

.tittac-blog-section-head h2 {margin: 0 0 12px;
  color: #111;
  font-size: 34px;
  line-height: 1.18;
  letter-spacing: -0.03em;
  font-weight: 800;}

.tittac-blog-section-head p {margin: 0;
  color: #6f7177;
  font-size: 16px;
  line-height: 1.65;}

.tittac-blog-hub-grid {display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;}

.tittac-blog-hub-card {display: flex !important;
  flex-direction: column;
  min-height: 278px;
  padding: 28px;
  border-radius: 26px;
  border: 1px solid #eee5dc;
  background:
    radial-gradient(circle at top right, rgba(182, 106, 44, 0.10), transparent 34%),
    #fff;
  color: #111;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.045);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
  box-sizing: border-box;}

.tittac-blog-hub-card:hover {transform: translateY(-3px);
  border-color: #dfc7b0;
  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.075);}

.tittac-blog-hub-icon {width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  border-radius: 16px;
  background: #f8f1ea;
  color: #b66a2c;
  font-size: 22px;
  line-height: 1;}

.tittac-blog-hub-card h3 {margin: 0 0 12px;
  color: #111;
  font-size: 22px;
  line-height: 1.22;
  letter-spacing: -0.02em;
  font-weight: 800;}

.tittac-blog-hub-card p {margin: 0 0 22px;
  color: #5f6368;
  font-size: 15px;
  line-height: 1.62;}

.tittac-blog-hub-link {margin-top: auto;
  color: #b66a2c !important;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;}

.tittac-blog-hub-link::after {content: " →";}

.tittac-blog-hub-link:hover {color: #8f4f1f !important;}

@media (max-width: 980px) {.tittac-blog-hub-grid {grid-template-columns: 1fr;}

.tittac-blog-main-hubs {padding-bottom: 52px;}

.tittac-blog-section-head h2 {font-size: 30px;}

.tittac-blog-hub-card {min-height: auto;}}

@media (max-width: 640px) {.tittac-blog-main-hubs {padding: 4px 14px 44px;}

.tittac-blog-section-head {text-align: left;
    margin-bottom: 22px;}

.tittac-blog-section-head h2 {font-size: 27px;}

.tittac-blog-section-head p {font-size: 15px;}

.tittac-blog-hub-card {padding: 24px;
    border-radius: 22px;}}

.tittac-blog-section-head {max-width: 820px;
  margin: 0 auto 30px;}

.tittac-blog-section-head h2 {max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  font-size: 34px;
  line-height: 1.15;}

.tittac-blog-section-head p {max-width: 720px;
  margin-left: auto;
  margin-right: auto;}

.tittac-blog-hub-icon {margin-left: 0;
  margin-right: auto;}

.tittac-blog-section-head {max-width: 820px;
  margin: 0 auto 22px;
  text-align: center;}

.tittac-blog-section-head h2 {max-width: 760px;
  margin: 0 auto 12px;
  font-size: 34px;
  line-height: 1.15;}

.tittac-blog-section-head p {max-width: 720px;
  margin: 0 auto;
  font-size: 17px;
  line-height: 1.7;
  color: #6b7280;}

.tittac-blog-hub-grid {display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;}

.tittac-blog-hub-card {background: #fcfaf7;
  border: 1px solid #eadfD3;
  border-radius: 26px;
  padding: 24px 24px 22px;
  text-align: left;
  min-height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;}

.tittac-blog-hub-icon {width: 40px;
  height: 40px;
  border-radius: 14px;
  background: #f3ece4;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 18px;}

.tittac-blog-hub-card h3 {margin: 0 0 12px;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  color: #111827;}

.tittac-blog-hub-card p {margin: 0 0 16px;
  font-size: 15px;
  line-height: 1.65;
  color: #5f6673;}

.tittac-blog-hub-card a {margin-top: auto;
  font-size: 14px;
  font-weight: 600;
  color: #c9782d;
  text-decoration: none;}

.tittac-blog-topic-section,
.tittac-blog-hub-section {margin-top: 8px;}

@media (max-width: 991px) {.tittac-blog-hub-grid {grid-template-columns: 1fr;
    gap: 16px;}

.tittac-blog-section-head {margin-bottom: 18px;}

.tittac-blog-section-head h2 {font-size: 30px;}}

@media (max-width: 767px) {.tittac-blog-section-head {max-width: 100%;
    margin: 0 auto 16px;
    padding: 0 14px;}

.tittac-blog-section-head h2 {font-size: 26px;
    line-height: 1.2;
    margin-bottom: 10px;}

.tittac-blog-section-head p {font-size: 15px;
    line-height: 1.6;}

.tittac-blog-hub-grid {grid-template-columns: 1fr;
    gap: 14px;}

.tittac-blog-hub-card {padding: 18px 18px 16px;
    border-radius: 22px;
    text-align: left;
    align-items: flex-start;}

.tittac-blog-hub-icon {margin: 0 0 14px;}

.tittac-blog-hub-card h3 {font-size: 18px;
    line-height: 1.3;
    margin-bottom: 10px;}

.tittac-blog-hub-card p {font-size: 14px;
    line-height: 1.6;
    margin-bottom: 12px;}

.tittac-blog-hub-card a {font-size: 14px;}}

.tittac-blog-section-head {margin-bottom: 18px !important;}

.tittac-blog-hub-grid {margin-top: 0 !important;}

.tittac-blog-section-head p::after {content: none !important;}

.tittac-blog-hub-card {min-height: 230px !important;}

@media (max-width: 767px) {.tittac-blog-main-hubs {padding-top: 0 !important;}

.tittac-blog-section-head {margin-bottom: 14px !important;}

.tittac-blog-hub-grid {gap: 12px !important;}

.tittac-blog-hub-card {display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 4px;
    align-items: start !important;
    padding: 16px 16px 15px !important;
    border-radius: 20px !important;
    min-height: auto !important;
    text-align: left !important;}

.tittac-blog-hub-icon {grid-column: 1;
    grid-row: 1 / span 3;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    border-radius: 13px !important;
    flex-shrink: 0;}

.tittac-blog-hub-card h3 {grid-column: 2;
    margin: 0 0 6px !important;
    font-size: 17px !important;
    line-height: 1.25 !important;}

.tittac-blog-hub-card p {grid-column: 2;
    margin: 0 0 8px !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;}

.tittac-blog-hub-link {grid-column: 2;
    margin-top: 0 !important;
    font-size: 13.5px !important;
    line-height: 1.3 !important;}}

.tittac-blog-section-head {margin-bottom: 1px !important;}

.tittac-blog-hub-card {display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr);
  column-gap: 14px;
  row-gap: 8px;
  align-items: start;}

.tittac-blog-hub-icon {grid-column: 1;
  grid-row: 1;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  border-radius: 14px !important;}

.tittac-blog-hub-card h3 {grid-column: 2;
  grid-row: 1;
  align-self: center;
  margin: 0 !important;}

.tittac-blog-hub-card p {grid-column: 2;
  grid-row: 2;
  margin: 0 0 10px !important;}

.tittac-blog-hub-link {grid-column: 2;
  grid-row: 3;
  margin-top: 0 !important;}

@media (max-width: 767px) {.tittac-blog-hub-card {grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 4px;
    align-items: center !important;
    padding: 16px 16px 15px !important;}

.tittac-blog-hub-icon {grid-column: 1;
    grid-row: 1 / span 3;
    align-self: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 13px !important;}

.tittac-blog-hub-card h3 {grid-column: 2;
    grid-row: 1;
    align-self: end;
    font-size: 17px !important;
    line-height: 1.25 !important;
    margin: 0 0 5px !important;}

.tittac-blog-hub-card p {grid-column: 2;
    grid-row: 2;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    margin: 0 0 7px !important;}

.tittac-blog-hub-link {grid-column: 2;
    grid-row: 3;
    font-size: 13.5px !important;
    line-height: 1.3 !important;}}

.tittac-blog-main-hubs .tittac-blog-section-head {margin-bottom: 22px !important;}

.tittac-blog-section-head p:empty,
.tittac-blog-section-head p:has(br) {display: none !important;}

.tittac-blog-section-head p:last-child {margin-bottom: 0 !important;}

.tittac-blog-home-page .tittac-blog-home-intro,
.page-body .tittac-blog-home-intro,
.tittac-blog-home-intro {display: block !important;
  width: 100%;
  max-width: 760px !important;
  margin: 6px auto 42px !important;
  padding: 0 18px !important;
  text-align: center !important;
  color: #6f7177 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
  box-sizing: border-box !important;}

.tittac-blog-home-wrap {max-width: 1320px;
  margin: 0 auto;
  padding: 0 18px 52px !important;}

.tittac-blog-hero-content {position: absolute !important;
  z-index: 3;
  left: 38px;
  right: 38px;
  bottom: 38px;
  max-width: 560px;
  color: #fff;}

.tittac-blog-hero-side-card .tittac-blog-hero-content {left: 24px;
  right: 24px;
  bottom: 22px;
  max-width: 350px;}

.tittac-blog-hero-content h2 {max-width: 560px;
  margin: 0 0 12px;
  color: #fff;
  font-size: 42px;
  line-height: 1.08;
  letter-spacing: -0.035em;
  font-weight: 800;}

.tittac-blog-hero-content p {max-width: 560px;
  margin: 0 0 20px;
  color: rgba(255, 255, 255, 0.92);
  font-size: 16px;
  line-height: 1.62;}

.tittac-blog-pill,
.tittac-blog-link {display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 10px 16px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none !important;
  transition: all 0.2s ease;}

.tittac-blog-section-head {max-width: 820px;
  margin: 0 auto 24px !important;
  text-align: center;}

.tittac-blog-section-head h2 {max-width: 760px;
  margin: 0 auto 12px;
  color: #111;
  font-size: 34px;
  line-height: 1.15;
  letter-spacing: -0.03em;
  font-weight: 800;}

.tittac-blog-section-head p {max-width: 720px;
  margin: 0 auto;
  color: #6f7177;
  font-size: 16px;
  line-height: 1.65;}

.tittac-blog-section-head p:empty {display: none !important;}

.tittac-blog-main-hubs {max-width: 1320px;
  margin: 0 auto;
  padding: 0 18px 34px !important;}

.tittac-blog-hub-grid {display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
  margin-top: 0 !important;}

.tittac-blog-hub-card {display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr);
  column-gap: 14px;
  row-gap: 8px;
  align-items: start;
  min-height: 230px !important;
  padding: 24px 24px 22px;
  border-radius: 26px;
  border: 1px solid #eee5dc;
  background:
    radial-gradient(circle at top right, rgba(182, 106, 44, 0.08), transparent 34%),
    #fcfaf7;
  color: #111;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.045);
  box-sizing: border-box;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;}

.tittac-blog-hub-icon {grid-column: 1;
  grid-row: 1;
  width: 44px !important;
  height: 44px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  border-radius: 14px !important;
  background: #f8f1ea;
  color: #b66a2c;
  font-size: 21px;
  line-height: 1;}

.tittac-blog-hub-card h3 {grid-column: 2;
  grid-row: 1;
  align-self: center;
  margin: 0 !important;
  color: #111;
  font-size: 22px;
  line-height: 1.22;
  letter-spacing: -0.02em;
  font-weight: 800;}

.tittac-blog-hub-card p {grid-column: 2;
  grid-row: 2;
  margin: 0 0 10px !important;
  color: #5f6368;
  font-size: 15px;
  line-height: 1.62;}

.tittac-blog-hub-link {grid-column: 2;
  grid-row: 3;
  margin-top: 0 !important;
  color: #b66a2c !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
  text-decoration: none !important;}

.tittac-blog-topics {max-width: 1320px;
  margin: 0 auto;
  padding: 8px 18px 54px !important;}

.tittac-blog-topics .tittac-blog-section-head {max-width: 820px;
  margin: 0 auto 28px !important;
  text-align: center !important;}

.tittac-topic-desktop {display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;}

.tittac-topic-mobile {display: none !important;}

.tittac-topic-desktop .tittac-blog-topic-group {display: block !important;
  padding: 26px !important;
  border-radius: 26px !important;
  border: 1px solid #eee5dc !important;
  background: #fcfaf7 !important;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.04) !important;
  min-height: auto !important;}

.tittac-topic-desktop .tittac-blog-topic-group h3 {margin: 0 0 16px !important;
  color: #111 !important;
  font-size: 21px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  font-weight: 800 !important;}

.tittac-blog-topic-links {display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;}

.tittac-blog-topic-links a {display: block !important;
  padding: 12px 14px !important;
  border-radius: 14px !important;
  background: #fff !important;
  border: 1px solid #f0e6dc !important;
  color: #3f4248 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
  text-decoration: none !important;
  text-align: left !important;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease, color 0.2s ease;}

.tittac-blog-topic-links a:hover {transform: translateY(-1px);
  background: #fff8f1 !important;
  border-color: #dfc7b0 !important;
  color: #b66a2c !important;}

@media (max-width: 980px) {.tittac-blog-hero-grid {grid-template-columns: 1fr;}

.tittac-blog-hero-main {min-height: 390px;}

.tittac-blog-hero-side {grid-template-columns: 1fr 1fr;
    grid-template-rows: none;}

.tittac-blog-hero-side-card {min-height: 260px;}

.tittac-blog-hub-grid {grid-template-columns: 1fr;
    gap: 14px;}

.tittac-blog-main-hubs {padding-bottom: 30px !important;}

.tittac-topic-desktop {display: none !important;}

.tittac-topic-mobile {display: flex !important;
    flex-direction: column;
    gap: 12px;}

.tittac-blog-topics {padding: 0 14px 44px !important;}

.tittac-blog-topics .tittac-blog-section-head {margin-bottom: 18px !important;}

.tittac-topic-mobile .tittac-blog-topic-group {display: block !important;
    padding: 0 !important;
    overflow: hidden;
    border-radius: 20px !important;
    border: 1px solid #eee5dc !important;
    background: #fcfaf7 !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.035) !important;}

.tittac-topic-mobile summary {display: flex !important;
    align-items: center;
    justify-content: space-between;
    padding: 18px !important;
    list-style: none !important;
    cursor: pointer;
    color: #111 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: left !important;}

.tittac-topic-mobile summary::-webkit-details-marker {display: none !important;}

.tittac-topic-mobile summary::after {content: "+" !important;
    color: #b66a2c !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    line-height: 1 !important;}

.tittac-topic-mobile details[open] summary::after {content: "−" !important;}

.tittac-topic-mobile .tittac-blog-topic-links {display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 0 16px 16px !important;
    margin: 0 !important;
    text-align: left !important;}

.tittac-topic-mobile .tittac-blog-topic-links a {padding: 11px 13px !important;
    font-size: 13.5px !important;
    text-align: left !important;}}

@media (max-width: 640px) {.tittac-blog-home-intro {margin: 4px auto 28px !important;
    font-size: 15px !important;}

.tittac-blog-home-wrap {padding: 0 14px 38px !important;}

.tittac-blog-hero-grid {gap: 16px;}

.tittac-blog-hero-main,
  .tittac-blog-hero-side-card {border-radius: 22px;}

.tittac-blog-hero-main {min-height: 430px;}

.tittac-blog-hero-side {grid-template-columns: 1fr;
    gap: 16px;}

.tittac-blog-hero-side-card {min-height: 260px;}

.tittac-blog-hero-content {left: 22px;
    right: 22px;
    bottom: 24px;}

.tittac-blog-hero-content h2 {font-size: 31px;}

.tittac-blog-hero-side-card h3 {font-size: 22px;}

.tittac-blog-hero-content p {font-size: 15px;}

.tittac-blog-section-head {text-align: center;
    margin-bottom: 16px !important;
    padding: 0 14px;}

.tittac-blog-section-head h2 {font-size: 26px;
    line-height: 1.2;
    margin-bottom: 10px;}

.tittac-blog-section-head p {font-size: 15px;
    line-height: 1.6;}

.tittac-blog-main-hubs {padding: 0 14px 26px !important;}

.tittac-blog-main-hubs .tittac-blog-section-head {margin-bottom: 14px !important;}

.tittac-blog-hub-card {grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 4px;
    align-items: center !important;
    padding: 16px 16px 15px !important;
    border-radius: 20px !important;
    min-height: auto !important;
    text-align: left !important;}

.tittac-blog-hub-icon {grid-column: 1;
    grid-row: 1 / span 3;
    align-self: center !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 13px !important;}

.tittac-blog-hub-card h3 {grid-column: 2;
    grid-row: 1;
    align-self: end;
    font-size: 17px !important;
    line-height: 1.25 !important;
    margin: 0 0 5px !important;}

.tittac-blog-hub-card p {grid-column: 2;
    grid-row: 2;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    margin: 0 0 7px !important;}

.tittac-blog-hub-link {grid-column: 2;
    grid-row: 3;
    font-size: 13.5px !important;
    line-height: 1.3 !important;}

.tittac-blog-topics {padding-bottom: 36px !important;}

.tittac-topic-mobile summary {padding: 16px !important;
    font-size: 16px !important;}}

.tittac-featured-guides {max-width: 1320px;
  margin: 0 auto;
  padding: 8px 18px 58px !important;}

.tittac-featured-guides .tittac-blog-section-head {margin-bottom: 26px !important;}

.tittac-featured-guide-grid {display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;}

.tittac-featured-guide-card {display: flex;
  flex-direction: column;
  min-height: 245px;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid #eee5dc;
  background: #fff;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.045);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;}

.tittac-featured-guide-card:hover {transform: translateY(-3px);
  border-color: #dfc7b0;
  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.075);}

.tittac-featured-guide-tag {align-self: flex-start;
  margin-bottom: 14px;
  padding: 7px 11px;
  border-radius: 999px;
  background: #f8f1ea;
  color: #b66a2c;
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;}

.tittac-featured-guide-card h3 {margin: 0 0 12px;
  color: #111;
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: -0.02em;
  font-weight: 800;}

.tittac-featured-guide-card p {margin: 0 0 18px;
  color: #5f6368;
  font-size: 14.5px;
  line-height: 1.6;}

.tittac-featured-guide-card a {margin-top: auto;
  color: #b66a2c !important;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;}

.tittac-featured-guide-card a::after {content: " →";}

.tittac-featured-guide-card a:hover {color: #8f4f1f !important;}

@media (max-width: 980px) {.tittac-featured-guide-grid {grid-template-columns: 1fr 1fr;
    gap: 14px;}

.tittac-featured-guides {padding: 0 14px 44px !important;}}

@media (max-width: 640px) {.tittac-featured-guide-grid {grid-template-columns: 1fr;
    gap: 12px;}

.tittac-featured-guides .tittac-blog-section-head {margin-bottom: 16px !important;}

.tittac-featured-guide-card {min-height: auto;
    padding: 18px;
    border-radius: 20px;}

.tittac-featured-guide-tag {margin-bottom: 12px;}

.tittac-featured-guide-card h3 {font-size: 18px;}

.tittac-featured-guide-card p {font-size: 13.5px;
    margin-bottom: 12px;}}

@media (max-width: 640px) {.tittac-featured-guide-grid {display: flex !important;
    overflow-x: auto;
    gap: 14px;
    padding: 0 14px 8px;
    margin: 0 -14px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;}

.tittac-featured-guide-grid::-webkit-scrollbar {display: none;}

.tittac-featured-guide-card {flex: 0 0 88%;
    scroll-snap-align: start;
    min-height: 260px;
    text-align: left;}

.tittac-featured-guide-card h3,
  .tittac-featured-guide-card p,
  .tittac-featured-guide-card a {text-align: left;}}

@media (max-width: 640px) {.tittac-featured-guide-card {min-height: auto !important;
    padding: 18px !important;}

.tittac-featured-guide-card p {margin-bottom: 14px !important;}

.tittac-featured-guide-card a {margin-top: 0 !important;}}

.tittac-blog-trust {background: #f9f9f9;
  margin: 0;
  padding: 64px 18px;}

.tittac-blog-trust-inner {max-width: 1320px;
  margin: 0 auto;}

.tittac-blog-trust .tittac-blog-section-head {margin-bottom: 30px !important;}

.tittac-blog-trust-grid {display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;}

.tittac-blog-trust-card {padding: 24px 22px;
  border-radius: 24px;
  border: 1px solid #eee5dc;
  background: #fff;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.035);
  text-align: left;}

.tittac-blog-trust-icon {width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  border-radius: 14px;
  background: #f8f1ea;
  color: #b66a2c;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;}

.tittac-blog-trust-card h3 {margin: 0 0 10px;
  color: #111;
  font-size: 18px;
  line-height: 1.25;
  letter-spacing: -0.02em;
  font-weight: 800;}

.tittac-blog-trust-card p {margin: 0;
  color: #5f6368;
  font-size: 14px;
  line-height: 1.6;}

@media (max-width: 980px) {.tittac-blog-trust {padding: 52px 14px;}

.tittac-blog-trust-grid {grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;}

.tittac-blog-trust-card {padding: 20px;
    border-radius: 22px;}}

@media (max-width: 640px) {.tittac-blog-trust {padding: 44px 14px;}

.tittac-blog-trust .tittac-blog-section-head {margin-bottom: 18px !important;}

.tittac-blog-trust-grid {grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;}

.tittac-blog-trust-card {padding: 16px;
    border-radius: 18px;}

.tittac-blog-trust-icon {width: 36px;
    height: 36px;
    margin-bottom: 12px;
    border-radius: 12px;
    font-size: 17px;}

.tittac-blog-trust-card h3 {font-size: 15px;
    line-height: 1.25;}

.tittac-blog-trust-card p {font-size: 13px;
    line-height: 1.5;}}

.tittac-blog-trust-cta {max-width: 760px;
  margin: 34px auto 0;
  padding: 28px 24px;
  border-radius: 24px;
  background: #111;
  color: #fff;
  text-align: center;}

.tittac-blog-trust-cta h3 {margin: 0 0 8px;
  color: #fff;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.02em;}

.tittac-blog-trust-cta p {margin: 0 0 18px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 15px;
  line-height: 1.55;}

.tittac-blog-trust-cta a {display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 11px 20px;
  border-radius: 999px;
  background: #fff;
  color: #111 !important;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;}

.tittac-blog-trust-cta a:hover {background: #f3c08a;
  color: #111 !important;}

@media (max-width: 640px) {.tittac-blog-trust-cta {margin-top: 24px;
    padding: 24px 18px;
    border-radius: 20px;}

.tittac-blog-trust-cta h3 {font-size: 21px;}}

.tittac-category-blog-hero {max-width: 1320px;
  margin: 0 auto;
  padding: 8px 18px 44px;}

.tittac-category-blog-hero-inner {display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.7fr);
  gap: 24px;
  align-items: stretch;
  padding: 34px;
  border-radius: 30px;
  background:
    radial-gradient(circle at top right, rgba(182, 106, 44, 0.13), transparent 34%),
    linear-gradient(135deg, #161412, #2a211b);
  color: #fff;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.08);}

.tittac-category-blog-copy h2 {max-width: 760px;
  margin: 0 0 14px;
  color: #fff;
  font-size: 42px;
  line-height: 1.08;
  letter-spacing: -0.035em;
  font-weight: 800;}

.tittac-category-blog-copy p {max-width: 760px;
  margin: 0 0 22px;
  color: rgba(255, 255, 255, 0.84);
  font-size: 16px;
  line-height: 1.65;}

.tittac-category-blog-actions {display: flex;
  flex-wrap: wrap;
  gap: 10px;}

.tittac-category-primary-btn,
.tittac-category-secondary-btn {display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 11px 18px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;}

.tittac-category-primary-btn {background: #fff;
  color: #111 !important;}

.tittac-category-primary-btn:hover {background: #f3c08a;
  color: #111 !important;}

.tittac-category-secondary-btn {color: #fff !important;
  background: rgba(255, 255, 255, 0.13);
  border: 1px solid rgba(255, 255, 255, 0.25);}

.tittac-category-secondary-btn:hover {background: rgba(255, 255, 255, 0.22);
  color: #fff !important;}

.tittac-category-blog-note {align-self: stretch;
  padding: 24px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);}

.tittac-category-blog-note h3 {margin: 0 0 10px;
  color: #fff;
  font-size: 22px;
  line-height: 1.18;
  letter-spacing: -0.02em;
  font-weight: 800;}

.tittac-category-blog-note p {margin: 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 14.5px;
  line-height: 1.6;}

.tittac-category-topic-section {max-width: 1320px;
  margin: 0 auto;
  padding: 0 18px 46px;}

.tittac-category-topic-grid {display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;}

.tittac-category-topic-card {display: flex;
  flex-direction: column;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid #eee5dc;
  background: #fcfaf7;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.04);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;}

.tittac-category-topic-card:hover {transform: translateY(-3px);
  border-color: #dfc7b0;
  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.07);}

.tittac-category-topic-icon {width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  border-radius: 14px;
  background: #f8f1ea;
  color: #b66a2c;
  font-size: 20px;
  line-height: 1;}

.tittac-category-topic-card h3 {margin: 0 0 10px;
  color: #111;
  font-size: 19px;
  line-height: 1.25;
  letter-spacing: -0.02em;
  font-weight: 800;}

.tittac-category-topic-card p {margin: 0 0 16px;
  color: #5f6368;
  font-size: 14px;
  line-height: 1.58;}

.tittac-category-topic-card a {margin-top: auto;
  color: #b66a2c !important;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;}

.tittac-category-topic-card a::after {content: " →";}

@media (max-width: 980px) {.tittac-category-blog-hero-inner {grid-template-columns: 1fr;
    padding: 28px;}

.tittac-category-blog-copy h2 {font-size: 34px;}

.tittac-category-topic-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}}

@media (max-width: 640px) {.tittac-category-blog-hero {padding: 0 14px 34px;}

.tittac-category-blog-hero-inner {padding: 24px 20px;
    border-radius: 24px;}

.tittac-category-blog-copy h2 {font-size: 29px;}

.tittac-category-blog-copy p {font-size: 15px;}

.tittac-category-blog-note {padding: 20px;
    border-radius: 20px;}

.tittac-category-blog-note h3 {font-size: 20px;}

.tittac-category-topic-section {padding: 0 14px 36px;}

.tittac-category-topic-grid {grid-template-columns: 1fr;
    gap: 12px;}

.tittac-category-topic-card {display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 4px;
    padding: 18px;
    border-radius: 20px;}

.tittac-category-topic-icon {grid-column: 1;
    grid-row: 1 / span 3;
    align-self: center;
    margin: 0;}

.tittac-category-topic-card h3 {grid-column: 2;
    margin: 0 0 5px;
    font-size: 17px;}

.tittac-category-topic-card p {grid-column: 2;
    margin: 0 0 8px;
    font-size: 13.5px;}

.tittac-category-topic-card a {grid-column: 2;
    font-size: 13.5px;}}

@media (max-width: 640px) {.tittac-category-topic-card {display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    row-gap: 4px !important;
    align-items: center !important;
    padding: 16px !important;
    min-height: auto !important;
    text-align: left !important;}

.tittac-category-topic-icon {grid-column: 1 !important;
    grid-row: 1 / span 3 !important;
    align-self: center !important;
    margin: 0 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 13px !important;
    font-size: 18px !important;}

.tittac-category-topic-card h3 {grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 0 4px !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    text-align: left !important;}

.tittac-category-topic-card p {grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 0 6px !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    text-align: left !important;}

.tittac-category-topic-card a {grid-column: 2 !important;
    grid-row: 3 !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    text-align: left !important;}}

.tittac-category-featured-guides {max-width: 1320px;
  margin: 0 auto;
  padding: 6px 18px 48px;}

.tittac-category-featured-guides .tittac-blog-section-head {margin-bottom: 26px !important;}

.tittac-category-featured-grid {display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;}

.tittac-category-featured-card {display: flex;
  flex-direction: column;
  min-height: 245px;
  padding: 24px;
  border-radius: 24px;
  border: 1px solid #eee5dc;
  background: #fff;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.04);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;}

.tittac-category-featured-card:hover {transform: translateY(-3px);
  border-color: #dfc7b0;
  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.07);}

.tittac-category-featured-card h3 {margin: 0 0 12px;
  color: #111;
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: -0.02em;
  font-weight: 800;}

.tittac-category-featured-card p {margin: 0 0 18px;
  color: #5f6368;
  font-size: 14.5px;
  line-height: 1.6;}

.tittac-category-featured-card a {margin-top: auto;
  color: #b66a2c !important;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none !important;}

.tittac-category-featured-card a::after {content: " →";}

.tittac-category-featured-card a:hover {color: #8f4f1f !important;}

@media (max-width: 1180px) {.tittac-category-featured-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}}

@media (max-width: 640px) {.tittac-category-featured-guides {padding: 0 14px 36px;}

.tittac-category-featured-guides .tittac-blog-section-head {margin-bottom: 16px !important;}

.tittac-category-featured-grid {display: flex;
    overflow-x: auto;
    gap: 14px;
    padding: 0 14px 8px;
    margin: 0 -14px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;}

.tittac-category-featured-grid::-webkit-scrollbar {display: none;}

.tittac-category-featured-card {flex: 0 0 82%;
    scroll-snap-align: start;
    min-height: auto;
    padding: 18px;
    border-radius: 20px;}

.tittac-category-featured-card h3 {font-size: 18px;}

.tittac-category-featured-card p {margin-bottom: 14px;
    font-size: 13.5px;}

.tittac-category-featured-card a {margin-top: 0;
    font-size: 13.5px;}}

.tittac-karaoke-featured-guides {max-width: 1320px;
  margin: 0 auto;
  padding: 6px 18px 48px !important;}

.tittac-karaoke-featured-guides .tittac-blog-section-head {margin-bottom: 26px !important;}

.tittac-karaoke-featured-grid {display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
  width: 100% !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;}

.tittac-karaoke-featured-card {display: flex !important;
  flex-direction: column !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 245px !important;
  padding: 24px !important;
  border-radius: 24px !important;
  border: 1px solid #eee5dc !important;
  background: #fff !important;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box !important;}

.tittac-karaoke-featured-card h3 {margin: 0 0 12px !important;
  color: #111 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  font-weight: 800 !important;}

.tittac-karaoke-featured-card p {margin: 0 0 18px !important;
  color: #5f6368 !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;}

.tittac-karaoke-featured-card a {margin-top: auto !important;
  color: #b66a2c !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-decoration: none !important;}

.tittac-karaoke-featured-card a::after {content: " →";}

.tittac-karaoke-featured-card a:hover {color: #8f4f1f !important;}

@media (max-width: 1180px) {.tittac-karaoke-featured-grid {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}}

@media (max-width: 640px) {.tittac-karaoke-featured-guides {padding: 0 14px 36px !important;}

.tittac-karaoke-featured-guides .tittac-blog-section-head {margin-bottom: 16px !important;}

.tittac-karaoke-featured-grid {display: flex !important;
    overflow-x: auto !important;
    gap: 14px !important;
    padding: 0 14px 8px !important;
    margin: 0 -14px !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;}

.tittac-karaoke-featured-grid::-webkit-scrollbar {display: none;}

.tittac-karaoke-featured-card {flex: 0 0 82% !important;
    min-height: auto !important;
    padding: 18px !important;
    border-radius: 20px !important;
    scroll-snap-align: start !important;}

.tittac-karaoke-featured-card h3 {font-size: 18px !important;}

.tittac-karaoke-featured-card p {margin-bottom: 14px !important;
    font-size: 13.5px !important;}

.tittac-karaoke-featured-card a {margin-top: 0 !important;
    font-size: 13.5px !important;}}

@media (max-width: 640px) {.tittac-karaoke-featured-card {text-align: left !important;
    align-items: flex-start !important;}

.tittac-karaoke-featured-card .tittac-featured-guide-tag {align-self: flex-start !important;
    text-align: left !important;}

.tittac-karaoke-featured-card h3,
  .tittac-karaoke-featured-card p,
  .tittac-karaoke-featured-card a {text-align: left !important;}}

.tittac-blog-main-category-page .cmspages,
.tittac-blog-main-category-page .cmspage-list {max-width: 1320px;
  margin: 0 auto;
  padding: 0 18px 58px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;}

.tittac-blog-main-category-page .cmspage-item {display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  padding: 0 !important;
  border-radius: 24px !important;
  border: 1px solid #eee5dc !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.04) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;}

.tittac-blog-main-category-page .cmspage-item:hover {transform: translateY(-3px);
  border-color: #dfc7b0 !important;
  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.07) !important;}

.tittac-blog-main-category-page .cmspage-item .picture {width: 100% !important;
  height: 210px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #f7f3ef !important;
  border: 0 !important;
  border-radius: 0 !important;}

.tittac-blog-main-category-page .cmspage-item .picture a,
.tittac-blog-main-category-page .cmspage-item .picture img {display: block !important;
  width: 100% !important;
  height: 100% !important;}

.tittac-blog-main-category-page .cmspage-item .picture img {object-fit: cover !important;
  object-position: center !important;}

.tittac-blog-main-category-page .cmspage-item .details {display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  padding: 22px !important;
  text-align: left !important;}

.tittac-blog-main-category-page .cmspage-item .title,
.tittac-blog-main-category-page .cmspage-item .title a {margin: 0 0 10px !important;
  color: #111 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  font-weight: 800 !important;
  text-decoration: none !important;}

.tittac-blog-main-category-page .cmspage-item .title a:hover {color: #b66a2c !important;}

.tittac-blog-main-category-page .cmspage-item .date,
.tittac-blog-main-category-page .cmspage-item .created-on {margin: 0 0 10px !important;
  color: #8a8d93 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-style: normal !important;}

.tittac-blog-main-category-page .cmspage-item .short-description,
.tittac-blog-main-category-page .cmspage-item .description {margin: 0 0 16px !important;
  color: #5f6368 !important;
  font-size: 14.5px !important;
  line-height: 1.58 !important;}

.tittac-blog-main-category-page .cmspage-item .comments,
.tittac-blog-main-category-page .cmspage-item .comment-count {display: none !important;}

.tittac-blog-main-category-page .cmspage-item .buttons {margin-top: auto !important;}

.tittac-blog-main-category-page .cmspage-item .button-1,
.tittac-blog-main-category-page .cmspage-item .button-2,
.tittac-blog-main-category-page .cmspage-item .read-more a,
.tittac-blog-main-category-page .cmspage-item a.read-more {display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #b66a2c !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  text-transform: none !important;}

.tittac-blog-main-category-page .cmspage-item .button-1::after,
.tittac-blog-main-category-page .cmspage-item .button-2::after,
.tittac-blog-main-category-page .cmspage-item .read-more a::after,
.tittac-blog-main-category-page .cmspage-item a.read-more::after {content: " →";}

.tittac-blog-main-category-page .cmspage-item .button-1:hover,
.tittac-blog-main-category-page .cmspage-item .button-2:hover,
.tittac-blog-main-category-page .cmspage-item .read-more a:hover,
.tittac-blog-main-category-page .cmspage-item a.read-more:hover {color: #8f4f1f !important;}

.tittac-category-latest-intro {max-width: 820px;
  margin: 12px auto 28px;
  padding: 0 18px;
  text-align: center;}

.tittac-category-latest-intro h2 {margin: 0 0 10px;
  color: #111;
  font-size: 34px;
  line-height: 1.15;
  letter-spacing: -0.03em;
  font-weight: 800;}

.tittac-category-latest-intro p {max-width: 720px;
  margin: 0 auto;
  color: #6f7177;
  font-size: 16px;
  line-height: 1.65;}

.tittac-blog-main-category-page .pager {max-width: 1320px;
  margin: 10px auto 56px !important;
  padding: 0 18px;
  text-align: center;}

.tittac-blog-main-category-page .pager li a,
.tittac-blog-main-category-page .pager li span {border-radius: 999px !important;
  border: 1px solid #eee5dc !important;
  background: #fff !important;
  color: #3f4248 !important;}

.tittac-blog-main-category-page .pager li.current-page span {background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;}

@media (max-width: 980px) {.tittac-blog-main-category-page .cmspages,
  .tittac-blog-main-category-page .cmspage-list {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;}

.tittac-blog-main-category-page .cmspage-item .picture {height: 190px !important;}}

@media (max-width: 640px) {.tittac-category-latest-intro {margin: 4px auto 18px;
    padding: 0 14px;}

.tittac-category-latest-intro h2 {font-size: 26px;}

.tittac-category-latest-intro p {font-size: 14.5px;}

.tittac-blog-main-category-page .cmspages,
  .tittac-blog-main-category-page .cmspage-list {grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 0 14px 38px !important;}

.tittac-blog-main-category-page .cmspage-item {border-radius: 20px !important;}

.tittac-blog-main-category-page .cmspage-item .picture {height: 190px !important;}

.tittac-blog-main-category-page .cmspage-item .details {padding: 18px !important;}

.tittac-blog-main-category-page .cmspage-item .title,
  .tittac-blog-main-category-page .cmspage-item .title a {font-size: 18px !important;}

.tittac-blog-main-category-page .cmspage-item .short-description,
  .tittac-blog-main-category-page .cmspage-item .description {font-size: 13.5px !important;}}

.tittac-blog-subcategory-page {background: #fff;}

.tittac-blog-subcategory-page .page-title {max-width: 1320px;
  margin: 0 auto;
  padding: 8px 18px 0;
  text-align: center;}

.tittac-blog-subcategory-page .page-title h1 {margin: 0 0 22px;
  color: #111;
  font-size: 42px;
  line-height: 1.12;
  letter-spacing: -0.035em;
  font-weight: 800;}

.tittac-blog-subcategory-intro {max-width: 980px;
  margin: 0 auto 34px !important;
  padding: 0 18px !important;
  text-align: center;}

.tittac-blog-subcategory-intro-content {color: #4f5359;
  font-size: 15.5px;
  line-height: 1.65;}

.tittac-blog-subcategory-intro-content p {max-width: 900px;
  margin: 0 auto 10px;}

.tittac-blog-subcategory-intro-content strong {color: #111;
  font-weight: 800;}

.tittac-subcategory-quick-points {display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;}

.tittac-subcategory-quick-points span {display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 8px 12px;
  border-radius: 999px;
  background: #f8f1ea;
  color: #9b5a27;
  font-size: 13px;
  font-weight: 800;}

.tittac-blog-subcategory-page .cmspages,
.tittac-blog-subcategory-page .cmspage-list {max-width: 1320px;
  margin: 0 auto;
  padding: 0 18px 58px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;}

.tittac-blog-subcategory-page .cmspage-item {display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  padding: 0 !important;
  border-radius: 24px !important;
  border: 1px solid #eee5dc !important;
  background: #fff !important;
  overflow: hidden !important;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.04) !important;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;}

.tittac-blog-subcategory-page .cmspage-item:hover {transform: translateY(-3px);
  border-color: #dfc7b0 !important;
  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.07) !important;}

.tittac-blog-subcategory-page .cmspage-item .picture {width: 100% !important;
  height: 210px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #f7f3ef !important;
  border: 0 !important;
  border-radius: 0 !important;}

.tittac-blog-subcategory-page .cmspage-item .picture a,
.tittac-blog-subcategory-page .cmspage-item .picture img {display: block !important;
  width: 100% !important;
  height: 100% !important;}

.tittac-blog-subcategory-page .cmspage-item .picture img {object-fit: cover !important;
  object-position: center !important;}

.tittac-blog-subcategory-page .cmspage-item .details {display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  padding: 22px !important;
  text-align: left !important;}

.tittac-blog-subcategory-page .cmspage-item .title,
.tittac-blog-subcategory-page .cmspage-item .title a {margin: 0 0 10px !important;
  color: #111 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  font-weight: 800 !important;
  text-decoration: none !important;}

.tittac-blog-subcategory-page .cmspage-item .title a:hover {color: #b66a2c !important;}

.tittac-blog-subcategory-page .cmspage-item .date,
.tittac-blog-subcategory-page .cmspage-item .created-on {margin: 0 0 10px !important;
  color: #8a8d93 !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-style: normal !important;}

.tittac-blog-subcategory-page .cmspage-item .short-description,
.tittac-blog-subcategory-page .cmspage-item .description {margin: 0 0 16px !important;
  color: #5f6368 !important;
  font-size: 14.5px !important;
  line-height: 1.58 !important;}

.tittac-blog-subcategory-page .cmspage-item .comments,
.tittac-blog-subcategory-page .cmspage-item .comment-count {display: none !important;}

.tittac-blog-subcategory-page .cmspage-item .buttons {margin-top: auto !important;}

.tittac-blog-subcategory-page .cmspage-item .button-1,
.tittac-blog-subcategory-page .cmspage-item .button-2,
.tittac-blog-subcategory-page .cmspage-item .read-more a,
.tittac-blog-subcategory-page .cmspage-item a.read-more {display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #b66a2c !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  text-transform: none !important;}

.tittac-blog-subcategory-page .cmspage-item .button-1::after,
.tittac-blog-subcategory-page .cmspage-item .button-2::after,
.tittac-blog-subcategory-page .cmspage-item .read-more a::after,
.tittac-blog-subcategory-page .cmspage-item a.read-more::after {content: " →";}

.tittac-blog-subcategory-page .cmspage-item .button-1:hover,
.tittac-blog-subcategory-page .cmspage-item .button-2:hover,
.tittac-blog-subcategory-page .cmspage-item .read-more a:hover,
.tittac-blog-subcategory-page .cmspage-item a.read-more:hover {color: #8f4f1f !important;}

.tittac-blog-subcategory-page .pager {max-width: 1320px;
  margin: 10px auto 56px !important;
  padding: 0 18px;
  text-align: center;}

.tittac-blog-subcategory-page .pager li a,
.tittac-blog-subcategory-page .pager li span {border-radius: 999px !important;
  border: 1px solid #eee5dc !important;
  background: #fff !important;
  color: #3f4248 !important;}

.tittac-blog-subcategory-page .pager li.current-page span {background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;}

@media (max-width: 980px) {.tittac-blog-subcategory-page .page-title h1 {font-size: 34px;}

.tittac-blog-subcategory-page .cmspages,
  .tittac-blog-subcategory-page .cmspage-list {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;}

.tittac-blog-subcategory-page .cmspage-item .picture {height: 190px !important;}}

@media (max-width: 640px) {.tittac-blog-subcategory-page .page-title {padding: 4px 14px 0;}

.tittac-blog-subcategory-page .page-title h1 {margin-bottom: 16px;
    font-size: 28px;}

.tittac-blog-subcategory-intro {margin-bottom: 24px !important;
    padding: 0 14px !important;}

.tittac-blog-subcategory-intro-content {font-size: 14.5px;
    text-align: left;}

.tittac-subcategory-quick-points {justify-content: flex-start;}

.tittac-blog-subcategory-page .cmspages,
  .tittac-blog-subcategory-page .cmspage-list {grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 0 14px 38px !important;}

.tittac-blog-subcategory-page .cmspage-item {border-radius: 20px !important;}

.tittac-blog-subcategory-page .cmspage-item .picture {height: 190px !important;}

.tittac-blog-subcategory-page .cmspage-item .details {padding: 18px !important;}

.tittac-blog-subcategory-page .cmspage-item .title,
  .tittac-blog-subcategory-page .cmspage-item .title a {font-size: 18px !important;}

.tittac-blog-subcategory-page .cmspage-item .short-description,
  .tittac-blog-subcategory-page .cmspage-item .description {font-size: 13.5px !important;}}

.tittac-blog-subcategory-page .page-title {width: 100% !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  padding: 8px 18px 0 !important;
  text-align: center !important;}

.tittac-blog-subcategory-page .page-title h1 {display: block !important;
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto 22px !important;
  text-align: center !important;}

.tittac-subcategory-sibling-topics {max-width: 980px;
  margin: 0 auto 34px;
  padding: 0 18px;
  text-align: center;}

.tittac-subcategory-sibling-grid {display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 12px;}

.tittac-subcategory-sibling-grid a {display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 13px 16px;
  border-radius: 16px;
  border: 1px solid #eee5dc;
  background: #fcfaf7;
  color: #111 !important;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 800;
  text-align: center;
  text-decoration: none !important;
  transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;}

.tittac-subcategory-sibling-grid a:hover {border-color: #dfc7b0;
  color: #b66a2c !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.045);}

@media (max-width: 640px) {.tittac-subcategory-sibling-topics {margin-bottom: 26px;
    padding: 0 14px;
    text-align: left;}

.tittac-subcategory-sibling-grid {grid-template-columns: 1fr;
    gap: 10px;}

.tittac-subcategory-sibling-grid a {justify-content: flex-start;
    min-height: 48px;
    text-align: left;}}

.tittac-subcategory-sibling-topics {margin-top: 26px !important;
  margin-bottom: 38px !important;}

.tittac-subcategory-sibling-topics .tittac-blog-section-eyebrow {display: block !important;
  margin-bottom: 14px !important;}

.tittac-subcategory-sibling-grid {margin-top: 0 !important;}

@media (max-width: 640px) {.tittac-subcategory-sibling-topics {margin-top: 22px !important;
    margin-bottom: 28px !important;}

.tittac-subcategory-sibling-topics .tittac-blog-section-eyebrow {margin-bottom: 12px !important;}}

@media (min-width: 981px) {.tittac-category-topic-grid-five {grid-template-columns: repeat(5, minmax(0, 1fr)) !important;}

.tittac-category-topic-grid-five .tittac-category-topic-card {padding: 22px !important;}

.tittac-category-topic-grid-five .tittac-category-topic-card h3 {font-size: 17px !important;}

.tittac-category-topic-grid-five .tittac-category-topic-card p {font-size: 13.5px !important;}}

@media (max-width: 1180px) and (min-width: 981px) {.tittac-category-topic-grid-five {grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}}

.tittac-massage-featured-guides {max-width: 1320px;
  margin: 0 auto;
  padding: 6px 18px 48px !important;}

.tittac-massage-featured-guides .tittac-blog-section-head {margin-bottom: 26px !important;}

.tittac-massage-featured-grid {display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
  width: 100% !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;}

.tittac-massage-featured-card {display: flex !important;
  flex-direction: column !important;
  min-height: 245px !important;
  padding: 24px !important;
  border-radius: 24px !important;
  border: 1px solid #eee5dc !important;
  background: #fff !important;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box !important;}

.tittac-massage-featured-card h3 {margin: 0 0 12px !important;
  color: #111 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  font-weight: 800 !important;}

.tittac-massage-featured-card p {margin: 0 0 18px !important;
  color: #5f6368 !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;}

.tittac-massage-featured-card a {margin-top: auto !important;
  color: #b66a2c !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-decoration: none !important;}

.tittac-massage-featured-card a::after {content: " →";}

.tittac-massage-featured-card a:hover {color: #8f4f1f !important;}

@media (max-width: 1180px) {.tittac-massage-featured-grid {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}}

@media (max-width: 640px) {.tittac-massage-featured-guides {padding: 0 14px 36px !important;}

.tittac-massage-featured-grid {display: flex !important;
    overflow-x: auto !important;
    gap: 14px !important;
    padding: 0 14px 8px !important;
    margin: 0 -14px !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;}

.tittac-massage-featured-grid::-webkit-scrollbar {display: none;}

.tittac-massage-featured-card {flex: 0 0 82% !important;
    min-height: auto !important;
    padding: 18px !important;
    border-radius: 20px !important;
    scroll-snap-align: start !important;
    text-align: left !important;
    align-items: flex-start !important;}

.tittac-massage-featured-card h3 {font-size: 18px !important;
    text-align: left !important;}

.tittac-massage-featured-card p,
  .tittac-massage-featured-card a {font-size: 13.5px !important;
    text-align: left !important;}}

@media (min-width: 981px) {.tittac-blog-subcategory-page .tittac-subcategory-sibling-grid {grid-template-columns: repeat(4, minmax(0, 1fr)) !important;}}

.tittac-subcategory-sibling-grid a {min-height: 48px !important;
  padding: 11px 14px !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em !important;}

@media (min-width: 981px) {.tittac-blog-subcategory-page .tittac-subcategory-sibling-grid {grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    max-width: 900px !important;
    margin-left: auto !important;
    margin-right: auto !important;}}

@media (max-width: 980px) {.tittac-blog-subcategory-page .tittac-subcategory-sibling-grid {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}}

@media (max-width: 640px) {.tittac-blog-subcategory-page .tittac-subcategory-sibling-grid {grid-template-columns: 1fr !important;}

.tittac-subcategory-sibling-grid a {font-size: 13.5px !important;
    line-height: 1.3 !important;}}

.tittac-jewelry-featured-guides {max-width: 1320px;
  margin: 0 auto;
  padding: 6px 18px 48px !important;}

.tittac-jewelry-featured-guides .tittac-blog-section-head {margin-bottom: 26px !important;}

.tittac-jewelry-featured-grid {display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
  width: 100% !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;}

.tittac-jewelry-featured-card {display: flex !important;
  flex-direction: column !important;
  min-height: 245px !important;
  padding: 24px !important;
  border-radius: 24px !important;
  border: 1px solid #eee5dc !important;
  background: #fff !important;
  box-shadow: 0 14px 42px rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box !important;}

.tittac-jewelry-featured-card h3 {margin: 0 0 12px !important;
  color: #111 !important;
  font-size: 20px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
  font-weight: 800 !important;}

.tittac-jewelry-featured-card p {margin: 0 0 18px !important;
  color: #5f6368 !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;}

.tittac-jewelry-featured-card a {margin-top: auto !important;
  color: #b66a2c !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-decoration: none !important;}

.tittac-jewelry-featured-card a::after {content: " →";}

.tittac-jewelry-featured-card a:hover {color: #8f4f1f !important;}

@media (max-width: 1180px) {.tittac-jewelry-featured-grid {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}}

@media (max-width: 640px) {.tittac-jewelry-featured-guides {padding: 0 14px 36px !important;}

.tittac-jewelry-featured-guides .tittac-blog-section-head {margin-bottom: 16px !important;}

.tittac-jewelry-featured-grid {display: flex !important;
    overflow-x: auto !important;
    gap: 14px !important;
    padding: 0 14px 8px !important;
    margin: 0 -14px !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;}

.tittac-jewelry-featured-grid::-webkit-scrollbar {display: none;}

.tittac-jewelry-featured-card {flex: 0 0 82% !important;
    min-height: auto !important;
    padding: 18px !important;
    border-radius: 20px !important;
    scroll-snap-align: start !important;
    text-align: left !important;
    align-items: flex-start !important;}

.tittac-jewelry-featured-card h3 {font-size: 18px !important;
    text-align: left !important;}

.tittac-jewelry-featured-card p,
  .tittac-jewelry-featured-card a {font-size: 13.5px !important;
    text-align: left !important;}}

@media (min-width: 981px) {.tittac-category-topic-grid-six {grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}}

@media (min-width: 1181px) {.tittac-category-topic-grid-six {grid-template-columns: repeat(4, minmax(0, 1fr)) !important;}}

@media (max-width: 980px) {.tittac-category-topic-grid-six {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}}

@media (max-width: 640px) {.tittac-category-topic-grid-six {grid-template-columns: 1fr !important;}}

@media (min-width: 981px) {.tittac-category-topic-grid-six {grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: 1040px !important;
    margin-left: auto !important;
    margin-right: auto !important;}}

.tittac-subcategory-sibling-topics {max-width: 980px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;}

.tittac-subcategory-sibling-grid {justify-content: center !important;
  align-items: stretch !important;
  margin-left: auto !important;
  margin-right: auto !important;}

@media (min-width: 981px) {.tittac-subcategory-sibling-topics:not(.tittac-jewelry-sibling-topics) .tittac-subcategory-sibling-grid {grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    max-width: 900px !important;}}

@media (min-width: 981px) {.tittac-subcategory-sibling-topics.tittac-karaoke-sibling-topics .tittac-subcategory-sibling-grid {grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: 780px !important;}}

@media (min-width: 1181px) {.tittac-jewelry-sibling-topics .tittac-subcategory-sibling-grid {grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    max-width: 980px !important;}

.tittac-jewelry-sibling-topics .tittac-subcategory-sibling-grid a {min-height: 46px !important;
    padding: 10px 12px !important;
    font-size: 12.5px !important;
    line-height: 1.22 !important;}}

@media (max-width: 1180px) and (min-width: 641px) {.tittac-subcategory-sibling-grid {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 760px !important;}}

@media (max-width: 640px) {.tittac-subcategory-sibling-topics {text-align: left !important;}

.tittac-subcategory-sibling-grid {grid-template-columns: 1fr !important;
    max-width: 100% !important;}}

.tittac-subcategory-sibling-topics {width: 100% !important;
  max-width: 1080px !important;
  margin: 28px auto 40px !important;
  padding: 0 18px !important;
  text-align: center !important;
  box-sizing: border-box !important;}

.tittac-subcategory-sibling-topics .tittac-blog-section-eyebrow {display: block !important;
  margin-bottom: 14px !important;
  text-align: center !important;}

.tittac-subcategory-sibling-grid {display: grid !important;
  gap: 12px !important;
  justify-content: center !important;
  align-items: stretch !important;
  margin: 0 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;}

.tittac-subcategory-sibling-grid a {display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  padding: 11px 14px !important;
  border-radius: 16px !important;
  border: 1px solid #eee5dc !important;
  background: #fcfaf7 !important;
  color: #111 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;}

.tittac-subcategory-sibling-grid a:hover {border-color: #dfc7b0 !important;
  color: #b66a2c !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.045);}

@media (min-width: 981px) {.tittac-karaoke-sibling-topics {max-width: 760px !important;}

.tittac-karaoke-sibling-topics .tittac-subcategory-sibling-grid {grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: 760px !important;}}

@media (min-width: 981px) {.tittac-massage-sibling-topics {max-width: 940px !important;}

.tittac-massage-sibling-topics .tittac-subcategory-sibling-grid {grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    max-width: 940px !important;}}

@media (min-width: 1181px) {.tittac-jewelry-sibling-topics {max-width: 1080px !important;}

.tittac-jewelry-sibling-topics .tittac-subcategory-sibling-grid {grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    max-width: 1080px !important;}

.tittac-jewelry-sibling-topics .tittac-subcategory-sibling-grid a {min-height: 46px !important;
    padding: 10px 12px !important;
    font-size: 12.5px !important;
    line-height: 1.22 !important;}}

@media (min-width: 981px) {.tittac-subcategory-sibling-topics:not(.tittac-karaoke-sibling-topics):not(.tittac-massage-sibling-topics):not(.tittac-jewelry-sibling-topics) {max-width: 940px !important;}

.tittac-subcategory-sibling-topics:not(.tittac-karaoke-sibling-topics):not(.tittac-massage-sibling-topics):not(.tittac-jewelry-sibling-topics) .tittac-subcategory-sibling-grid {grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    max-width: 940px !important;}}

@media (max-width: 1180px) and (min-width: 641px) {.tittac-subcategory-sibling-topics {max-width: 760px !important;}

.tittac-subcategory-sibling-grid {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 760px !important;}}

@media (max-width: 640px) {.tittac-blog-main-category-page .cmspage-item,
  .tittac-blog-subcategory-page .cmspage-item {text-align: left !important;}

.tittac-blog-main-category-page .cmspage-item .details,
  .tittac-blog-subcategory-page .cmspage-item .details,
  .tittac-blog-main-category-page .cmspage-item .content,
  .tittac-blog-subcategory-page .cmspage-item .content,
  .tittac-blog-main-category-page .cmspage-item .info,
  .tittac-blog-subcategory-page .cmspage-item .info {display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;}

.tittac-blog-main-category-page .cmspage-item .title,
  .tittac-blog-main-category-page .cmspage-item .title a,
  .tittac-blog-main-category-page .cmspage-item h2,
  .tittac-blog-main-category-page .cmspage-item h2 a,
  .tittac-blog-main-category-page .cmspage-item h3,
  .tittac-blog-main-category-page .cmspage-item h3 a,
  .tittac-blog-subcategory-page .cmspage-item .title,
  .tittac-blog-subcategory-page .cmspage-item .title a,
  .tittac-blog-subcategory-page .cmspage-item h2,
  .tittac-blog-subcategory-page .cmspage-item h2 a,
  .tittac-blog-subcategory-page .cmspage-item h3,
  .tittac-blog-subcategory-page .cmspage-item h3 a {display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;}

.tittac-blog-main-category-page .cmspage-item .date,
  .tittac-blog-main-category-page .cmspage-item .created-on,
  .tittac-blog-main-category-page .cmspage-item .short-description,
  .tittac-blog-main-category-page .cmspage-item .description,
  .tittac-blog-main-category-page .cmspage-item p,
  .tittac-blog-subcategory-page .cmspage-item .date,
  .tittac-blog-subcategory-page .cmspage-item .created-on,
  .tittac-blog-subcategory-page .cmspage-item .short-description,
  .tittac-blog-subcategory-page .cmspage-item .description,
  .tittac-blog-subcategory-page .cmspage-item p {display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;}

.tittac-blog-main-category-page .cmspage-item .buttons,
  .tittac-blog-main-category-page .cmspage-item .read-more,
  .tittac-blog-subcategory-page .cmspage-item .buttons,
  .tittac-blog-subcategory-page .cmspage-item .read-more {display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
    align-self: flex-start !important;}

.tittac-blog-main-category-page .cmspage-item .buttons a,
  .tittac-blog-main-category-page .cmspage-item .read-more a,
  .tittac-blog-subcategory-page .cmspage-item .buttons a,
  .tittac-blog-subcategory-page .cmspage-item .read-more a {justify-content: flex-start !important;
    text-align: left !important;}}

@media (max-width: 640px) {.cmspage-page .cmspage-item,
  .cmspagegroup-page .cmspage-item,
  .cmspages .cmspage-item,
  .cmspage-list .cmspage-item {text-align: left !important;}

.cmspage-page .cmspage-item .details,
  .cmspagegroup-page .cmspage-item .details,
  .cmspages .cmspage-item .details,
  .cmspage-list .cmspage-item .details {align-items: flex-start !important;
    text-align: left !important;}

.cmspage-page .cmspage-item .details *,
  .cmspagegroup-page .cmspage-item .details *,
  .cmspages .cmspage-item .details *,
  .cmspage-list .cmspage-item .details * {text-align: left !important;}}

@media (max-width: 640px) {.tittac-blog-main-category-page .cmspage-list .cmspage-box,
  .tittac-blog-subcategory-page .cmspage-list .cmspage-box {text-align: left !important;}

.tittac-blog-main-category-page .cmspage-list .cmspage-item,
  .tittac-blog-subcategory-page .cmspage-list .cmspage-item {text-align: left !important;}

.tittac-blog-main-category-page .cmspage-list .cmspage-item .details,
  .tittac-blog-subcategory-page .cmspage-list .cmspage-item .details {display: block !important;
    text-align: left !important;
    align-items: flex-start !important;}

.tittac-blog-main-category-page .cmspage-list .cmspage-item .cmspage-title,
  .tittac-blog-subcategory-page .cmspage-list .cmspage-item .cmspage-title {display: block !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;}

.tittac-blog-main-category-page .cmspage-list .cmspage-item .cmspage-title a,
  .tittac-blog-subcategory-page .cmspage-list .cmspage-item .cmspage-title a {display: block !important;
    width: 100% !important;
    text-align: left !important;
    justify-content: flex-start !important;}

.tittac-blog-main-category-page .cmspage-list .cmspage-item .date,
  .tittac-blog-main-category-page .cmspage-list .cmspage-item .created-on,
  .tittac-blog-main-category-page .cmspage-list .cmspage-item .description,
  .tittac-blog-main-category-page .cmspage-list .cmspage-item .short-description,
  .tittac-blog-subcategory-page .cmspage-list .cmspage-item .date,
  .tittac-blog-subcategory-page .cmspage-list .cmspage-item .created-on,
  .tittac-blog-subcategory-page .cmspage-list .cmspage-item .description,
  .tittac-blog-subcategory-page .cmspage-list .cmspage-item .short-description {display: block !important;
    width: 100% !important;
    text-align: left !important;}

.tittac-blog-main-category-page .cmspage-list .cmspage-item .buttons,
  .tittac-blog-subcategory-page .cmspage-list .cmspage-item .buttons {display: block !important;
    width: 100% !important;
    text-align: left !important;}

.tittac-blog-main-category-page .cmspage-list .cmspage-item .buttons a,
  .tittac-blog-subcategory-page .cmspage-list .cmspage-item .buttons a {display: inline-block !important;
    text-align: left !important;
    justify-content: flex-start !important;}}

@media (max-width: 640px) {.tittac-blog-main-category-page .cmspage-list .cmspage-item .cmspage-title .cmspage-date,
  .tittac-blog-subcategory-page .cmspage-list .cmspage-item .cmspage-title .cmspage-date {display: block !important;
    width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    align-self: flex-start !important;}

.tittac-blog-main-category-page .cmspage-list .cmspage-item .buttons,
  .tittac-blog-subcategory-page .cmspage-list .cmspage-item .buttons {display: flex !important;
    width: 100% !important;
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;}

.tittac-blog-main-category-page .cmspage-list .cmspage-item .buttons a,
  .tittac-blog-subcategory-page .cmspage-list .cmspage-item .buttons a,
  .tittac-blog-main-category-page .cmspage-list .cmspage-item .buttons input,
  .tittac-blog-subcategory-page .cmspage-list .cmspage-item .buttons input,
  .tittac-blog-main-category-page .cmspage-list .cmspage-item .buttons button,
  .tittac-blog-subcategory-page .cmspage-list .cmspage-item .buttons button {margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;}}

.cmspage-list .cmspage-item .buttons,
.cmspage-list .cmspage-item .buttons a {white-space: nowrap !important;}

.cmspage-list .cmspage-item .buttons a {display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  width: auto !important;
  max-width: none !important;
  line-height: 1.2 !important;}

.tt-cms-article-page {max-width: 1120px;
    margin: 0 auto;
    padding: 32px 24px 86px;}

.tt-cms-article-page .page-title {max-width: 880px;
    margin: 0 auto 34px;
    text-align: center;}

.tt-cms-article-page .page-title h1 {margin: 0 0 10px;
    font-size: clamp(36px, 4vw, 50px);
    line-height: 1.05;
    font-weight: 800;
    color: #1d1d1f;
    letter-spacing: -0.04em;}

.tt-cms-article-page .tt-article-meta {display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 14px;
    line-height: 1.5;
    color: #8a8a8a;}

.tt-cms-article-page .tt-article-dot {color: #c2c2c2;}

.tt-cms-article-page .page-body {max-width: 800px;
    margin: 0 auto;}

.tt-cms-article-page .post-body {font-size: 17px;
    line-height: 1.82;
    color: #202020;
    letter-spacing: -0.005em;}

.tt-cms-article-page .post-body p {margin: 0 0 20px;}

.tt-cms-article-page .post-body .intro-text {margin: 0 0 28px;
    padding: 22px 24px;
    border: 1px solid #ece4dc;
    border-left: 4px solid #c7894b;
    border-radius: 18px;
    background: #fbf8f4;
    font-size: 18px;
    line-height: 1.72;
    color: #1f1f1f;}

.tt-cms-article-page .post-body .article-byline,
.tt-cms-article-page .post-body p em {color: #686868;}

.tt-cms-article-page .post-body p:has(strong:first-child) {margin: 0 0 16px;}

.tt-cms-article-page .post-body p:has(strong:first-child) strong:first-child {color: #1f1f1f;}

.tt-cms-article-page .post-body details {margin: 30px 0 38px;
    padding: 20px 22px;
    border: 1px solid #ececec;
    border-radius: 18px;
    background: #fafafa;}

.tt-cms-article-page .post-body summary {cursor: pointer;
    font-weight: 700;
    color: #222;
    list-style-position: inside;}

.tt-cms-article-page .post-body details ul {margin: 14px 0 0 18px;
    padding: 0;}

.tt-cms-article-page .post-body details li {margin: 8px 0;
    color: #333;}

.tt-cms-article-page .post-body h2 {margin: 48px 0 16px;
    font-size: 30px;
    line-height: 1.18;
    font-weight: 780;
    color: #2f2f2f;
    letter-spacing: -0.035em;}

.tt-cms-article-page .post-body h2::before {content: "";
    display: block;
    width: 46px;
    height: 3px;
    margin: 0 0 16px;
    border-radius: 99px;
    background: #c7894b;}

.tt-cms-article-page .post-body h3 {margin: 34px 0 12px;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 740;
    color: #3b3b3b;
    letter-spacing: -0.02em;}

.tt-cms-article-page .post-body ul,
.tt-cms-article-page .post-body ol {margin: 0 0 24px 22px;
    padding: 0;}

.tt-cms-article-page .post-body li {margin-bottom: 10px;
    padding-left: 2px;}

.tt-cms-article-page .post-body a {color: #8a520f;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;}

.tt-cms-article-page .post-body a:hover {color: #5f3708;}

.tt-cms-article-page .post-body details + details {margin-top: 14px;}

.tt-cms-article-page .tags {margin-top: 48px;
    padding-top: 22px;
    border-top: 1px solid #eeeeee;
    font-size: 14px;
    color: #666;}

@media (max-width: 767px) {.tt-cms-article-page {padding: 22px 18px 64px;}

.tt-cms-article-page .page-title {margin-bottom: 26px;
        text-align: left;}

.tt-cms-article-page .page-title h1 {font-size: 32px;
        line-height: 1.12;
        letter-spacing: -0.03em;}

.tt-cms-article-page .tt-article-meta {justify-content: flex-start;
        font-size: 13px;}

.tt-cms-article-page .page-body {max-width: 100%;}

.tt-cms-article-page .post-body {font-size: 16px;
        line-height: 1.74;}

.tt-cms-article-page .post-body .intro-text {padding: 18px 18px;
        border-radius: 16px;
        font-size: 16.5px;}

.tt-cms-article-page .post-body h2 {margin-top: 40px;
        font-size: 25px;
        line-height: 1.22;}

.tt-cms-article-page .post-body h3 {font-size: 21px;}

.tt-cms-article-page .post-body details {padding: 17px 18px;
        border-radius: 16px;}}

.center-1:has(.tt-cms-article-page),
.master-wrapper-content:has(.tt-cms-article-page) {padding-top: 0 !important;
    margin-top: 0 !important;}

.tt-cms-article-breadcrumb {max-width: 920px !important;
    margin: 0 auto !important;
    padding: 22px 24px 0 !important;}

.tt-cms-article-page {padding-top: 18px !important;}

.tt-cms-article-page .page-title {max-width: 860px !important;
    margin: 0 auto 34px !important;
    padding: 0 !important;
    text-align: center !important;}

.tt-cms-article-page .page-title h1 {display: block !important;
    max-width: 820px !important;
    margin: 0 auto 10px !important;
    text-align: center !important;}

.tt-cms-article-page .tt-article-meta {justify-content: center !important;
    text-align: center !important;}

@media (max-width: 767px) {.tt-cms-article-breadcrumb {padding: 18px 18px 0 !important;}

.tt-cms-article-page {padding-top: 14px !important;}

.tt-cms-article-page .page-title {text-align: left !important;}

.tt-cms-article-page .page-title h1 {max-width: 100% !important;
        text-align: left !important;}

.tt-cms-article-page .tt-article-meta {justify-content: flex-start !important;
        text-align: left !important;}}

@media (max-width: 767px) {.tt-cms-article-breadcrumb {padding: 12px 18px 0 !important;
        max-width: 100% !important;}

.tt-cms-article-breadcrumb .breadcrumb,
    .tt-cms-article-breadcrumb .breadcrumb ul,
    .tt-cms-article-breadcrumb .page-title + .breadcrumb,
    .tt-cms-article-breadcrumb .page-breadcrumb,
    .tt-cms-article-breadcrumb .page-breadcrumb .breadcrumb {white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;
        display: block !important;
        line-height: 1.45 !important;}

.tt-cms-article-breadcrumb li,
    .tt-cms-article-breadcrumb a,
    .tt-cms-article-breadcrumb span {font-size: 12px !important;
        line-height: 1.45 !important;
        color: #8a8a8a !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: unset !important;}

.tt-cms-article-breadcrumb .delimiter,
    .tt-cms-article-breadcrumb .separator {margin: 0 4px !important;}

.tt-cms-article-page {padding-top: 10px !important;}

.tt-cms-article-page .page-title {margin: 0 0 18px !important;
        text-align: left !important;}

.tt-cms-article-page .page-title h1 {max-width: 100% !important;
        margin: 0 0 8px !important;
        font-size: 29px !important;
        line-height: 1.14 !important;
        letter-spacing: -0.025em !important;
        text-align: left !important;}

.tt-cms-article-page .tt-article-meta {justify-content: flex-start !important;
        text-align: left !important;
        font-size: 13px !important;
        gap: 6px !important;}}

@media (max-width: 767px) {.tt-cms-article-breadcrumb {width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 12px 18px 0 !important;
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
        text-align: left !important;}

.tt-cms-article-breadcrumb *,
    .tt-cms-article-breadcrumb .breadcrumb,
    .tt-cms-article-breadcrumb .breadcrumb *,
    .tt-cms-article-breadcrumb .page-breadcrumb,
    .tt-cms-article-breadcrumb .page-breadcrumb * {overflow: visible !important;
        text-overflow: unset !important;
        white-space: normal !important;
        max-height: none !important;}

.tt-cms-article-breadcrumb .breadcrumb ul,
    .tt-cms-article-breadcrumb .page-breadcrumb ul,
    .tt-cms-article-breadcrumb ul {display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 4px 6px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 0 !important;
        line-height: 1.4 !important;
        text-align: left !important;}

.tt-cms-article-breadcrumb li {display: inline-flex !important;
        align-items: center !important;
        flex: 0 1 auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
        visibility: visible !important;
        opacity: 1 !important;}

.tt-cms-article-breadcrumb a,
    .tt-cms-article-breadcrumb span,
    .tt-cms-article-breadcrumb strong {display: inline !important;
        font-size: 11.5px !important;
        line-height: 1.4 !important;
        color: #999 !important;
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;}

.tt-cms-article-breadcrumb .delimiter,
    .tt-cms-article-breadcrumb .separator {display: inline-flex !important;
        margin: 0 2px !important;
        font-size: 11px !important;
        color: #b5b5b5 !important;}}

@media (max-width: 767px) {.tt-cms-article-breadcrumb {display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 10px 20px 0 !important;
        overflow: visible !important;
        text-align: left !important;
        box-sizing: border-box !important;}

.tt-cms-article-breadcrumb > * {height: auto !important;
        max-height: none !important;
        overflow: visible !important;}

.tt-cms-article-breadcrumb .breadcrumb,
    .tt-cms-article-breadcrumb .page-breadcrumb,
    .tt-cms-article-breadcrumb ul {display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        white-space: normal !important;
        text-align: left !important;
        line-height: 1.35 !important;}

.tt-cms-article-breadcrumb li {display: inline-flex !important;
        align-items: center !important;
        float: none !important;
        width: auto !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 4px 2px 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        white-space: normal !important;
        text-align: left !important;}

.tt-cms-article-breadcrumb a,
    .tt-cms-article-breadcrumb span,
    .tt-cms-article-breadcrumb strong {display: inline !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        white-space: normal !important;
        text-overflow: unset !important;
        word-break: normal !important;
        overflow-wrap: anywhere !important;
        font-size: 10.5px !important;
        line-height: 1.35 !important;
        color: #999 !important;
        text-align: left !important;}

.tt-cms-article-breadcrumb .delimiter,
    .tt-cms-article-breadcrumb .separator {display: inline-flex !important;
        margin: 0 3px !important;
        font-size: 10px !important;
        color: #b8b8b8 !important;}

.tt-cms-article-page {padding: 14px 20px 64px !important;}

.tt-cms-article-page .page-title {max-width: 100% !important;
        margin: 0 0 22px !important;
        padding: 0 !important;
        text-align: left !important;}

.tt-cms-article-page .page-title h1 {max-width: 100% !important;
        margin: 0 0 8px !important;
        font-size: 28px !important;
        line-height: 1.12 !important;
        letter-spacing: -0.025em !important;
        text-align: left !important;}

.tt-cms-article-page .tt-article-meta {justify-content: flex-start !important;
        text-align: left !important;
        font-size: 12.5px !important;}

.tt-cms-article-page .page-body,
    .tt-cms-article-page .post-body {max-width: 100% !important;
        text-align: left !important;}

.tt-cms-article-page .post-body,
    .tt-cms-article-page .post-body p,
    .tt-cms-article-page .post-body li,
    .tt-cms-article-page .post-body h2,
    .tt-cms-article-page .post-body h3,
    .tt-cms-article-page .post-body details,
    .tt-cms-article-page .post-body summary {text-align: left !important;}

.tt-cms-article-page .post-body .intro-text {padding: 18px 18px !important;
        font-size: 16px !important;
        line-height: 1.65 !important;
        text-align: left !important;}

.tt-cms-article-page .post-body h2 {font-size: 24px !important;
        line-height: 1.22 !important;}

.tt-cms-article-page .post-body h2::before {margin-left: 0 !important;
        margin-right: auto !important;}}

@media (max-width: 767px) {.tt-cms-article-breadcrumb {display: none !important;}

.tt-cms-article-page {padding-top: 56px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;}

.tt-cms-article-page .page-title {margin-top: 0 !important;
        margin-bottom: 22px !important;
        text-align: left !important;}

.tt-cms-article-page .page-title h1 {max-width: 100% !important;
        margin: 0 0 8px !important;
        font-size: 28px !important;
        line-height: 1.12 !important;
        letter-spacing: -0.025em !important;
        text-align: left !important;}

.tt-cms-article-page .tt-article-meta {justify-content: flex-start !important;
        text-align: left !important;
        font-size: 12.5px !important;}}

@media (max-width: 767px) {.tt-mobile-subcategory-nav.is-visible {padding-top: 50px !important;}

.tt-cms-article-page {padding-top: 18px !important;}}

.simple-checkout-page input[type="text"], 
.simple-checkout-page input[type="email"], 
.simple-checkout-page input[type="tel"], 
.simple-checkout-page input[type="number"], 
.simple-checkout-page input[type="password"], 
.simple-checkout-page select, 
.simple-checkout-page textarea {min-height: 50px !important;
    border: 1px solid #ddd !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #1f1f1f !important;
    box-shadow: none !important;
    padding: 12px 14px !important;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
    
    
    font-size: 16px !important;}

<style>
.blog-image {margin: 28px 0;
  max-width: 100%;}

.blog-image img {display: block;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin: 0 auto;
  border-radius: 14px;}

.blog-image figcaption {max-width: 900px;
  margin: 10px auto 0;
  font-size: 0.95rem;
  line-height: 1.5;
  color: #666;
  text-align: center;}

@media (max-width: 768px) {.blog-image {margin: 22px 0;}

.blog-image img {max-width: 100%;
    height: auto;
    border-radius: 10px;}

.blog-image figcaption {font-size: 0.9rem;
    text-align: left;}}

.blog-image {margin: 28px 0;
  max-width: 100%;}

@media (max-width: 768px) {.blog-image {margin: 22px 0;}

.blog-image img {width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 10px;}

.blog-image figcaption {font-size: 0.9rem;
    text-align: left;}}

@media (max-width: 768px) {.page-body table, 
    .blog-post table {display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important; 
        border-collapse: collapse;}

.page-body table th, 
    .page-body table td,
    .blog-post table th, 
    .blog-post table td {min-width: 150px; 
        word-break: normal !important; 
        overflow-wrap: normal !important;
        white-space: normal;}}

.tt-karaoke-system-intro {margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.6;
  color: #2f2f2f;
  text-align: center;}

.tt-karaoke-system-hero {position: relative !important;
  width: 100%;
  overflow: hidden;
  margin: 0 0 28px;}

.tt-karaoke-system-hero-img {display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  -webkit-user-drag: none;
  user-select: none;}

.tt-karaoke-system-hero-img--mobile {display: none;}

.tt-karaoke-system-hero-overlay {position: absolute !important;
  top: 50%;
  right: 7%;
  transform: translateY(-50%);
  z-index: 10;
  width: 32%;
  max-width: 360px;
  color: #4a3426;
  text-align: left;
  pointer-events: auto;
  user-select: text;}

.tt-karaoke-system-hero-overlay h2 {margin: 0 0 12px;
  font-size: 22px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: 0.02em;
  color: #4a3426;}

.tt-karaoke-system-hero-overlay p {margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #4a3426;}

@media (max-width: 991px) {.tt-karaoke-system-hero-overlay {right: 5%;
    width: 34%;
    max-width: 300px;}

.tt-karaoke-system-hero-overlay h2 {font-size: 18px;}

.tt-karaoke-system-hero-overlay p {font-size: 14px;}}

@media (max-width: 767px) {.tt-karaoke-system-intro {margin-bottom: 12px;
    font-size: 15px;
    line-height: 1.55;}

.tt-karaoke-system-hero {margin-bottom: 22px;}

.tt-karaoke-system-hero-img--desktop {display: none !important;}

.tt-karaoke-system-hero-img--mobile {display: block !important;}

.tt-karaoke-system-hero-overlay {display: none !important;}}

@media (max-width: 767px) {.tt-karaoke-system-hero--show-mobile-text .tt-karaoke-system-hero-overlay {display: block !important;
    top: 40%;
    right: 6%;
    left: auto;
    transform: translateY(-50%);
    width: 50%;
    max-width: 170px;
    text-align: left;}

.tt-karaoke-system-hero--show-mobile-text .tt-karaoke-system-hero-overlay h2 {font-size: 15px;
    line-height: 1.12;
    margin: 0 0 6px;}

.tt-karaoke-system-hero--show-mobile-text .tt-karaoke-system-hero-overlay p {font-size: 11px;
    line-height: 1.3;
    margin: 0;}}

.tt-massage-chair-hero-overlay {right: 32%;
  width: 34%;
  max-width: 460px;}

.tt-massage-chair-hero-overlay h2 {font-size: 34px;
  line-height: 1.12;}

.tt-massage-chair-hero-overlay p {font-size: 18px;
  line-height: 1.45;}

@media (max-width: 991px) {.tt-massage-chair-hero-overlay {right: 20%;
    width: 38%;
    max-width: 380px;}

.tt-massage-chair-hero-overlay h2 {font-size: 24px;}

.tt-massage-chair-hero-overlay p {font-size: 16px;}}

@media (max-width: 767px) {.tt-massage-chair-hero-overlay.tt-karaoke-system-hero-overlay--show-mobile {display: block !important;
    top: 50%;
    right: 7%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    width: 42%;
    max-width: 190px;
    text-align: left;}

.tt-massage-chair-hero-overlay h2 {margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.15;}

.tt-massage-chair-hero-overlay p {font-size: 12px;
    line-height: 1.35;}}

.tt-portable-karaoke-hero-overlay {right: 22%;
  width: 34%;
  max-width: 430px;}

.tt-portable-karaoke-hero-overlay h2 {font-size: 26px;
  line-height: 1.15;}

.tt-portable-karaoke-hero-overlay p {font-size: 17px;
  line-height: 1.45;}

@media (max-width: 991px) {.tt-portable-karaoke-hero-overlay {right: 20%;
    width: 36%;
    max-width: 360px;}

.tt-portable-karaoke-hero-overlay h2 {font-size: 21px;}

.tt-portable-karaoke-hero-overlay p {font-size: 14px;}}

@media (max-width: 767px) {.tt-portable-karaoke-hero-overlay.tt-karaoke-system-hero-overlay--show-mobile {display: block !important;
    top: 50%;
    right: 4%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    width: 43%;
    max-width: 180px;
    text-align: left;}

.tt-portable-karaoke-hero-overlay h2 {margin-bottom: 5px;
    font-size: 15px;
    line-height: 1.15;}

.tt-portable-karaoke-hero-overlay p {font-size: 11.5px;
    line-height: 1.35;}}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid {width: calc(100vw - 80px) !important;
  max-width: none !important;
  margin: 56px auto 44px !important;
  padding: 0 !important;
  clear: both !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .title {text-align: center !important;
  margin: 0 0 30px !important;
  padding: 0 !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .title strong {display: block !important;
  font-size: 34px !important;
  line-height: 1.2 !important;
  color: #1f3a56 !important;
  font-weight: 800 !important;
  text-transform: none !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .item-box {float: none !important;
  box-sizing: border-box !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .product-item {width: 100% !important;
  margin: 0 !important;}

@media (min-width: 1025px) {.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .item-grid {display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .item-box {display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;}}

@media (min-width: 1500px) {.html-category-page .master-wrapper-page .page.category-page .featured-product-grid {width: 1440px !important;}}

@media (min-width: 768px) and (max-width: 1024px) {.html-category-page .master-wrapper-page .page.category-page .featured-product-grid {width: auto !important;
    max-width: none !important;
    margin: 44px auto 38px !important;
    padding: 0 24px !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .item-grid {display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .item-box {display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;}}

@media (max-width: 767px) {.html-category-page .master-wrapper-page .page.category-page .featured-product-grid {width: auto !important;
    max-width: none !important;
    padding: 0 16px !important;
    margin: 38px auto 34px !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .title {text-align: left !important;
    margin: 0 0 18px !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .title strong {font-size: 25px !important;
    line-height: 1.22 !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .item-grid {display: flex !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 16px !important;
    padding: 0 16px 14px !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
    width: auto !important;
    -webkit-overflow-scrolling: touch !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .item-grid::-webkit-scrollbar {display: none !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .item-box {float: none !important;
    display: block !important;
    flex: 0 0 86% !important;
    width: 86% !important;
    min-width: 86% !important;
    max-width: 86% !important;
    margin: 0 !important;
    padding: 0 !important;
    scroll-snap-align: start !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .product-item {width: 100% !important;
    margin: 0 !important;}}

@media (max-width: 420px) {.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .item-box {flex-basis: 88% !important;
    width: 88% !important;
    min-width: 88% !important;
    max-width: 88% !important;}}

@media (max-width: 767px) {.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .prices {margin-bottom: 6px !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .product-item .add-info,
  .html-category-page .master-wrapper-page .page.category-page .featured-product-grid .product-item .buttons {margin-top: 12px !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .product-item .add-to-cart {margin-top: 12px !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .product-item .add-to-cart-button,
  .html-category-page .master-wrapper-page .page.category-page .featured-product-grid .product-item button[type="button"] {min-height: 42px !important;}}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid {margin-top: 28px !important;}

@media (min-width: 1025px) {.html-category-page .master-wrapper-page .page.category-page .featured-product-grid {margin-top: 26px !important;
    margin-bottom: 44px !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .title {margin-bottom: 24px !important;}}

@media (min-width: 768px) and (max-width: 1024px) {.html-category-page .master-wrapper-page .page.category-page .featured-product-grid {margin-top: 24px !important;
    margin-bottom: 36px !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .title {margin-bottom: 20px !important;}}

@media (max-width: 767px) {.html-category-page .master-wrapper-page .page.category-page .featured-product-grid {margin-top: 18px !important;
    margin-bottom: 30px !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .title {text-align: center !important;
    margin: 0 0 16px !important;}

.html-category-page .master-wrapper-page .page.category-page .featured-product-grid .title strong {display: block !important;
    text-align: center !important;}}

.html-category-page .master-wrapper-page .page.category-page .tt-mothers-day-featured-grid {margin-top: 34px !important;
  margin-bottom: 44px !important;}

.html-category-page .master-wrapper-page .page.category-page .tt-mothers-day-featured-grid .tt-featured-section {margin: 0 0 54px !important;}

.html-category-page .master-wrapper-page .page.category-page .tt-mothers-day-featured-grid .tt-featured-section:last-child {margin-bottom: 28px !important;}

.html-category-page .master-wrapper-page .page.category-page .tt-mothers-day-featured-grid .tt-featured-section .title {margin: 0 0 24px !important;
  padding: 0 !important;
  text-align: center !important;}

.html-category-page .master-wrapper-page .page.category-page .tt-mothers-day-featured-grid .tt-featured-section + .tt-featured-section .title {margin-top: 10px !important;}

@media (min-width: 1025px) {.html-category-page .master-wrapper-page .page.category-page .tt-mothers-day-featured-grid .item-grid {margin-bottom: 0 !important;}}

@media (max-width: 767px) {.html-category-page .master-wrapper-page .page.category-page .tt-mothers-day-featured-grid {margin-top: 24px !important;
    margin-bottom: 28px !important;}

.html-category-page .master-wrapper-page .page.category-page .tt-mothers-day-featured-grid .tt-featured-section {margin-bottom: 42px !important;}

.html-category-page .master-wrapper-page .page.category-page .tt-mothers-day-featured-grid .tt-featured-section:last-child {margin-bottom: 18px !important;}

.html-category-page .master-wrapper-page .page.category-page .tt-mothers-day-featured-grid .tt-featured-section .title {margin: 0 0 16px !important;
    text-align: center !important;}

.html-category-page .master-wrapper-page .page.category-page .tt-mothers-day-featured-grid .tt-featured-section + .tt-featured-section .title {margin-top: 8px !important;}

.html-category-page .master-wrapper-page .page.category-page .tt-mothers-day-featured-grid .title strong {font-size: 24px !important;
    line-height: 1.22 !important;
    text-align: center !important;}}

.html-category-page .page.category-page .md-why-buy-section {margin-top: 24px !important;
  padding-top: 24px !important;}

.html-category-page .page.category-page .md-why-buy-header {margin: 0 auto 24px !important;}

.html-category-page .page.category-page .md-why-buy-header h2 {margin: 0 0 10px !important;}

.html-category-page .page.category-page .md-why-buy-header p {margin: 0 !important;}

@media (max-width: 767px) {.html-category-page .page.category-page .md-why-buy-section {margin-top: 18px !important;
    padding-top: 18px !important;}

.html-category-page .page.category-page .md-why-buy-header {margin: 0 auto 20px !important;}}

.html-category-page .page.category-page .tt-mothers-day-featured-grid {margin-bottom: 12px !important;}

.html-category-page .page.category-page .md-why-buy-section {margin-top: 0 !important;
  padding-top: 0 !important;}

.tt-brand-strip {background: #f7f7f7;
  padding: 22px 0;
  margin: 48px 0 0;
  overflow: hidden;}

.tt-brand-track {width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  gap: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-padding-left: 24px;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;}

.tt-brand-track::-webkit-scrollbar {display: none;}

.tt-brand-track a {flex: 0 0 150px;
  height: 76px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  scroll-snap-align: start;
  border-radius: 2px;
  text-decoration: none;
  box-sizing: border-box;}

.tt-brand-track img {max-width: 120px;
  max-height: 48px;
  object-fit: contain;
  opacity: .72;
  transition: opacity .2s ease, transform .2s ease;}

.tt-brand-track a:hover img {opacity: 1;
  transform: scale(1.03);}

@media (min-width: 1700px) {.tt-brand-track {justify-content: center;}}

@media (max-width: 767px) {.tt-brand-strip {padding: 18px 0;
    margin-top: 36px;}

.tt-brand-track {gap: 12px;
    padding: 0 16px;
    scroll-padding-left: 16px;}

.tt-brand-track a {flex: 0 0 128px;
    height: 66px;}

.tt-brand-track img {max-width: 100px;
    max-height: 40px;}}

@media (min-width: 1025px) {.tt-brand-strip {width: 100vw;
    margin-left: 50%;
    transform: translateX(-50%);
    overflow: hidden;}

.tt-brand-track {max-width: 1600px !important;
    padding: 0 48px !important;
    justify-content: center !important;}

.tt-brand-track a {flex: 0 0 132px !important;}

.tt-brand-track img {max-width: 106px !important;
    max-height: 44px !important;}}

.tt-brand-strip {margin-top: 0 !important;}

.home-page .html-widget:has(+ .tt-brand-strip),
.home-page .topic-block:has(+ .tt-brand-strip),
.home-page .center-1 > *:has(+ .tt-brand-strip) {margin-bottom: 0 !important;
  padding-bottom: 0 !important;}

.home-page .tt-brand-strip {position: relative;
  top: -24px;
  margin-bottom: -24px !important;}

@media (max-width: 767px) {.home-page .tt-brand-strip {top: -16px;
    margin-bottom: -16px !important;}}

.product-details-page .related-products-grid,
.product-details-page .also-purchased-products-grid {margin: 42px 0 !important;}

.product-details-page .related-products-grid .title,
.product-details-page .also-purchased-products-grid .title {margin: 0 0 20px !important;
  text-align: center !important;}

.product-details-page .related-products-grid .title strong,
.product-details-page .also-purchased-products-grid .title strong,
.product-details-page .related-products-grid .title,
.product-details-page .also-purchased-products-grid .title {font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  color: #333 !important;}

.product-details-page .related-products-grid .item-grid,
.product-details-page .also-purchased-products-grid .item-grid {margin: 0 !important;
  padding: 0 !important;}

.product-details-page .related-products-grid .item-box,
.product-details-page .also-purchased-products-grid .item-box {float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;}

.product-details-page .related-products-grid .product-item,
.product-details-page .also-purchased-products-grid .product-item {height: 100%;
  border: 1px solid #ececec;
  background: #fff;
  padding: 12px;
  box-sizing: border-box;}

.product-details-page .related-products-grid .product-item .picture,
.product-details-page .also-purchased-products-grid .product-item .picture {margin-bottom: 10px !important;}

.product-details-page .related-products-grid .product-item .picture a,
.product-details-page .also-purchased-products-grid .product-item .picture a {display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  overflow: hidden;}

.product-details-page .related-products-grid .product-item .picture img,
.product-details-page .also-purchased-products-grid .product-item .picture img {max-width: 100%;
  max-height: 100%;
  object-fit: contain;}

.product-details-page .related-products-grid .product-title,
.product-details-page .also-purchased-products-grid .product-title {min-height: 44px;
  margin: 0 0 8px !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 600;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}

.product-details-page .related-products-grid .prices,
.product-details-page .also-purchased-products-grid .prices {min-height: 42px;}

.product-details-page .related-products-grid .add-info,
.product-details-page .also-purchased-products-grid .add-info {margin-top: 8px;}

@media (min-width: 1025px) {.product-details-page .related-products-grid .item-grid,
  .product-details-page .also-purchased-products-grid .item-grid {display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 16px !important;}}

@media (min-width: 768px) and (max-width: 1024px) {.product-details-page .related-products-grid .item-grid,
  .product-details-page .also-purchased-products-grid .item-grid {display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;}}

@media (max-width: 767px) {.product-details-page .related-products-grid,
  .product-details-page .also-purchased-products-grid {margin: 32px 0 !important;}

.product-details-page .related-products-grid .title,
  .product-details-page .also-purchased-products-grid .title {margin-bottom: 14px !important;
    padding: 0 16px;}

.product-details-page .related-products-grid .item-grid,
  .product-details-page .also-purchased-products-grid .item-grid {display: flex !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding: 0 16px 8px !important;
    margin: 0 !important;}

.product-details-page .related-products-grid .item-grid::-webkit-scrollbar,
  .product-details-page .also-purchased-products-grid .item-grid::-webkit-scrollbar {display: none;}

.product-details-page .related-products-grid .item-box,
  .product-details-page .also-purchased-products-grid .item-box {flex: 0 0 78% !important;   
    max-width: 78% !important;
    min-width: 78% !important;
    scroll-snap-align: start;}

.product-details-page .related-products-grid .product-item,
  .product-details-page .also-purchased-products-grid .product-item {padding: 10px !important;}

.product-details-page .related-products-grid .product-title,
  .product-details-page .also-purchased-products-grid .product-title {min-height: 40px;
    font-size: 14px !important;
    line-height: 1.3 !important;}

.product-details-page .related-products-grid .product-item .picture a,
  .product-details-page .also-purchased-products-grid .product-item .picture a {aspect-ratio: 1 / 1;}}

@media (min-width: 1025px) {.product-details-page .related-products-grid .item-grid,
  .product-details-page .also-purchased-products-grid .item-grid {display: flex !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    padding-bottom: 10px !important;}

.product-details-page .related-products-grid .item-grid::-webkit-scrollbar,
  .product-details-page .also-purchased-products-grid .item-grid::-webkit-scrollbar {display: none !important;}

.product-details-page .related-products-grid .item-box,
  .product-details-page .also-purchased-products-grid .item-box {flex: 0 0 calc((100% - 64px) / 5) !important;
    max-width: calc((100% - 64px) / 5) !important;
    scroll-snap-align: start !important;}}

.homepage-mothers-banner-media picture,
.homepage-mothers-banner-media img {display: block;
    width: 100%;}

.homepage-mothers-banner-media img {height: auto;}

.faq-accordion {margin-top: 16px;}

.faq-accordion {margin-top: 14px !important;}

.faq-accordion details {margin: 0 0 8px 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  border: 1px solid #e7e2dc !important;
  border-radius: 8px !important;
  background: #faf8f5 !important;
  overflow: hidden !important;}

.faq-accordion summary {cursor: pointer !important;
  list-style: none !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  min-height: 0 !important;
  font-size: 16px !important;
  line-height: 1.3 !important;
  font-weight: 600 !important;}

.faq-accordion summary::-webkit-details-marker {display: none !important;}

.faq-accordion summary::before {content: "▸";
  display: inline-block;
  margin-right: 7px;
  font-size: 12px;
  transition: transform 0.2s ease;}

.faq-accordion details[open] summary::before {transform: rotate(90deg);}

.faq-accordion details p {padding: 0 14px 12px 14px !important;
  margin: 0 !important;
  line-height: 1.6 !important;}

}

.tittac-blog-hub-card {position: relative; 
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    cursor: pointer;}

.tittac-blog-hub-link.stretched-link::after {content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;}

.tittac-blog-hub-card:hover {transform: translateY(-5px); 
    box-shadow: 0 8px 25px rgba(0,0,0,0.1); 
    background-color: #fafafa;}

.tittac-blog-hub-card:hover h3 {}

@media (max-width: 768px) {.tittac-blog-hub-grid {gap: 20px; 
        padding: 10px;}}

:root {--tittac-orange: #e8a12a;
    --tittac-orange-bg: #fef8ef;
    --tittac-border: #f0f0f0;}

.tittac-featured-guide-card {position: relative;
    background: #ffffff;
    border: 1.5px solid var(--tittac-border);
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    height: 100%;
    
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.3s ease;
    cursor: pointer;
    overflow: hidden;}

.tittac-featured-guide-card:hover {transform: scale(1.03); 
    border-color: var(--tittac-orange);
    box-shadow: 0 15px 30px rgba(0,0,0,0.08);
    z-index: 2;}

.tittac-featured-guide-card .stretched-link::before {content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;}

.tittac-featured-guide-tag {display: inline-block;
    background: var(--tittac-orange-bg);
    color: var(--tittac-orange);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 6px;
    margin-bottom: 12px;
    width: fit-content;}

.tittac-featured-guide-card a {color: var(--tittac-orange);
    font-weight: 600;
    text-decoration: none;
    margin-top: auto;
    padding-top: 15px;
    display: inline-flex; 
    align-items: center;}

.tittac-featured-guide-card a::after {content: " →";
    margin-left: 5px;
    transition: transform 0.2s ease;}

.tittac-featured-guide-card:hover a::after {transform: translateX(3px);}

.tittac-featured-guide-card h3 {margin: 10px 0;
    font-size: 1.2rem;
    color: #333;}

@media (max-width: 768px) {.tittac-featured-guide-card:hover {transform: scale(1.02);}}

.tittac-category-topic-card,
.tittac-massage-featured-card {position: relative; 
    cursor: pointer;}

.tittac-category-topic-card a::after,
.tittac-massage-featured-card a::after {content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;}

.tittac-category-topic-card a,
.tittac-massage-featured-card a {position: static;}

.tittac-category-topic-card,
.tittac-massage-featured-card,
.tittac-jewelry-featured-card {position: relative; 
    cursor: pointer;}

.tittac-category-topic-card a::after,
.tittac-massage-featured-card a::after,
.tittac-jewelry-featured-card a::after {content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;}

.tittac-category-topic-card a,
.tittac-massage-featured-card a,
.tittac-jewelry-featured-card a {position: static;}

.tittac-category-topic-card,
.tittac-massage-featured-card,
.tittac-jewelry-featured-card,
.tittac-karaoke-featured-card {position: relative; 
    cursor: pointer;}

.tittac-category-topic-card a::after,
.tittac-massage-featured-card a::after,
.tittac-jewelry-featured-card a::after,
.tittac-karaoke-featured-card a::after {content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;}

.tittac-category-topic-card a,
.tittac-massage-featured-card a,
.tittac-jewelry-featured-card a,
.tittac-karaoke-featured-card a {position: static;}

.homepage-hero-banner-section {--hero-text-color: #2b2118;
  --hero-eyebrow-color: #9a5a24;
  --hero-primary-bg: #b46a2a;
  --hero-primary-text: #ffffff;
  --hero-secondary-bg: rgba(255, 255, 255, 0.82);
  --hero-secondary-text: #2b2118;
  --hero-secondary-border: rgba(43, 33, 24, 0.22);

  width: 100%;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;}

.homepage-hero-banner-section *,
.homepage-hero-banner-section *::before,
.homepage-hero-banner-section *::after {box-sizing: border-box;}

.homepage-hero-banner-link {position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  text-decoration: none;}

.homepage-hero-banner-media {position: relative;
  width: 100%;}

.homepage-hero-banner-media picture,
.homepage-hero-banner-media img {display: block;
  width: 100%;}

.homepage-hero-banner-media img {height: auto;
  object-fit: cover;}

.homepage-hero-banner-overlay {position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  pointer-events: none;}

.homepage-hero-banner-content {width: 46%;
  max-width: 700px;
  padding: 40px 44px 40px 0;
  color: var(--hero-text-color);
  pointer-events: auto;
  transform: translateX(-20px);}

.homepage-hero-banner-eyebrow {margin: 0 0 10px;
  color: var(--hero-eyebrow-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;}

.homepage-hero-banner-title {margin: 0 0 14px;
  color: var(--hero-text-color);
  font-size: clamp(30px, 3vw, 50px);
  line-height: 1.08;
  font-weight: 800;
  letter-spacing: -0.02em;}

.homepage-hero-banner-text {margin: 0 0 22px;
  max-width: 520px;
  color: var(--hero-text-color);
  font-size: clamp(15px, 1.25vw, 19px);
  line-height: 1.5;
  font-weight: 400;}

.homepage-hero-banner-buttons {display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;}

.homepage-hero-banner-btn {display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 12px 20px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  transition: transform 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;}

.homepage-hero-banner-btn:hover,
.homepage-hero-banner-btn:focus {transform: translateY(-1px);
  opacity: 0.94;
  text-decoration: none;}

.homepage-hero-banner-btn.primary {background: var(--hero-primary-bg);
  color: var(--hero-primary-text);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);}

.homepage-hero-banner-btn.secondary {background: var(--hero-secondary-bg);
  color: var(--hero-secondary-text);
  border: 1px solid var(--hero-secondary-border);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);}

@media (max-width: 1024px) {.homepage-hero-banner-content {width: 46%;
    max-width: 660px;
    padding: 32px 34px 32px 0;
    transform: translateX(-10px);}

.homepage-hero-banner-title {font-size: clamp(26px, 3.2vw, 40px);}

.homepage-hero-banner-text {font-size: 15px;}

.homepage-hero-banner-btn {min-height: 42px;
    padding: 11px 17px;
    font-size: 14px;}}

@media (max-width: 767px) {.homepage-hero-banner-overlay {align-items: center;
    justify-content: flex-end;}

.homepage-hero-banner-content {width: 50%;
    max-width: none;
    margin-right: 8px;
    padding: 12px 10px;
    transform: none;
    background: rgba(255, 255, 255, 0.72);
    border-radius: 14px;
    color: var(--hero-text-color);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(2px);}

.homepage-hero-banner-eyebrow {margin: 0 0 5px;
    font-size: 9px;
    line-height: 1.2;
    letter-spacing: 0.05em;}

.homepage-hero-banner-title {margin: 0 0 10px;
    font-size: 18px;
    line-height: 1.08;
    letter-spacing: -0.02em;}

.homepage-hero-banner-text {display: none;}

.homepage-hero-banner-buttons {display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;}

.homepage-hero-banner-btn {width: auto;
    min-height: 30px;
    padding: 7px 10px;
    font-size: 9.5px;
    line-height: 1.15;
    white-space: nowrap;}}

@media (max-width: 480px) {.homepage-hero-banner-content {width: 51%;
    margin-right: 7px;
    padding: 10px 9px;
    border-radius: 12px;}

.homepage-hero-banner-eyebrow {font-size: 8.5px;
    margin-bottom: 5px;}

.homepage-hero-banner-title {font-size: 17px;
    margin-bottom: 8px;}

.homepage-hero-banner-buttons {gap: 5px;}

.homepage-hero-banner-btn {min-height: 29px;
    padding: 6px 8px;
    font-size: 9px;}}

@media (max-width: 380px) {.homepage-hero-banner-content {width: 52%;
    margin-right: 6px;
    padding: 9px 8px;}

.homepage-hero-banner-eyebrow {font-size: 8px;}

.homepage-hero-banner-title {font-size: 16px;}

.homepage-hero-banner-btn {min-height: 28px;
    padding: 6px 7px;
    font-size: 8.5px;}}

.tittac-sale-landing {--sale-heading-font: inherit;
  --sale-body-font: inherit;
  --sale-text-color: #1f2933;
  --sale-muted-color: #4b5563;
  --sale-eyebrow-color: #8a5a18;
  --sale-primary-bg: #b7791f;
  --sale-primary-text: #ffffff;
  --sale-secondary-bg: #ffffff;
  --sale-secondary-text: #1f2933;
  --sale-secondary-border: rgba(31, 41, 51, 0.18);
  --sale-content-bg: rgba(255, 255, 255, 0.88);

  color: var(--sale-text-color);
  font-family: var(--sale-body-font);}

.tittac-campaign-hero {position: relative;
  width: 100%;
  max-width: 1720px;
  min-height: 560px;
  margin: 0 auto 48px;
  overflow: hidden;
  border-radius: 28px;
  background: #f6ead7;
  box-shadow: 0 18px 46px rgba(31, 41, 51, 0.08);}

.tittac-campaign-hero__image {position: absolute;
  inset: 0;
  z-index: 1;
  background: #f6ead7;}

.tittac-campaign-hero__image picture {display: block;
  width: 100%;
  height: 100%;}

.tittac-campaign-hero__image img {display: block;
  width: 100%;
  height: 100%;
  min-height: 560px;
  object-fit: cover;
  object-position: left center;}

.tittac-campaign-hero__content {position: relative;
  z-index: 2;
  width: min(100%, 480px);
  min-height: auto;
  margin-left: auto;
  margin-right: 7%;
  top: 50%;
  transform: translateY(24%);
  padding: 34px 36px;
  border-radius: 26px;
  background: var(--sale-content-bg);
  border: 1px solid rgba(255, 255, 255, 0.82);
  box-shadow: 0 22px 52px rgba(31, 41, 51, 0.14);
  backdrop-filter: blur(7px);}

.tittac-campaign-hero__content::before {display: none !important;}

.tittac-campaign-hero__eyebrow {margin: 0 0 12px;
  color: var(--sale-eyebrow-color);
  font-size: 0.8rem;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;}

.tittac-campaign-hero__title {margin: 0;
  color: var(--sale-text-color);
  font-family: var(--sale-heading-font);
  font-size: clamp(2.2rem, 3.2vw, 3.45rem);
  line-height: 1;
  letter-spacing: -0.052em;
  font-weight: 900;}

.tittac-campaign-hero__text {margin: 18px 0 0;
  color: var(--sale-muted-color);
  font-size: 1rem;
  line-height: 1.58;}

.tittac-campaign-hero__actions {display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;}

.tittac-campaign-btn {display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 12px 18px;
  border-radius: 999px;
  font-size: 0.9rem;
  line-height: 1.2;
  font-weight: 850;
  text-align: center;
  text-decoration: none !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease;}

.tittac-campaign-btn:hover {transform: translateY(-1px);
  text-decoration: none !important;}

.tittac-campaign-btn--primary {background: var(--sale-primary-bg);
  color: var(--sale-primary-text) !important;
  box-shadow: 0 12px 26px rgba(183, 121, 31, 0.25);}

.tittac-campaign-btn--secondary {background: var(--sale-secondary-bg);
  color: var(--sale-secondary-text) !important;
  border: 1px solid var(--sale-secondary-border);}

.tittac-campaign-hero__trust {list-style: none !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;}

.tittac-campaign-hero__trust li {list-style: none !important;
  margin: 0 !important;
  padding: 7px 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid rgba(31, 41, 51, 0.1) !important;
  color: #374151 !important;
  font-size: 0.76rem !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;}

.tittac-campaign-hero__trust li::before {content: "✓";
  color: var(--sale-eyebrow-color);
  font-weight: 900;}

@media (max-width: 1100px) {.tittac-campaign-hero__content {width: min(100%, 450px);
    margin-right: 4%;
    padding: 30px 32px;}

.tittac-campaign-hero__title {font-size: clamp(2rem, 3.2vw, 3rem);}}

@media (max-width: 767px) {.tittac-campaign-hero {min-height: 350px;
    margin-bottom: 34px;
    border-radius: 18px;}

.tittac-campaign-hero__image {position: absolute;
    inset: 0;}

.tittac-campaign-hero__image picture {height: 100%;}

.tittac-campaign-hero__image img {width: 100%;
    height: 100%;
    min-height: 350px;
    object-fit: cover;
    object-position: left center;}

.tittac-campaign-hero__content {position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 50%;
    margin: 0;
    padding: 14px 12px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.93);
    border: 1px solid rgba(255, 255, 255, 0.92);
    box-shadow: 0 12px 28px rgba(31, 41, 51, 0.16);
    backdrop-filter: blur(5px);
    text-align: left;}

.tittac-campaign-hero__eyebrow {margin: 0 0 5px;
    font-size: 0.52rem;
    line-height: 1.15;
    letter-spacing: 0.06em;}

.tittac-campaign-hero__title {font-size: clamp(1rem, 4.8vw, 1.38rem);
    line-height: 1.04;
    letter-spacing: -0.04em;}

.tittac-campaign-hero__text,
  .tittac-campaign-hero__trust {display: none !important;}

.tittac-campaign-hero__actions {display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
    margin-top: 11px;}

.tittac-campaign-btn {width: 100%;
    min-height: 32px;
    padding: 7px 8px;
    font-size: 0.62rem;
    line-height: 1.15;
    border-radius: 999px;}}

@media (max-width: 380px) {.tittac-campaign-hero {min-height: 335px;}

.tittac-campaign-hero__image img {min-height: 335px;}

.tittac-campaign-hero__content {width: 52%;
    right: 8px;
    padding: 12px 10px;}

.tittac-campaign-hero__eyebrow {font-size: 0.49rem;}

.tittac-campaign-hero__title {font-size: 1.02rem;}

.tittac-campaign-btn {min-height: 30px;
    font-size: 0.58rem;}}

@media (min-width: 768px) {.tittac-campaign-hero {min-height: 560px !important;
    overflow: hidden !important;}

.tittac-campaign-hero__content {position: absolute !important;
    right: 7% !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: min(100%, 460px) !important;
    margin: 0 !important;
    padding: 30px 34px !important;
    border-radius: 24px !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(255, 255, 255, 0.86) !important;
    box-shadow: 0 22px 52px rgba(31, 41, 51, 0.14) !important;
    backdrop-filter: blur(7px) !important;}

.tittac-campaign-hero__title {font-size: clamp(2rem, 2.85vw, 3.15rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.048em !important;}

.tittac-campaign-hero__text {margin-top: 16px !important;
    font-size: 0.95rem !important;
    line-height: 1.52 !important;}

.tittac-campaign-hero__actions {margin-top: 22px !important;
    gap: 10px !important;}

.tittac-campaign-btn {min-height: 44px !important;
    padding: 11px 17px !important;
    font-size: 0.86rem !important;}

.tittac-campaign-hero__trust {margin-top: 14px !important;
    gap: 7px !important;}

.tittac-campaign-hero__trust li {padding: 6px 9px !important;
    font-size: 0.72rem !important;}}

@media (min-width: 768px) {.tittac-campaign-hero__content {right: 11% !important;}}

.tittac-campaign-support-strip {width: 100%;
  max-width: 1720px;
  margin: -18px auto 46px;
  padding: 0 18px;}

.tittac-campaign-support-strip__inner {display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;}

.tittac-campaign-support-card {padding: 20px 18px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(31, 41, 51, 0.1);
  box-shadow: 0 12px 30px rgba(31, 41, 51, 0.06);
  text-align: left;}

.tittac-campaign-support-card h3 {margin: 0 0 8px;
  color: var(--sale-text-color, #1f2933);
  font-size: 1rem;
  line-height: 1.22;
  font-weight: 850;
  text-align: left;}

.tittac-campaign-support-card p {margin: 0;
  color: var(--sale-muted-color, #4b5563);
  font-size: 0.9rem;
  line-height: 1.5;
  text-align: left;}

.tittac-campaign-support-card::before {content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-bottom: 12px;
  border-radius: 999px;
  background: rgba(183, 121, 31, 0.13);
  color: var(--sale-eyebrow-color, #8a5a18);
  font-size: 0.82rem;
  font-weight: 900;}

@media (max-width: 980px) {.tittac-campaign-support-strip {margin: -10px auto 38px;
    padding: 0 14px;}

.tittac-campaign-support-strip__inner {grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;}

.tittac-campaign-support-card {padding: 18px 16px;}}

@media (max-width: 560px) {.tittac-campaign-support-strip {margin: -8px auto 34px;
    padding: 0 12px;}

.tittac-campaign-support-strip__inner {grid-template-columns: 1fr;
    gap: 10px;}

.tittac-campaign-support-card {padding: 14px 15px;
    border-radius: 16px;
    display: grid;
    
    grid-template-columns: 24px 1fr; 
    column-gap: 12px; 
    row-gap: 2px;     
    align-items: start;}

.tittac-campaign-support-card::before {width: 24px;
    height: 24px;
    margin-bottom: 0;
    grid-column: 1;
    grid-row: 1 / span 2;}

.tittac-campaign-support-card h3 {font-size: 0.96rem;
    margin: 0; 
    grid-column: 2;
    grid-row: 1;
    text-align: left;}

.tittac-campaign-support-card p {font-size: 0.86rem;
    line-height: 1.45;
    grid-column: 2;
    grid-row: 2;
    text-align: left;}}

.tittac-campaign-deals {width: 100%;
  max-width: 1720px;
  margin: 0 auto 54px;
  padding: 0 18px;}

.tittac-campaign-section-head {max-width: 760px;
  margin: 0 auto 28px;
  text-align: center;}

.tittac-campaign-section-eyebrow {margin: 0 0 8px;
  color: var(--sale-eyebrow-color, #8a5a18);
  font-size: 0.78rem;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;}

.tittac-campaign-section-head h2 {margin: 0;
  color: var(--sale-text-color, #1f2933);
  font-size: clamp(2rem, 3.2vw, 3.35rem);
  line-height: 1.04;
  letter-spacing: -0.045em;
  font-weight: 900;}

.tittac-campaign-section-head p {margin: 14px auto 0;
  max-width: 680px;
  color: var(--sale-muted-color, #4b5563);
  font-size: 1rem;
  line-height: 1.6;}

.tittac-campaign-product-grid {display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;}

.tittac-campaign-product-card {position: relative;
  overflow: hidden;
  border-radius: 24px;
  background: #ffffff;
  border: 1px solid rgba(31, 41, 51, 0.1);
  box-shadow: 0 16px 38px rgba(31, 41, 51, 0.07);}

.tittac-campaign-product-card__badge {position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(183, 121, 31, 0.12);
  color: var(--sale-eyebrow-color, #8a5a18);
  font-size: 0.72rem;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 0.02em;}

.tittac-campaign-product-card__image {display: flex;
  align-items: center;
  justify-content: center;
  height: 320px;
  padding: 34px 24px 18px;
  background:
    radial-gradient(circle at 50% 20%, rgba(255, 244, 225, 0.95), rgba(255, 244, 225, 0) 58%),
    #faf7f2;}

.tittac-campaign-product-card__image img {width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center;}

.tittac-campaign-product-card__body {padding: 22px 22px 24px;}

.tittac-campaign-product-card__body h3 {margin: 0;
  color: var(--sale-text-color, #1f2933);
  font-size: 1.18rem;
  line-height: 1.24;
  font-weight: 900;}

.tittac-campaign-product-card__price {display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;}

.tittac-campaign-product-card__regular {color: #8a8f98;
  font-size: 0.95rem;
  font-weight: 750;
  text-decoration: line-through;}

.tittac-campaign-product-card__sale {color: #b7791f;
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -0.035em;}

.tittac-campaign-product-card__finance {margin: 12px 0 0;
  color: var(--sale-muted-color, #4b5563);
  font-size: 0.9rem;
  line-height: 1.5;}

.tittac-campaign-product-card__btn {display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 46px;
  margin-top: 18px;
  padding: 12px 16px;
  border-radius: 999px;
  background: var(--sale-primary-bg, #b7791f);
  color: var(--sale-primary-text, #ffffff) !important;
  font-size: 0.9rem;
  line-height: 1.2;
  font-weight: 850;
  text-align: center;
  text-decoration: none !important;
  box-shadow: 0 12px 24px rgba(183, 121, 31, 0.2);}

.tittac-campaign-product-card__btn:hover {text-decoration: none !important;
  transform: translateY(-1px);}

.tittac-campaign-deals-note {max-width: 860px;
  margin: 20px auto 0;
  padding: 14px 18px;
  border-radius: 16px;
  background: rgba(183, 121, 31, 0.08);
  border: 1px solid rgba(183, 121, 31, 0.16);
  text-align: center;}

.tittac-campaign-deals-note p {margin: 0;
  color: #4b5563;
  font-size: 0.9rem;
  line-height: 1.5;}

@media (max-width: 980px) {.tittac-campaign-deals {margin-bottom: 44px;
    padding: 0 14px;}

.tittac-campaign-product-grid {grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;}

.tittac-campaign-product-card__image {height: 280px;}}

@media (max-width: 640px) {.tittac-campaign-deals {margin-bottom: 38px;
    padding: 0 12px;}

.tittac-campaign-section-head {margin-bottom: 20px;}

.tittac-campaign-section-head h2 {font-size: clamp(1.75rem, 7vw, 2.35rem);
    line-height: 1.06;}

.tittac-campaign-section-head p {font-size: 0.9rem;
    line-height: 1.5;}

.tittac-campaign-product-grid {grid-template-columns: 1fr;
    gap: 14px;}

.tittac-campaign-product-card {border-radius: 20px;}

.tittac-campaign-product-card__badge {top: 12px;
    left: 12px;
    font-size: 0.68rem;}

.tittac-campaign-product-card__image {height: 250px;
    padding: 34px 18px 16px;}

.tittac-campaign-product-card__body {padding: 20px 18px 22px;}

.tittac-campaign-product-card__body h3 {font-size: 1.08rem;}

.tittac-campaign-product-card__sale {font-size: 1.55rem;}

.tittac-campaign-product-card__finance {font-size: 0.86rem;}

.tittac-campaign-product-card__btn {min-height: 44px;
    font-size: 0.88rem;}

.tittac-campaign-deals-note {margin-top: 16px;
    padding: 13px 14px;}

.tittac-campaign-deals-note p {font-size: 0.84rem;}}

.tittac-campaign-product-card__image {height: 350px !important;
  padding: 30px 18px 16px !important;
  overflow: hidden !important;}

.tittac-campaign-product-card__image img {transform: scale(1.13) !important;
  transform-origin: center center !important;}

.tittac-campaign-product-card:nth-child(2) .tittac-campaign-product-card__image img {transform: scale(1.18) !important;}

@media (max-width: 640px) {.tittac-campaign-product-card__image {height: 275px !important;
    padding: 28px 14px 14px !important;}

.tittac-campaign-product-card__image img {transform: scale(1.08) !important;}

.tittac-campaign-product-card:nth-child(2) .tittac-campaign-product-card__image img {transform: scale(1.12) !important;}}

.tittac-campaign-product-card {display: flex;
  flex-direction: column;}

.tittac-campaign-product-card__image {order: 1;}

.tittac-campaign-product-card__badge {position: static !important;
  order: 2;
  align-self: flex-start;
  margin: 18px 22px 0 !important;
  padding: 7px 11px !important;
  max-width: calc(100% - 44px) !important;
  background: rgba(183, 121, 31, 0.1) !important;
  border: 1px solid rgba(183, 121, 31, 0.16) !important;
  box-shadow: none !important;
  color: #8a5a18 !important;
  font-size: 0.72rem !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  text-align: left !important;
  white-space: normal !important;}

.tittac-campaign-product-card__body {order: 3;
  padding-top: 14px !important;}

@media (max-width: 640px) {.tittac-campaign-product-card__badge {margin: 16px 18px 0 !important;
    font-size: 0.68rem !important;}

.tittac-campaign-product-card__body {padding-top: 12px !important;}}

@media (max-width: 640px) {.tittac-campaign-product-grid {gap: 24px !important;}

.tittac-campaign-product-card {border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 16px 36px rgba(31, 41, 51, 0.09) !important;}

.tittac-campaign-product-card__image {height: 235px !important;
    padding: 28px 18px 16px !important;
    border-bottom: 1px solid rgba(31, 41, 51, 0.06) !important;
    background:
      radial-gradient(circle at 50% 22%, rgba(255, 244, 225, 0.95), rgba(255, 244, 225, 0) 58%),
      #fbf8f3 !important;}

.tittac-campaign-product-card__image img {transform: scale(1.02) !important;}

.tittac-campaign-product-card:nth-child(2) .tittac-campaign-product-card__image img {transform: scale(1.06) !important;}

.tittac-campaign-product-card__badge {margin: 16px 18px 0 !important;
    padding: 7px 10px !important;
    font-size: 0.66rem !important;
    border-radius: 999px !important;}

.tittac-campaign-product-card__body {padding: 14px 18px 22px !important;
    text-align: left !important;}

.tittac-campaign-product-card__body h3 {font-size: 1rem !important;
    line-height: 1.25 !important;}

.tittac-campaign-product-card__price {margin-top: 12px !important;
    gap: 8px !important;}

.tittac-campaign-product-card__regular {font-size: 0.86rem !important;}

.tittac-campaign-product-card__sale {font-size: 1.45rem !important;}

.tittac-campaign-product-card__finance {margin-top: 10px !important;
    font-size: 0.84rem !important;
    line-height: 1.45 !important;}

.tittac-campaign-product-card__btn {margin-top: 16px !important;
    min-height: 44px !important;}

.tittac-campaign-deals-note {margin-top: 22px !important;}}

@media (max-width: 640px) {.tittac-campaign-product-card {box-shadow: none !important;
    border: 1px solid #e7dfd3 !important;}

.tittac-campaign-product-grid {gap: 28px !important;}}

@media (max-width: 640px) {.tittac-campaign-deals {background: #ffffff !important;}

.tittac-campaign-product-card {background: #ffffff !important;
    box-shadow: none !important;
    border: 1px solid #e7dfd3 !important;}}

.tittac-campaign-bonus-offer {width: 100%;
  max-width: 1720px;
  margin: 0 auto 54px;
  padding: 0 18px;}

.tittac-campaign-bonus-offer__inner {position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  padding: 36px 38px;
  border-radius: 26px;
  
  background: 
    radial-gradient(circle at 100% 0%, rgba(217, 160, 81, 0.12) 0%, rgba(255,255,255,0) 50%),
    linear-gradient(135deg, #ffffff 0%, #fcfaf6 100%);
  border: 1px solid rgba(183, 121, 31, 0.2);
  
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04), 0 2px 8px rgba(183, 121, 31, 0.06);
  overflow: hidden;}

.tittac-campaign-bonus-offer__inner::before {content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 6px;
  background: linear-gradient(180deg, #d97706, #fcd34d, #d97706);
  box-shadow: 2px 0 12px rgba(217, 119, 6, 0.3);}

.tittac-campaign-bonus-offer__icon {display: flex;
  align-items: center;
  justify-content: center;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: linear-gradient(135deg, #fef08a 0%, #d97706 100%);
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 8px 16px rgba(217, 119, 6, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.6);
  text-shadow: 0 2px 4px rgba(0,0,0,0.1);}

.tittac-campaign-bonus-offer__content {max-width: 820px;}

.tittac-campaign-bonus-offer__content .tittac-campaign-section-eyebrow {margin-bottom: 8px;
  color: #b7791f; 
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;}

.tittac-campaign-bonus-offer__content h2 {margin: 0;
  color: var(--sale-text-color, #1f2933);
  font-size: clamp(1.9rem, 2.7vw, 2.6rem);
  line-height: 1.1;
  letter-spacing: -0.03em;
  font-weight: 900;}

.tittac-campaign-bonus-offer__content p {margin: 14px 0 0;
  color: var(--sale-muted-color, #4b5563);
  font-size: 1.05rem;
  line-height: 1.6;}

.tittac-campaign-bonus-offer__note {font-weight: 700;
  color: #d97706 !important;}

.tittac-campaign-bonus-offer__action {display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 240px;}

.tittac-campaign-bonus-offer__action .tittac-campaign-btn {min-height: 48px;
  padding: 14px 24px;
  background: linear-gradient(135deg, #d97706 0%, #b7791f 100%);
  color: #ffffff !important;
  border: none;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(183, 121, 31, 0.3);
  transition: all 0.3s ease;}

.tittac-campaign-bonus-offer__action .tittac-campaign-btn:hover {transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(183, 121, 31, 0.4);
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);}

@media (max-width: 980px) {.tittac-campaign-bonus-offer {margin-bottom: 44px;
    padding: 0 14px;}

.tittac-campaign-bonus-offer__inner {grid-template-columns: auto minmax(0, 1fr);
    gap: 18px;
    padding: 30px 24px;}

.tittac-campaign-bonus-offer__action {grid-column: 1 / -1;
    justify-content: flex-start;
    min-width: 0;}}

@media (max-width: 640px) {.tittac-campaign-bonus-offer {margin-bottom: 38px;
    padding: 0 12px;}

.tittac-campaign-bonus-offer__inner {display: block;
    padding: 24px 18px;
    border-radius: 22px;
    text-align: left;
    background: linear-gradient(135deg, #ffffff 0%, #fcfaf6 100%);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); 
    border: 1px solid #e7dfd3;}

.tittac-campaign-bonus-offer__inner::before {width: 4px;}

.tittac-campaign-bonus-offer__icon {width: 46px;
    height: 46px;
    margin: 0 0 14px;
    border-radius: 12px;
    font-size: 1.3rem;}

.tittac-campaign-bonus-offer__content h2 {font-size: clamp(1.55rem, 7vw, 1.85rem);
    line-height: 1.15;}

.tittac-campaign-bonus-offer__content p {font-size: 0.95rem;
    line-height: 1.5;}

.tittac-campaign-bonus-offer__action {display: block;
    margin-top: 20px;
    min-width: 0;}

.tittac-campaign-bonus-offer__action .tittac-campaign-btn {width: 100%;
    min-height: 48px;
    font-size: 1rem;
    display: flex;
    justify-content: center;}}

.tittac-campaign-benefits {width: 100%;
  max-width: 1720px;
  margin: 0 auto 54px;
  padding: 0 18px;}

.tittac-campaign-benefits__grid {display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;}

.tittac-campaign-benefit-card {position: relative;
  padding: 32px 28px;
  border-radius: 24px;
  background: linear-gradient(145deg, #ffffff, #fcfaf6);
  border: 1px solid rgba(183, 121, 31, 0.15);
  box-shadow: 0 10px 30px rgba(31, 41, 51, 0.04), 0 2px 10px rgba(183, 121, 31, 0.03);
  transition: all 0.3s ease;}

.tittac-campaign-benefit-card:hover {transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(31, 41, 51, 0.08), 0 4px 15px rgba(183, 121, 31, 0.06);
  border-color: rgba(183, 121, 31, 0.3);}

.tittac-campaign-benefit-card::before {content: "";
  display: block;
  width: 40px;
  height: 40px;
  margin-bottom: 20px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 30% 30%, #ffffff 0%, rgba(255, 255, 255, 0) 60%),
    linear-gradient(135deg, #fcedd3 0%, #dfa857 100%);
  border: 1px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 4px 10px rgba(183, 121, 31, 0.2);}

.tittac-campaign-benefit-card h3 {margin: 0;
  color: var(--sale-text-color, #1f2933);
  font-size: 1.15rem;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: -0.01em;}

.tittac-campaign-benefit-card p {margin: 12px 0 0;
  color: var(--sale-muted-color, #4b5563);
  font-size: 0.95rem;
  line-height: 1.6;}

.tittac-campaign-benefits__cta {display: flex;
  justify-content: center;
  margin-top: 36px;}

@media (max-width: 980px) {.tittac-campaign-benefits {margin-bottom: 44px;
    padding: 0 14px;}

.tittac-campaign-benefits__grid {grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;}

.tittac-campaign-benefit-card {padding: 26px 24px;}}

@media (max-width: 768px) {.tittac-campaign-benefits {margin-bottom: 38px;
    padding: 0 !important;}

.tittac-campaign-benefits__grid {display: flex !important; 
    flex-wrap: nowrap !important; 
    overflow-x: auto !important; 
    -webkit-overflow-scrolling: touch !important; 
    scroll-snap-type: x mandatory !important; 
    gap: 14px !important;
    padding: 0 16px 24px 16px !important;}

.tittac-campaign-benefits__grid::-webkit-scrollbar {display: none !important;}

.tittac-campaign-benefits__grid {-ms-overflow-style: none !important;
    scrollbar-width: none !important;}

.tittac-campaign-benefit-card {flex: 0 0 85% !important; 
    max-width: 85% !important;
    scroll-snap-align: center !important; 
    padding: 22px 20px !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 24px rgba(31, 41, 51, 0.05) !important;
    margin-bottom: 0 !important; 
    transform: none !important; 
    text-align: left !important;}

.tittac-campaign-benefit-card::before {width: 34px !important;
    height: 34px !important;
    margin-bottom: 14px !important;}

.tittac-campaign-benefit-card h3 {font-size: 1.05rem !important;}

.tittac-campaign-benefit-card p {font-size: 0.9rem !important;
    line-height: 1.5 !important;}

.tittac-campaign-benefits__cta {margin-top: 10px !important;
    padding: 0 16px !important;}

.tittac-campaign-benefits__cta .tittac-campaign-btn {width: 100% !important;
    min-height: 48px !important;
    font-size: 0.95rem !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;}}

.tittac-campaign-faq {width: 100%;
  max-width: 1180px;
  margin: 0 auto 56px;
  padding: 0 18px;}

.tittac-campaign-faq__list {display: grid;
  gap: 12px;
  margin-top: 26px;}

.tittac-campaign-faq__item {overflow: hidden;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(31, 41, 51, 0.1);
  box-shadow: 0 12px 30px rgba(31, 41, 51, 0.05);}

.tittac-campaign-faq__item summary {position: relative;
  display: flex;
  align-items: center;
  min-height: 66px;
  padding: 20px 58px 20px 22px;
  color: var(--sale-text-color, #1f2933);
  font-size: 1rem;
  line-height: 1.35;
  font-weight: 850;
  cursor: pointer;
  list-style: none;}

.tittac-campaign-faq__item summary::-webkit-details-marker {display: none;}

.tittac-campaign-faq__item summary::after {content: "+";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 30px;
  height: 30px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(183, 121, 31, 0.1);
  color: var(--sale-eyebrow-color, #8a5a18);
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 900;}

.tittac-campaign-faq__item[open] {border-color: rgba(183, 121, 31, 0.22);
  box-shadow: 0 16px 34px rgba(31, 41, 51, 0.07);}

.tittac-campaign-faq__item[open] summary {border-bottom: 1px solid rgba(31, 41, 51, 0.08);}

.tittac-campaign-faq__item[open] summary::after {content: "–";
  background: var(--sale-primary-bg, #b7791f);
  color: #ffffff;}

.tittac-campaign-faq__answer {padding: 18px 22px 22px;
  background:
    linear-gradient(180deg, rgba(255, 250, 243, 0.8), #ffffff);}

.tittac-campaign-faq__answer p {margin: 0;
  color: var(--sale-muted-color, #4b5563);
  font-size: 0.95rem;
  line-height: 1.65;}

@media (hover: hover) {.tittac-campaign-faq__item summary:hover {background: rgba(255, 250, 243, 0.75);}}

@media (max-width: 640px) {.tittac-campaign-faq {margin-bottom: 42px;
    padding: 0 12px;}

.tittac-campaign-faq__list {gap: 10px;
    margin-top: 20px;}

.tittac-campaign-faq__item {border-radius: 16px;
    box-shadow: none;
    border: 1px solid #e7dfd3;}

.tittac-campaign-faq__item summary {min-height: 58px;
    padding: 16px 50px 16px 16px;
    font-size: 0.94rem;
    line-height: 1.35;}

.tittac-campaign-faq__item summary::after {right: 15px;
    width: 28px;
    height: 28px;
    font-size: 1.1rem;}

.tittac-campaign-faq__answer {padding: 15px 16px 18px;}

.tittac-campaign-faq__answer p {font-size: 0.88rem;
    line-height: 1.55;}}

/* Tittac Campaign Final CTA - Light Premium */
.tittac-campaign-final-cta {
  width: 100%;
  max-width: 1720px;
  margin: 0 auto 64px;
  padding: 0 18px;
}

.tittac-campaign-final-cta__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
  padding: 42px 44px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 96% 12%, rgba(183, 121, 31, 0.10), rgba(183, 121, 31, 0) 34%),
    linear-gradient(135deg, #fffaf3 0%, #f5eadb 100%);
  color: #1f2933;
  border: 1px solid rgba(183, 121, 31, 0.14);
  box-shadow: 0 20px 48px rgba(31, 41, 51, 0.08);
  overflow: hidden;
}

.tittac-campaign-final-cta__content {
  max-width: 820px;
}

.tittac-campaign-final-cta__content .tittac-campaign-section-eyebrow {
  color: #9a5f16;
  margin-bottom: 10px;
}

.tittac-campaign-final-cta__content h2 {
  margin: 0;
  color: #111827;
  font-size: clamp(2rem, 3.2vw, 3.35rem);
  line-height: 1.04;
  letter-spacing: -0.045em;
  font-weight: 900;
}

.tittac-campaign-final-cta__content p {
  margin: 16px 0 0;
  max-width: 720px;
  color: #3f3f46;
  font-size: 1rem;
  line-height: 1.6;
}

.tittac-campaign-final-cta__actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  min-width: 250px;
}

.tittac-campaign-final-cta__actions .tittac-campaign-btn {
  width: 100%;
  min-height: 46px;
}

.tittac-campaign-final-cta__actions .tittac-campaign-btn--primary {
  background: #b87516;
  color: #ffffff !important;
  border: 1px solid #b87516;
  box-shadow: 0 12px 26px rgba(184, 117, 22, 0.22);
}

.tittac-campaign-final-cta__actions .tittac-campaign-btn--primary:hover {
  background: #a66512;
  border-color: #a66512;
}

.tittac-campaign-final-cta__actions .tittac-campaign-btn--secondary {
  background: #ffffff;
  color: #1f2933 !important;
  border: 1px solid rgba(31, 41, 51, 0.22);
}

.tittac-campaign-final-cta__actions .tittac-campaign-btn--secondary:hover {
  background: #f7f2ea;
  color: #111827 !important;
}

.tittac-campaign-final-cta__link {
  display: inline-flex;
  justify-content: center;
  color: #6f4b1f !important;
  font-size: 0.9rem;
  line-height: 1.3;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.tittac-campaign-final-cta__link:hover {
  color: #111827 !important;
}

@media (max-width: 980px) {
  .tittac-campaign-final-cta {
    margin-bottom: 50px;
    padding: 0 14px;
  }

  .tittac-campaign-final-cta__inner {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 34px 28px;
  }

  .tittac-campaign-final-cta__actions {
    min-width: 0;
    max-width: 360px;
  }
}

@media (max-width: 640px) {
  .tittac-campaign-final-cta {
    margin-bottom: 42px;
    padding: 0 12px;
  }

  .tittac-campaign-final-cta__inner {
    padding: 28px 18px;
    border-radius: 22px;
    text-align: center;
  }

  .tittac-campaign-final-cta__content h2 {
    font-size: clamp(1.75rem, 7vw, 2.35rem);
    line-height: 1.06;
  }

  .tittac-campaign-final-cta__content p {
    font-size: 0.9rem;
    line-height: 1.5;
  }

  .tittac-campaign-final-cta__actions {
    width: 100%;
    max-width: none;
    gap: 10px;
  }

  .tittac-campaign-final-cta__actions .tittac-campaign-btn {
    min-height: 44px;
    font-size: 0.88rem;
  }

  .tittac-campaign-final-cta__link {
    font-size: 0.86rem;
  }
}

.tittac-campaign-video-section {width: 100%;
  max-width: 1720px;
  margin: 0 auto 56px;
  padding: 0 18px;}

.tittac-campaign-video-section__inner {display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(520px, 1.15fr);
  align-items: center;
  gap: 34px;
  padding: 34px;
  border-radius: 28px;
  background:
    radial-gradient(circle at 8% 12%, rgba(183, 121, 31, 0.08), rgba(183, 121, 31, 0) 34%),
    linear-gradient(135deg, #ffffff 0%, #fffaf3 100%);
  border: 1px solid rgba(183, 121, 31, 0.12);
  box-shadow: 0 18px 42px rgba(31, 41, 51, 0.06);}

.tittac-campaign-video-section__content {max-width: 560px;}

.tittac-campaign-video-section__content h2 {margin: 0;
  color: var(--sale-text-color, #1f2933);
  font-size: clamp(2rem, 3vw, 3.1rem);
  line-height: 1.05;
  letter-spacing: -0.045em;
  font-weight: 900;}

.tittac-campaign-video-section__content p {margin: 16px 0 0;
  color: var(--sale-muted-color, #4b5563);
  font-size: 1rem;
  line-height: 1.6;}

.tittac-campaign-video-section__actions {display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;}

.tittac-campaign-video-section__video {position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 24px;
  background: #111827;
  box-shadow: 0 18px 42px rgba(31, 41, 51, 0.14);}

.tittac-campaign-video-section__video iframe {position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
  display: block;}

@media (max-width: 980px) {.tittac-campaign-video-section {margin-bottom: 44px;
    padding: 0 14px;}

.tittac-campaign-video-section__inner {grid-template-columns: 1fr;
    gap: 24px;
    padding: 28px 24px;}

.tittac-campaign-video-section__content {max-width: 720px;
    text-align: center;
    margin: 0 auto;}

.tittac-campaign-video-section__actions {justify-content: center;}}

@media (max-width: 640px) {.tittac-campaign-video-section {margin-bottom: 38px;
    padding: 0 12px;}

.tittac-campaign-video-section__inner {padding: 20px 16px;
    border-radius: 22px;
    box-shadow: none;
    border: 1px solid #e7dfd3;}

.tittac-campaign-video-section__content h2 {font-size: clamp(1.65rem, 7vw, 2.2rem);
    line-height: 1.08;}

.tittac-campaign-video-section__content p {font-size: 0.9rem;
    line-height: 1.5;}

.tittac-campaign-video-section__actions {display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    margin-top: 18px;}

.tittac-campaign-video-section__actions .tittac-campaign-btn {width: 100%;
    min-height: 44px;
    font-size: 0.88rem;}

.tittac-campaign-video-section__video {border-radius: 18px;
    box-shadow: none;}}

@media (max-width: 640px) {.tittac-campaign-video-section__video {order: 1;}

.tittac-campaign-video-section__content {order: 2;}

.tittac-campaign-video-section__inner {display: flex;
    flex-direction: column;}}

@media (max-width: 767px) {.tittac-campaign-hero--mobile-card-below {position: relative !important;
    min-height: 500px !important;
    height: 500px !important;
    margin-bottom: 34px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #f6ead7 !important;
    box-shadow: 0 14px 34px rgba(31, 41, 51, 0.1) !important;}

.tittac-campaign-hero--mobile-card-below .tittac-campaign-hero__image {position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;}

.tittac-campaign-hero--mobile-card-below .tittac-campaign-hero__image picture {display: block !important;
    width: 100% !important;
    height: 100% !important;}

.tittac-campaign-hero--mobile-card-below .tittac-campaign-hero__image img {display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center top !important;}

.tittac-campaign-hero--mobile-card-below::after {content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 58%;
    z-index: 1;
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 250, 243, 0.58) 45%,
      rgba(255, 250, 243, 0.96) 100%
    );
    pointer-events: none;}

.tittac-campaign-hero--mobile-card-below .tittac-campaign-hero__content {position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 14px !important;
    top: auto !important;
    transform: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 16px 15px !important;
    border-radius: 17px !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 12px 28px rgba(31, 41, 51, 0.15) !important;
    backdrop-filter: blur(6px) !important;
    text-align: left !important;
    z-index: 2 !important;}

.tittac-campaign-hero--mobile-card-below .tittac-campaign-hero__eyebrow {margin: 0 0 6px !important;
    font-size: 0.55rem !important;
    line-height: 1.15 !important;
    letter-spacing: 0.065em !important;}

.tittac-campaign-hero--mobile-card-below .tittac-campaign-hero__title {font-size: clamp(1.28rem, 5.8vw, 1.65rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.045em !important;}

.tittac-campaign-hero--mobile-card-below .tittac-campaign-hero__text,
  .tittac-campaign-hero--mobile-card-below .tittac-campaign-hero__trust {display: none !important;}

.tittac-campaign-hero--mobile-card-below .tittac-campaign-hero__actions {display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 13px !important;}

.tittac-campaign-hero--mobile-card-below .tittac-campaign-btn {width: 100% !important;
    min-height: 36px !important;
    padding: 8px 10px !important;
    font-size: 0.72rem !important;
    line-height: 1.15 !important;}}

@media (max-width: 380px) {.tittac-campaign-hero--mobile-card-below {min-height: 470px !important;
    height: 470px !important;}

.tittac-campaign-hero--mobile-card-below .tittac-campaign-hero__content {left: 10px !important;
    right: 10px !important;
    bottom: 12px !important;
    padding: 14px 13px !important;}

.tittac-campaign-hero--mobile-card-below .tittac-campaign-hero__title {font-size: 1.25rem !important;}}

@media (min-width: 981px) {.tittac-campaign-deals--karaoke .tittac-campaign-product-grid {grid-template-columns: repeat(4, minmax(0, 1fr)) !important;}

.tittac-campaign-deals--karaoke .tittac-campaign-product-card__image {height: 285px !important;
    padding: 28px 16px 16px !important;}

.tittac-campaign-deals--karaoke .tittac-campaign-product-card__image img {transform: scale(1.02) !important;
    object-fit: contain !important;}

.tittac-campaign-deals--karaoke .tittac-campaign-product-card__body h3 {font-size: 1.02rem !important;
    line-height: 1.28 !important;}

.tittac-campaign-deals--karaoke .tittac-campaign-product-card__sale {font-size: 1.55rem !important;}

.tittac-campaign-deals--karaoke .tittac-campaign-product-card__finance {font-size: 0.84rem !important;}}

.tittac-product-actions {display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 18px !important;
  padding: 0 5px;}

button.tittac-btn-demo {appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 46px !important;
  margin-top: 14px !important;
  padding: 12px 16px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(183, 121, 31, 0.58) !important;
  color: #b7791f !important;
  font-size: 0.9rem !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  text-align: center !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease !important;}

button.tittac-btn-demo:hover {background: rgba(183, 121, 31, 0.07) !important;
  border-color: rgba(183, 121, 31, 0.78) !important;
  transform: translateY(-1px) !important;}

button.tittac-btn-demo:focus-visible {outline: 3px solid rgba(183, 121, 31, 0.24) !important;
  outline-offset: 3px !important;}

.tittac-campaign-product-card__btn {width: 100% !important;
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border-radius: 999px !important;}

.tittac-product-actions {display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  margin-top: 18px !important;}

button.tittac-btn-demo {appearance: none !important;
  -webkit-appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 46px !important;
  padding: 12px 16px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(183, 121, 31, 0.58) !important;
  color: #b7791f !important;
  font-size: 0.9rem !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  text-align: center !important;
  cursor: pointer !important;
  box-shadow: none !important;
  transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease !important;}

.tittac-campaign-product-card__btn {width: 100% !important;
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  border-radius: 999px !important;
  margin-top: 0 !important;}

.tittac-campaign-deals {padding-bottom: 34px;}

@media (max-width: 640px) {.tittac-campaign-deals {padding-bottom: 58px;}

.tittac-product-actions {gap: 9px !important;
    margin-top: 16px !important;}

button.tittac-btn-demo {min-height: 44px !important;
    padding: 11px 14px !important;
    font-size: 0.86rem !important;}}

.tittac-video-modal {position: fixed !important;
  inset: 0 !important;
  z-index: 99999 !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 22px !important;
  background: rgba(17, 24, 39, 0.76) !important;
  backdrop-filter: blur(5px) !important;}

.tittac-video-modal-content {position: relative !important;
  width: min(100%, 980px) !important;
  aspect-ratio: 16 / 9 !important;
  background: #111827 !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35) !important;}

.tittac-video-modal-content iframe {position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;}

.tittac-video-modal-close {position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  z-index: 3 !important;
  width: 38px !important;
  height: 38px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  color: #111827 !important;
  font-size: 1.8rem !important;
  line-height: 1 !important;
  cursor: pointer !important;}

.tittac-video-modal-close:hover {background: #ffffff !important;}

@media (max-width: 640px) {.tittac-video-modal {padding: 12px !important;}

.tittac-video-modal-content {border-radius: 16px !important;}

.tittac-video-modal-close {width: 34px !important;
    height: 34px !important;
    top: 9px !important;
    right: 9px !important;
    font-size: 1.55rem !important;}}

.tittac-campaign-benefit-card::before,
.tittac-campaign-benefit-card::after {display: none !important;
    background-image: none !important;}

.tittac-campaign-benefit-card {background-image: none !important;}

.tittac-campaign-btn {font-family: "Inter", "Roboto", "Helvetica Neue", Arial, sans-serif !important;}

.tittac-campaign-bonus-offer__action {gap: 12px;
  flex-wrap: wrap;}

.tittac-campaign-bonus-offer__action .tittac-campaign-btn {min-width: 210px;}

@media (max-width: 640px) {.tittac-campaign-bonus-offer__action {display: grid;
    grid-template-columns: 1fr;}

.tittac-campaign-bonus-offer__action .tittac-campaign-btn {width: 100%;
    min-width: 0;}}

.tittac-fathersday-btn,
[class*="tittac-landing-page-karaoke"],
.tittac-campaign-deals + button,
#karaoke-deals - button {display: none !important;}

.fns-rfq-block input.tittac-landing-page-karaoke-message-popup {display: none !important;}

.tittac-campaign-final-cta button.tittac-campaign-final-cta__link,
.tittac-campaign-final-cta .tittac-open-karaoke-message-popup {appearance: none !important;
  -webkit-appearance: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;

  color: #6f4b1f !important;
  font-family: inherit !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  cursor: pointer !important;}

.tittac-campaign-final-cta button.tittac-campaign-final-cta__link:hover,
.tittac-campaign-final-cta .tittac-open-karaoke-message-popup:hover {color: #111827 !important;
  background: transparent !important;
  background-color: transparent !important;
  opacity: 1 !important;}

.tittac-campaign-final-cta button.tittac-campaign-final-cta__link,
.tittac-campaign-final-cta .tittac-open-karaoke-message-popup {appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  background: transparent !important;
  color: #6f4b1f !important;
  font-size: 0.94rem !important;
  font-weight: 850 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;}

.tittac-campaign-final-cta button.tittac-campaign-final-cta__link:hover,
.tittac-campaign-final-cta .tittac-open-karaoke-message-popup:hover {color: #111827 !important;}

html {scroll-behavior: smooth;}

#starbox-3,
#aks-302,
#aks-405,
#aks-603 {scroll-margin-top: 120px;}

@media (max-width: 768px) {#starbox-3,
  #aks-302,
  #aks-405,
  #aks-603 {scroll-margin-top: 95px;}}

.tittac-campaign-product-card__price {display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;}

..tittac-campaign-product-card__price {display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;}

.tittac-campaign-product-card__save {display: inline-flex;
  align-items: center;
  padding: 5px 10px;
  border-radius: 999px;
  background: #fff3df;
  color: #b87516;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;}

.tittac-campaign-mid-cta {padding: 42px 18px;
  background: #fff7eb;}

.tittac-campaign-mid-cta__inner {max-width: 980px;
  margin: 0 auto;
  text-align: center;
  border-radius: 22px;
  padding: 34px 24px;
  background: #ffffff;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.08);}

.tittac-campaign-mid-cta__inner h2 {margin: 8px 0 10px;}

.tittac-campaign-mid-cta__inner p {max-width: 680px;
  margin: 0 auto 22px;}

.tittac-campaign-mid-cta__actions {display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;}

.tittac-campaign-mid-cta__btn {display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 13px 22px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;}

.tittac-campaign-mid-cta__btn--call {border: 1px solid #b87516;
  background: #b87516;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(184, 117, 22, 0.24);}

.tittac-campaign-mid-cta__btn--chat {border: 1px solid #111827;
  background: #111827;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.18);}

.tittac-campaign-mid-cta__btn--message {border: 1px solid rgba(184, 117, 22, 0.45);
  background: #fff8ed;
  color: #8a560f;}

.tittac-campaign-mid-cta__btn:hover {transform: translateY(-1px);}

@media (max-width: 768px) {.tittac-campaign-mid-cta {padding: 28px 14px;}

.tittac-campaign-mid-cta__inner {padding: 24px 16px;
    border-radius: 20px;}

.tittac-campaign-mid-cta__inner h2 {font-size: 22px;
    line-height: 1.15;}

.tittac-campaign-mid-cta__inner p {font-size: 14px;
    line-height: 1.5;}

.tittac-campaign-mid-cta__actions {flex-direction: column;
    gap: 10px;}

.tittac-campaign-mid-cta__btn {width: 100%;
    min-height: 48px;
    font-size: 14px;}}

.tittac-financing-note {margin-top: 14px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  line-height: 1.55;}

.tittac-campaign-mobile-collapse {padding: 48px 18px;}

.tittac-campaign-mobile-collapse > summary {max-width: 960px;
  margin: 0 auto 22px;
  list-style: none;
  cursor: pointer;
  text-align: center;}

.tittac-campaign-mobile-collapse > summary::-webkit-details-marker {display: none;}

.tittac-campaign-mobile-collapse__title {display: block;
  margin-top: 8px;
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.05;
  font-weight: 800;
  color: #17202a;}

.tittac-campaign-mobile-collapse__hint {display: none;}

.tittac-mobile-sticky-cta {display: none;}

@media (max-width: 768px) {.tittac-campaign-mid-cta {padding: 32px 14px;}

.tittac-campaign-mid-cta__inner {padding: 26px 18px;}

.tittac-campaign-mid-cta__actions {flex-direction: column;}

.tittac-campaign-mid-cta__actions .tittac-campaign-btn,
  .tittac-campaign-mid-cta__actions .tittac-campaign-final-cta__link {width: 100%;
    text-align: center;}

.tittac-campaign-mobile-collapse {padding: 18px 14px;
    background: #fffaf4;}

.tittac-campaign-mobile-collapse > summary {margin-bottom: 0;
    padding: 18px 16px;
    border: 1px solid rgba(184, 117, 22, 0.18);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.06);}

.tittac-campaign-mobile-collapse[open] > summary {margin-bottom: 18px;}

.tittac-campaign-mobile-collapse__title {font-size: 22px;
    line-height: 1.12;}

.tittac-campaign-mobile-collapse__hint {display: block;
    margin-top: 8px;
    color: #b87516;
    font-size: 13px;
    font-weight: 700;}

.tittac-campaign-mobile-collapse > summary::after {content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-top: 12px;
    border-radius: 999px;
    background: #fff3df;
    color: #b87516;
    font-size: 20px;
    font-weight: 800;}

.tittac-campaign-mobile-collapse[open] > summary::after {content: "−";}

.tittac-mobile-sticky-cta {position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    gap: 8px;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.12);
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease;}

.tittac-mobile-sticky-cta.is-hidden {opacity: 0;
    visibility: hidden;
    transform: translateY(110%);
    pointer-events: none;}

.tittac-mobile-sticky-cta__btn {flex: 1;
    border: 0;
    border-radius: 999px;
    padding: 12px 14px;
    font-size: 14px;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
    cursor: pointer;}

.tittac-mobile-sticky-cta__btn--call {background: #b87516;
    color: #ffffff;}

.tittac-mobile-sticky-cta__btn--chat {background: #111827;
    color: #ffffff;}

body {padding-bottom: 76px;}}

@media (max-width: 768px) {#karaoke-deals {padding-bottom: 36px !important;
    margin-bottom: 0 !important;}

#karaoke-deals .tittac-campaign-product-grid {margin-bottom: 0 !important;}

#karaoke-deals + .tittac-campaign-mobile-collapse {margin-top: 0 !important;
    padding-top: 28px !important;}

.tittac-campaign-mobile-collapse {padding-top: 24px !important;
    padding-bottom: 20px !important;}}

html.tittac-hide-crisp-bubble .crisp-client {display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;}

@media (min-width: 769px) {.tittac-campaign-mobile-collapse.tittac-campaign-video-section,
  .tittac-campaign-mobile-collapse.tittac-campaign-benefits {padding-top: 42px !important;
    padding-bottom: 42px !important;}

.tittac-campaign-mobile-collapse > summary {margin-bottom: 22px !important;}

#karaoke-deals {padding-bottom: 42px !important;}

#karaoke-deals + .tittac-campaign-mobile-collapse,
  #karaoke-emotional-video + #portable-vs-full-karaoke,
  #portable-vs-full-karaoke + #karaoke-help,
  #karaoke-help + #karaoke-faq {padding-top: 42px !important;}}

@media (min-width: 769px) {html body .tittac-sale-landing--fathers-day .tittac-campaign-deals,
  html body .tittac-campaign-deals {padding-bottom: 18px !important;
    margin-bottom: 0 !important;}

html body .tittac-sale-landing--fathers-day .tittac-campaign-video-section,
  html body .tittac-sale-landing--fathers-day .tittac-campaign-benefits,
  html body details.tittac-campaign-mobile-collapse.tittac-campaign-video-section,
  html body details.tittac-campaign-mobile-collapse.tittac-campaign-benefits {padding-top: 18px !important;
    padding-bottom: 26px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;}

html body details.tittac-campaign-mobile-collapse > summary {max-width: 960px !important;
    margin: 0 auto 20px auto !important;
    padding: 0 !important;
    text-align: center !important;
    display: block !important;
    list-style: none !important;
    cursor: default !important;}

html body details.tittac-campaign-mobile-collapse > summary::-webkit-details-marker {display: none !important;}

html body details.tittac-campaign-mobile-collapse > summary::after {display: none !important;
    content: none !important;}

html body details.tittac-campaign-mobile-collapse > summary .tittac-campaign-mobile-collapse__title {display: block !important;
    max-width: 760px !important;
    margin: 6px auto 0 auto !important;
    text-align: center !important;}

html body details.tittac-campaign-mobile-collapse > summary .tittac-campaign-mobile-collapse__hint {display: none !important;}

html body .tittac-campaign-video-section__inner {margin-top: 0 !important;}

html body .tittac-campaign-faq {padding-top: 28px !important;}}

@media (min-width: 769px) {html body details.tittac-campaign-mobile-collapse > summary {max-width: 960px !important;
    margin: 0 auto 28px auto !important;
    padding: 0 !important;
    text-align: center !important;
    display: block !important;}

html body details.tittac-campaign-mobile-collapse > summary .tittac-campaign-section-eyebrow,
  html body details.tittac-campaign-mobile-collapse > summary .tittac-campaign-mobile-collapse__title {text-align: center !important;}

html body details.tittac-campaign-mobile-collapse > summary .tittac-campaign-mobile-collapse__title {display: block !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;}

html body details.tittac-campaign-mobile-collapse > summary .tittac-campaign-mobile-collapse__hint {display: none !important;}}

.tittac-landing-page-massage-message-popup,
.tittac-open-massage-message-popup,
.fns-rfq-block {display: none !important;}

.tittac-vimeo-modal {position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 20px !important;
  background: rgba(0, 0, 0, 0.25) !important;}

.tittac-vimeo-modal.is-open {display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;}

.tittac-vimeo-modal__overlay {position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.25) !important;
  z-index: 1 !important;}

.tittac-vimeo-modal__dialog {position: relative !important;
  z-index: 2 !important;
  width: min(960px, 96vw) !important;
  max-width: 960px !important;
  background: #000 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45) !important;}

.tittac-vimeo-modal__close {position: absolute !important;
  top: 10px !important;
  right: 12px !important;
  z-index: 3 !important;
  width: 40px !important;
  height: 40px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  color: #111 !important;
  font-size: 30px !important;
  line-height: 38px !important;
  text-align: center !important;
  cursor: pointer !important;}

.tittac-vimeo-modal__frame {position: relative !important;
  width: 100% !important;
  padding-top: 56.25% !important;
  background: #000 !important;}

.tittac-vimeo-modal__frame iframe {position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  display: block !important;}

body.tittac-vimeo-modal-open {overflow: hidden !important;}

@media (min-width: 768px) {.crisp-client {z-index: 99999 !important;}

.crisp-client .cc-tlyw,
  .crisp-client .cc-1brb6,
  .crisp-client .cc-kxkl,
  .crisp-client .cc-1yy0g,
  .crisp-client iframe {width: 420px !important;
    max-width: 420px !important;
    height: 560px !important;
    max-height: calc(100vh - 90px) !important;
    right: 20px !important;
    bottom: 20px !important;
    left: auto !important;
    top: auto !important;}

.crisp-client [class*="chatbox"],
  .crisp-client [class*="message"],
  .crisp-client [class*="window"] {max-width: 420px !important;
    max-height: 560px !important;}}

@media (max-width: 767px) {.crisp-client iframe {max-width: 100vw !important;}}

@media (max-width: 640px) {.tittac-campaign-faq__item summary {justify-content: flex-start !important;
    text-align: left !important;
    padding-left: 16px !important;
    padding-right: 52px !important;}

.tittac-campaign-faq__answer,
  .tittac-campaign-faq__answer p {text-align: left !important;}}

.tittac-specification-block {max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 30px 18px !important;
    text-align: left !important;}

.tittac-specification-block h2 {margin: 0 0 22px !important;
    font-size: 28px !important;
    line-height: 1.25 !important;
    text-align: center !important;
    font-weight: 700 !important;}

.tittac-spec-table-scroll {width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;}

.tittac-spec-table {width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    background: #fff !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    text-align: left !important;}

.tittac-spec-table th,
.tittac-spec-table td {padding: 13px 16px !important;
    border: 1px solid #e2e2e2 !important;
    text-align: left !important;
    vertical-align: top !important;}

.tittac-spec-table th {width: 38% !important;
    font-weight: 700 !important;
    color: #222 !important;
    background: #fafafa !important;}

.tittac-spec-table td {color: #333 !important;
    background: #fff !important;}

.tittac-spec-table .spec-section-row th {background: #f0f0f0 !important;
    color: #111 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important;
    text-align: left !important;}

.tittac-spec-note {margin: 18px 0 26px !important;
    color: #444 !important;
    line-height: 1.6 !important;
    text-align: left !important;}

.tittac-spec-image-grid {display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin-top: 22px !important;}

.tittac-spec-image-grid img {width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
    object-fit: contain !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.08) !important;}

@media (max-width: 767px) {.tittac-specification-block {padding: 24px 14px !important;}

.tittac-specification-block h2 {font-size: 24px !important;
        text-align: left !important;}

.tittac-spec-table {font-size: 14px !important;}

.tittac-spec-table th,
    .tittac-spec-table td {padding: 11px 10px !important;}

.tittac-spec-table th {width: 46% !important;}

.tittac-spec-image-grid {grid-template-columns: 1fr !important;
        gap: 16px !important;}}

.tittac-manual-download {margin-top: 30px !important;
    padding: 24px !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 14px !important;
    background: #fafafa !important;
    text-align: center !important;}

.tittac-manual-download h3 {margin: 0 0 8px !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #222 !important;}

.tittac-manual-download p {max-width: 680px !important;
    margin: 0 auto 16px !important;
    line-height: 1.6 !important;
    color: #444 !important;}

.tittac-manual-button {display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 0 22px !important;
    border-radius: 8px !important;
    background: #e46b12 !important;
    color: #fff !important;
    font-weight: 700 !important;
    text-decoration: none !important;}

.tittac-manual-button:hover {background: #c95d0f !important;
    color: #fff !important;}

.tittac-specification-block .tittac-spec-image-grid.tittac-spec-image-grid-two {display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
    max-width: 980px !important;
    margin: 24px auto 32px !important;
    align-items: stretch !important;}

.tittac-specification-block .tittac-spec-image-grid.tittac-spec-image-grid-two img {width: 100% !important;
    max-width: none !important;
    height: auto !important;
    display: block !important;
    object-fit: contain !important;
    background: #fff !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .06) !important;}

@media (max-width: 767px) {.tittac-specification-block .tittac-spec-image-grid.tittac-spec-image-grid-two {grid-template-columns: 1fr !important;
        gap: 18px !important;
        max-width: 100% !important;
        margin: 20px 0 28px !important;}

.tittac-specification-block .tittac-spec-image-grid.tittac-spec-image-grid-two img {width: 100% !important;
        max-width: 100% !important;}}

@media (min-width: 1024px) {.tittac-floating-tabbar {position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2147483647;
    display: none;
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    box-shadow: 0 8px 22px rgba(0,0,0,0.08);}

.tittac-floating-tabbar.is-visible {display: block;}

.tittac-floating-tabbar-inner {max-width: 1180px;
    margin: 0 auto;
    padding: 14px 20px 10px;}

.tittac-floating-tabbar ul {display: flex;
    justify-content: center;
    align-items: center;
    gap: 38px;
    margin: 0;
    padding: 0;
    list-style: none;}

.tittac-floating-tabbar li {margin: 0;
    padding: 0;}

.tittac-floating-tabbar a {display: block;
    padding: 0 4px 9px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #777;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;}

.tittac-floating-tabbar li.is-active a {color: #e66a00;
    border-bottom-color: #e66a00;}}

.tittac-manual-download {text-align: center;}

.tittac-manual-actions {display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 14px;}

.tittac-manual-button {display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 12px 18px;
  line-height: 1.25;
  text-align: center;
  white-space: normal;}

@media (max-width: 767px) {.tittac-manual-actions {flex-direction: column;
    align-items: center;
    gap: 10px;}

.tittac-manual-button {width: 100%;
    max-width: 240px;
    min-height: 46px;
    padding: 12px 14px;
    font-size: 13px;
    line-height: 1.25;}}

.tittac-manual-download .tittac-manual-actions {display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 14px;}

.tittac-manual-download .tittac-manual-button {display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 12px 18px;
  border-radius: 8px;
  background: #ffffff !important;
  color: #2f3437 !important;
  border: 1px solid #d8dde3 !important;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.25;
  text-align: center;
  text-decoration: none !important;
  white-space: normal;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);}

.tittac-manual-download .tittac-manual-button:hover {background: #f5f6f7 !important;
  color: #111827 !important;
  border-color: #bfc6cf !important;}

@media (max-width: 767px) {.tittac-manual-download .tittac-manual-actions {flex-direction: column !important;
    align-items: center !important;
    gap: 10px !important;}

.tittac-manual-download .tittac-manual-button {width: 100% !important;
    max-width: 240px !important;
    min-height: 46px !important;
    padding: 12px 14px !important;
    font-size: 12px !important;}}

.tittac-why-page {max-width: 1440px;
    margin: 0 auto;
    padding: 34px 24px 90px;
    color: #111;
    box-sizing: border-box;}

.tittac-why-page * {box-sizing: border-box;}

.tittac-why-breadcrumb {max-width: 1180px;
    margin: 0 auto 18px;
    font-size: 13px;
    color: #888;}

.tittac-why-breadcrumb a {color: #888;
    text-decoration: none;}

.tittac-why-breadcrumb span {margin: 0 8px;
    color: #bbb;}

.tittac-why-hero {position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto 62px;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 22px 60px rgba(0,0,0,.10);
    background: #f7f4ee;}

.tittac-why-hero img {display: block;
    width: 100%;
    height: auto;}

.tittac-why-hero-card {position: absolute;
    left: 50%;
    bottom: 36px;
    transform: translateX(-50%);
    width: min(660px, calc(100% - 54px));
    background: rgba(255,255,255,.96);
    border: 1px solid rgba(255,255,255,.78);
    border-radius: 26px;
    box-shadow: 0 18px 48px rgba(0,0,0,.14);
    padding: 30px 36px;
    text-align: center;}

.tittac-why-eyebrow {margin: 0 0 10px;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: #9a5a00;}

.tittac-why-hero-card h1 {margin: 0 0 14px;
    font-size: clamp(31px, 3.3vw, 48px);
    line-height: 1.06;
    letter-spacing: -0.035em;
    font-weight: 900;
    color: #111;}

.tittac-why-hero-card p {margin: 0 auto 20px;
    max-width: 560px;
    font-size: 16px;
    line-height: 1.65;
    color: #333;}

.tittac-why-actions {display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;}

.tittac-why-btn {display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 11px 20px;
    border-radius: 999px;
    border: 1px solid #e6d8c4;
    background: #fff;
    color: #222;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 850;
    cursor: pointer;
    white-space: nowrap;}

.tittac-why-btn-primary {background: #e87511;
    border-color: #e87511;
    color: #fff;}

.tittac-why-btn:hover {text-decoration: none;}

.tittac-why-section {max-width: 1180px;
    margin: 0 auto 58px;}

.tittac-why-section-title {max-width: 820px;
    margin: 0 auto 28px;
    text-align: center;}

.tittac-why-section-title h2 {margin: 0 0 12px;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.12;
    letter-spacing: -0.025em;
    font-weight: 900;}

.tittac-why-section-title p {margin: 0;
    font-size: 16px;
    line-height: 1.75;
    color: #444;}

.tittac-why-trust-grid {display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;}

.tittac-why-trust-card {background: #fff;
    border: 1px solid #eee;
    border-radius: 22px;
    padding: 24px 22px;
    box-shadow: 0 12px 34px rgba(0,0,0,.045);}

.tittac-why-icon {width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #fff4e7;
    color: #c96b06;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 900;
    margin-bottom: 16px;}

.tittac-why-trust-card h3 {margin: 0 0 10px;
    font-size: 20px;
    line-height: 1.25;
    font-weight: 900;}

.tittac-why-trust-card p {margin: 0;
    font-size: 15px;
    line-height: 1.7;
    color: #444;}

.tittac-why-shopper-grid {display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;}

.tittac-why-shopper-card {background: #fff;
    border: 1px solid #eee;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 14px 38px rgba(0,0,0,.055);}

.tittac-why-shopper-card img {display: block;
    width: 100%;
    height: auto;}

.tittac-why-shopper-copy {padding: 28px 28px 30px;}

.tittac-why-shopper-copy h3 {margin: 0 0 12px;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -0.015em;}

.tittac-why-shopper-copy p {margin: 0 0 18px;
    font-size: 15.5px;
    line-height: 1.75;
    color: #444;}

.tittac-why-text-link {display: inline-flex;
    align-items: center;
    color: #9a5a00;
    font-weight: 850;
    text-decoration: none;}

.tittac-why-text-link:hover {text-decoration: underline;}

.tittac-why-remote {max-width: 1180px;
    margin: 0 auto 58px;
    background: linear-gradient(180deg, #fbf8f1 0%, #f4efe5 100%);
    border: 1px solid #eee2d0;
    border-radius: 28px;
    padding: 38px 42px;
    box-shadow: 0 14px 38px rgba(0,0,0,.045);}

.tittac-why-remote-inner {display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 34px;
    align-items: center;}

.tittac-why-remote h2 {margin: 0;
    font-size: clamp(27px, 3vw, 40px);
    line-height: 1.12;
    letter-spacing: -0.025em;
    font-weight: 900;}

.tittac-why-remote p {margin: 0 0 16px;
    font-size: 16px;
    line-height: 1.75;
    color: #3b3b3b;}

.tittac-why-remote ul {margin: 0;
    padding-left: 20px;}

.tittac-why-remote li {margin-bottom: 8px;
    font-size: 15.5px;
    line-height: 1.65;
    color: #333;}

.tittac-why-remote li::marker {color: #e87511;}

.tittac-why-faq {max-width: 980px;
    margin: 0 auto 60px;}

.tittac-why-faq h2 {margin: 0 0 22px;
    text-align: center;
    font-size: clamp(27px, 3vw, 38px);
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -0.02em;}

.tittac-why-faq details {background: #fff;
    border: 1px solid #eee;
    border-radius: 18px;
    margin-bottom: 12px;
    padding: 0;
    box-shadow: 0 8px 24px rgba(0,0,0,.035);
    overflow: hidden;}

.tittac-why-faq summary {cursor: pointer;
    list-style: none;
    padding: 18px 22px;
    font-size: 16px;
    line-height: 1.45;
    font-weight: 850;
    color: #111;}

.tittac-why-faq summary::-webkit-details-marker {display: none;}

.tittac-why-faq summary::before {content: "›";
    display: inline-block;
    margin-right: 10px;
    color: #e87511;
    font-weight: 900;
    transition: transform .2s ease;}

.tittac-why-faq details[open] summary::before {transform: rotate(90deg);}

.tittac-why-faq details p {margin: 0;
    padding: 0 22px 20px 43px;
    font-size: 15.5px;
    line-height: 1.75;
    color: #444;}

.tittac-why-final-cta {max-width: 1080px;
    margin: 0 auto;
    background: #111;
    color: #fff;
    border-radius: 30px;
    padding: 42px 38px;
    text-align: center;
    box-shadow: 0 20px 58px rgba(0,0,0,.16);}

.tittac-why-final-cta h2 {margin: 0 0 12px;
    font-size: clamp(28px, 3.2vw, 44px);
    line-height: 1.1;
    letter-spacing: -0.03em;
    font-weight: 900;}

.tittac-why-final-cta p {margin: 0 auto 22px;
    max-width: 760px;
    font-size: 16px;
    line-height: 1.75;
    color: rgba(255,255,255,.82);}

.tittac-why-final-cta .tittac-why-btn {border-color: rgba(255,255,255,.22);}

.tittac-why-final-cta .tittac-why-btn:not(.tittac-why-btn-primary) {background: transparent;
    color: #fff;}

@media (max-width: 900px) {.tittac-why-trust-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}

.tittac-why-shopper-grid,
    .tittac-why-remote-inner {grid-template-columns: 1fr;}}

@media (max-width: 767px) {.tittac-why-page {padding: 22px 12px 80px;}

.tittac-why-breadcrumb {display: none;}

.tittac-why-hero {border-radius: 22px;
        margin-bottom: 46px;
        overflow: visible;
        box-shadow: none;
        background: transparent;}

.tittac-why-hero img {border-radius: 22px;
        box-shadow: 0 12px 34px rgba(0,0,0,.10);}

.tittac-why-hero-card {position: relative;
        left: auto;
        bottom: auto;
        transform: none;
        width: calc(100% - 18px);
        margin: -22px auto 0;
        padding: 24px 20px;
        border-radius: 22px;}

.tittac-why-hero-card h1 {font-size: 30px;}

.tittac-why-actions {flex-direction: column;
        gap: 10px;}

.tittac-why-btn {width: 100%;}

.tittac-why-section {margin-bottom: 46px;}

.tittac-why-trust-grid {grid-template-columns: 1fr;}

.tittac-why-shopper-copy {padding: 24px 22px 26px;}

.tittac-why-remote {padding: 28px 22px;
        border-radius: 24px;
        margin-bottom: 46px;}

.tittac-why-faq details p {padding-left: 22px;}

.tittac-why-final-cta {border-radius: 24px;
        padding: 34px 22px;}}

.tittac-why-page {width: 100vw !important;
    max-width: none !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    overflow-x: hidden !important;}

.tittac-why-hero {width: 100% !important;
    max-width: 1440px !important;
    margin-left: auto !important;
    margin-right: auto !important;}

.tittac-why-section,
.tittac-why-remote,
.tittac-why-faq,
.tittac-why-final-cta,
.tittac-why-breadcrumb {max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;}

.tittac-why-section:has(.tittac-why-shopper-grid) {max-width: 1180px !important;}

html,
body {overflow-x: hidden !important;}

@media (max-width: 767px) {.tittac-why-page {width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding-left: 12px !important;
        padding-right: 12px !important;}

.tittac-why-hero {max-width: 100% !important;}}

.topic-page:has(.tittac-why-page) .page-title {display: none !important;}

.topic-page:has(.tittac-why-page) .page-body,
.center-1:has(.tittac-why-page),
.master-column-wrapper:has(.tittac-why-page) {padding-top: 0 !important;
    margin-top: 0 !important;}

.tittac-why-page {padding-top: 0 !important;
    margin-top: -70px !important;}

.tittac-why-breadcrumb {margin-top: 0 !important;
    margin-bottom: 16px !important;}

@media (max-width: 767px) {.tittac-why-page {margin-top: -30px !important;}}

@media (max-width: 767px) {.tittac-why-hero img {width: 100% !important;
        height: 190px !important;
        object-fit: cover !important;
        object-position: center center !important;
        border-radius: 22px !important;}

.tittac-why-hero-card {margin-top: -34px !important;
        padding: 24px 20px !important;}

.tittac-why-hero-card h1 {font-size: 26px !important;
        line-height: 1.12 !important;
        letter-spacing: -0.025em !important;}

.tittac-why-hero-card p {font-size: 14px !important;
        line-height: 1.58 !important;}}

@media (min-width: 1024px) {.tittac-why-trust-card,
    .tittac-why-shopper-card {transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;}

.tittac-why-trust-card:hover,
    .tittac-why-shopper-card:hover {transform: translateY(-5px);
        border-color: rgba(232, 161, 42, .45);
        box-shadow: 0 18px 46px rgba(0,0,0,.075);}}

@media (max-width: 767px) {.tittac-why-trust-card {text-align: left !important;
    padding: 22px 22px !important;}

.tittac-why-trust-card::before,
  .tittac-why-trust-card::after,
  .tittac-why-trust-card .tittac-why-check,
  .tittac-why-trust-card .tittac-why-card-check,
  .tittac-why-trust-card .tittac-why-card-icon,
  .tittac-why-trust-card .tittac-why-icon,
  .tittac-why-trust-card [class*="check"],
  .tittac-why-trust-card [class*="icon"] {display: none !important;}

.tittac-why-trust-card h3 {text-align: left !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    line-height: 1.35 !important;}

.tittac-why-trust-card p {text-align: left !important;
    margin: 0 !important;
    line-height: 1.65 !important;}}

.tittac-showroom-page {width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background: #fff;
  color: #111;
  font-family: inherit;
  box-sizing: border-box;
  overflow-x: hidden;}

.tittac-showroom-page *,
.tittac-showroom-page *::before,
.tittac-showroom-page *::after {box-sizing: border-box;}

.tittac-showroom-page img {max-width: 100%;
  height: auto;
  display: block;}

.tittac-showroom-page a {color: inherit;}

.tittac-showroom-page button {font-family: inherit;}

.tittac-showroom-hero {max-width: 1180px;
  margin: 0 auto;
  padding: 54px 24px 42px;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 42px;
  align-items: center;}

.tittac-showroom-hero-copy {max-width: 540px;}

.tittac-showroom-eyebrow,
.tittac-showroom-kicker {margin: 0 0 12px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 800;
  color: #c87900;}

.tittac-showroom-hero h1 {margin: 0 0 18px;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.05;
  letter-spacing: -0.035em;
  font-weight: 900;
  color: #0c0c0c;}

.tittac-showroom-hero p {margin: 0;
  font-size: 17px;
  line-height: 1.75;
  color: #333;}

.tittac-showroom-hero-media {border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.12);
  background: #f6f6f6;}

.tittac-showroom-hero-media img {width: 100%;
  height: 430px;
  object-fit: cover;
  object-position: center center;}

.tittac-showroom-actions {display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 26px;}

.tittac-showroom-btn {appearance: none;
  border: 1px solid rgba(0, 0, 0, 0.14);
  background: #fff;
  color: #111;
  min-height: 44px;
  padding: 12px 20px;
  border-radius: 999px;
  font-size: 14px;
  line-height: 1;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;}

.tittac-showroom-btn:hover {transform: translateY(-2px);
  border-color: rgba(232, 161, 42, 0.55);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  text-decoration: none;}

.tittac-showroom-btn-primary {background: #e8a12a;
  border-color: #e8a12a;
  color: #fff;}

.tittac-showroom-btn-primary:hover {background: #d8911d;
  border-color: #d8911d;
  color: #fff;}

.tittac-showroom-alert[hidden] {display: none !important;}

.tittac-showroom-alert,
.tittac-showroom-alert.is-active {max-width: 1180px;
  margin: 0 auto 22px;
  padding: 14px 20px;
  border-radius: 14px;
  background: #fff7e8;
  border: 1px solid rgba(232, 161, 42, 0.35);
  color: #4a3100;
  font-size: 14px;
  line-height: 1.55;}

.tittac-showroom-info-section,
.tittac-showroom-do-section,
.tittac-showroom-photo-section,
.tittac-showroom-visit-section,
.tittac-showroom-support-section,
.tittac-showroom-faq,
.tittac-showroom-final-cta {max-width: 1180px;
  margin: 0 auto;
  padding: 44px 24px;}

.tittac-showroom-section-title {max-width: 760px;
  margin: 0 auto 28px;
  text-align: center;}

.tittac-showroom-section-title h2 {margin: 0 0 12px;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.12;
  letter-spacing: -0.03em;
  font-weight: 900;
  color: #0d0d0d;}

.tittac-showroom-section-title p {margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: #444;}

.tittac-showroom-info-grid {display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;}

.tittac-showroom-info-card {background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.045);}

.tittac-showroom-info-card h3 {margin: 0 0 12px;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 900;
  color: #111;}

.tittac-showroom-info-card p {margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #333;}

.tittac-showroom-text-link {appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  margin-top: 14px;
  display: inline-flex;
  color: #c87900;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;}

.tittac-showroom-text-link:hover {color: #a86500;}

.tittac-showroom-action-grid {display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;}

.tittac-showroom-action-card {position: relative;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  padding: 26px 24px;
  min-height: 190px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.045);}

.tittac-showroom-action-card::before {content: "";
  width: 34px;
  height: 4px;
  border-radius: 999px;
  background: #e8a12a;
  display: block;
  margin-bottom: 18px;}

.tittac-showroom-action-card h3 {margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 900;
  color: #111;}

.tittac-showroom-action-card p {margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #444;}

.tittac-showroom-photo-grid {display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;}

.tittac-showroom-photo-card {grid-column: span 3;
  margin: 0;
  overflow: hidden;
  border-radius: 22px;
  background: #f6f6f6;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.06);}

.tittac-showroom-photo-card-wide {grid-column: span 6;}

.tittac-showroom-photo-card img {width: 100%;
  height: 330px;
  object-fit: cover;
  object-position: center center;
  transition: transform 0.28s ease;}

.tittac-showroom-photo-card-wide img {height: 430px;}

.tittac-showroom-photo-card figcaption {padding: 14px 18px 16px;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 800;
  color: #333;
  background: #fff;}

.tittac-showroom-visit-inner {display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: 28px;
  align-items: start;
  background: #faf8f4;
  border: 1px solid rgba(0, 0, 0, 0.065);
  border-radius: 28px;
  padding: 34px;}

.tittac-showroom-visit-copy h2 {margin: 0 0 14px;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.12;
  letter-spacing: -0.03em;
  font-weight: 900;
  color: #111;}

.tittac-showroom-visit-copy p {margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: #444;}

.tittac-showroom-checklist {display: grid;
  gap: 14px;}

.tittac-showroom-check-item {background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.075);
  border-radius: 20px;
  padding: 22px;}

.tittac-showroom-check-item h3 {margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 900;
  color: #111;}

.tittac-showroom-check-item p {margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #444;}

.tittac-showroom-support-card {display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 26px;
  align-items: center;
  padding: 34px;
  border-radius: 28px;
  background: #111;
  color: #fff;}

.tittac-showroom-support-card .tittac-showroom-kicker {color: #e8a12a;}

.tittac-showroom-support-card h2 {margin: 0 0 12px;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.12;
  letter-spacing: -0.03em;
  font-weight: 900;
  color: #fff;}

.tittac-showroom-support-card p {margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.82);}

.tittac-showroom-support-actions {display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: flex-end;}

.tittac-showroom-support-card .tittac-showroom-btn {background: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.28);}

.tittac-showroom-support-card .tittac-showroom-btn-primary {background: #e8a12a;
  border-color: #e8a12a;
  color: #fff;}

.tittac-showroom-faq {max-width: 920px;}

.tittac-showroom-faq h2 {margin: 0 0 24px;
  text-align: center;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.12;
  letter-spacing: -0.03em;
  font-weight: 900;
  color: #111;}

.tittac-showroom-faq details {border-top: 1px solid rgba(0, 0, 0, 0.12);
  padding: 0;}

.tittac-showroom-faq details:last-child {border-bottom: 1px solid rgba(0, 0, 0, 0.12);}

.tittac-showroom-faq summary {cursor: pointer;
  list-style: none;
  padding: 20px 0;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 900;
  color: #111;
  display: flex;
  justify-content: space-between;
  gap: 20px;}

.tittac-showroom-faq summary::-webkit-details-marker {display: none;}

.tittac-showroom-faq summary::after {content: "+";
  color: #c87900;
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
  flex: 0 0 auto;}

.tittac-showroom-faq details[open] summary::after {content: "–";}

.tittac-showroom-faq details p {margin: -4px 0 20px;
  font-size: 15px;
  line-height: 1.75;
  color: #444;}

.tittac-showroom-final-cta {max-width: 980px;
  margin-bottom: 46px;
  text-align: center;
  background: #faf8f4;
  border: 1px solid rgba(0, 0, 0, 0.065);
  border-radius: 30px;
  padding: 46px 32px;}

.tittac-showroom-final-cta h2 {margin: 0 0 12px;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.1;
  letter-spacing: -0.035em;
  font-weight: 900;
  color: #111;}

.tittac-showroom-final-cta p {max-width: 680px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.75;
  color: #444;}

.tittac-showroom-final-cta .tittac-showroom-actions {justify-content: center;}

@media (min-width: 1024px) {.tittac-showroom-info-card,
  .tittac-showroom-action-card,
  .tittac-showroom-check-item,
  .tittac-showroom-photo-card {transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;}

.tittac-showroom-info-card:hover,
  .tittac-showroom-action-card:hover,
  .tittac-showroom-check-item:hover,
  .tittac-showroom-photo-card:hover {transform: translateY(-5px);
    border-color: rgba(232, 161, 42, 0.42);
    box-shadow: 0 20px 54px rgba(0, 0, 0, 0.085);}

.tittac-showroom-photo-card:hover img {transform: scale(1.025);}}

@media (max-width: 1023px) {.tittac-showroom-hero {grid-template-columns: 1fr;
    gap: 28px;
    padding-top: 40px;}

.tittac-showroom-hero-copy {max-width: 760px;
    text-align: center;
    margin: 0 auto;}

.tittac-showroom-hero .tittac-showroom-actions {justify-content: center;}

.tittac-showroom-hero-media img {height: 360px;}

.tittac-showroom-info-grid,
  .tittac-showroom-action-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}

.tittac-showroom-visit-inner,
  .tittac-showroom-support-card {grid-template-columns: 1fr;}

.tittac-showroom-support-actions {justify-content: flex-start;}}

@media (max-width: 767px) {.tittac-showroom-hero {padding: 28px 16px 26px;
    gap: 22px;}

.tittac-showroom-hero-copy {text-align: left;}

.tittac-showroom-eyebrow,
  .tittac-showroom-kicker {font-size: 11px;
    margin-bottom: 10px;}

.tittac-showroom-hero h1 {font-size: 34px;
    line-height: 1.08;}

.tittac-showroom-hero p {font-size: 15.5px;
    line-height: 1.7;}

.tittac-showroom-actions {flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin-top: 22px;}

.tittac-showroom-btn {width: 100%;
    min-height: 46px;
    padding: 13px 18px;}

.tittac-showroom-hero-media {border-radius: 18px;}

.tittac-showroom-hero-media img {height: 240px;
    object-position: center center;}

.tittac-showroom-alert,
  .tittac-showroom-alert.is-active {margin: 0 16px 18px;
    border-radius: 14px;}

.tittac-showroom-info-section,
  .tittac-showroom-do-section,
  .tittac-showroom-photo-section,
  .tittac-showroom-visit-section,
  .tittac-showroom-support-section,
  .tittac-showroom-faq,
  .tittac-showroom-final-cta {padding: 34px 16px;}

.tittac-showroom-section-title {text-align: left;
    margin-bottom: 22px;}

.tittac-showroom-section-title h2 {font-size: 29px;
    line-height: 1.15;}

.tittac-showroom-section-title p {font-size: 15px;
    line-height: 1.7;}

.tittac-showroom-info-grid,
  .tittac-showroom-action-grid,
  .tittac-showroom-photo-grid {grid-template-columns: 1fr;
    gap: 14px;}

.tittac-showroom-info-card,
  .tittac-showroom-action-card {padding: 22px;
    border-radius: 18px;
    min-height: auto;}

.tittac-showroom-info-card h3,
  .tittac-showroom-action-card h3 {font-size: 18px;}

.tittac-showroom-info-card p,
  .tittac-showroom-action-card p {font-size: 14.5px;
    line-height: 1.68;}

.tittac-showroom-action-card::before {width: 30px;
    margin-bottom: 14px;}

.tittac-showroom-photo-card,
  .tittac-showroom-photo-card-wide {grid-column: span 1;
    border-radius: 18px;}

.tittac-showroom-photo-card img,
  .tittac-showroom-photo-card-wide img {height: 230px;}

.tittac-showroom-photo-card figcaption {font-size: 13.5px;
    padding: 12px 14px 14px;}

.tittac-showroom-visit-inner {padding: 24px;
    border-radius: 22px;}

.tittac-showroom-visit-copy h2 {font-size: 28px;
    line-height: 1.15;}

.tittac-showroom-visit-copy p,
  .tittac-showroom-check-item p {font-size: 14.5px;
    line-height: 1.68;}

.tittac-showroom-check-item {padding: 20px;
    border-radius: 18px;}

.tittac-showroom-support-card {padding: 26px 22px;
    border-radius: 22px;}

.tittac-showroom-support-card h2 {font-size: 28px;}

.tittac-showroom-support-card p {font-size: 14.5px;
    line-height: 1.68;}

.tittac-showroom-support-actions {flex-direction: column;
    align-items: stretch;}

.tittac-showroom-faq {max-width: none;}

.tittac-showroom-faq h2 {text-align: left;
    font-size: 29px;}

.tittac-showroom-faq summary {font-size: 15px;
    line-height: 1.5;
    padding: 18px 0;}

.tittac-showroom-faq details p {font-size: 14.5px;
    line-height: 1.7;}

.tittac-showroom-final-cta {margin: 20px 16px 38px;
    padding: 34px 22px;
    border-radius: 24px;
    text-align: left;}

.tittac-showroom-final-cta h2 {font-size: 30px;}

.tittac-showroom-final-cta p {font-size: 15px;
    line-height: 1.7;}

.tittac-showroom-final-cta .tittac-showroom-actions {justify-content: stretch;}}

@media (max-width: 420px) {.tittac-showroom-hero h1 {font-size: 31px;}

.tittac-showroom-hero-media img {height: 215px;}

.tittac-showroom-photo-card img,
  .tittac-showroom-photo-card-wide img {height: 210px;}}

.tittac-showroom-hero-card-style {width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  min-height: 520px;
  border-radius: 26px;
  overflow: hidden;
  background: #f6f6f6;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.10);}

.tittac-showroom-hero-card-style > img {position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center center;
  z-index: 1;}

.tittac-showroom-hero-card-style::after {content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.10);
  z-index: 2;
  pointer-events: none;}

.tittac-showroom-hero-card {position: relative;
  z-index: 3;
  width: min(620px, calc(100% - 40px));
  margin: 0 auto;
  padding: 38px 42px;
  text-align: center;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(8px);}

.tittac-showroom-hero-card .tittac-showroom-eyebrow {margin: 0 0 14px;
  color: #222;}

.tittac-showroom-hero-card h1 {margin: 0 0 16px;
  font-size: clamp(34px, 3.5vw, 52px);
  line-height: 1.08;
  letter-spacing: -0.035em;
  font-weight: 900;
  color: #070707;}

.tittac-showroom-hero-card p {margin: 0 auto;
  max-width: 520px;
  font-size: 16px;
  line-height: 1.72;
  color: #333;}

.tittac-showroom-hero-card .tittac-showroom-actions {justify-content: center;
  margin-top: 24px;}

@media (max-width: 767px) {.tittac-showroom-hero-card-style {width: calc(100% - 32px);
    min-height: auto;
    margin: 22px auto 0;
    padding-top: 190px;
    align-items: flex-end;
    border-radius: 20px;}

.tittac-showroom-hero-card-style > img {height: 190px;
    bottom: auto;
    object-position: center center;}

.tittac-showroom-hero-card-style::after {height: 190px;
    bottom: auto;}

.tittac-showroom-hero-card {width: 100%;
    margin: 0;
    padding: 24px 20px;
    border-radius: 0;
    text-align: left;
    box-shadow: none;
    background: #fff;
    backdrop-filter: none;}

.tittac-showroom-hero-card h1 {font-size: 31px;
    line-height: 1.12;}

.tittac-showroom-hero-card p {font-size: 15px;
    line-height: 1.68;}

.tittac-showroom-hero-card .tittac-showroom-actions {justify-content: stretch;}}

@media (max-width: 767px) {.tittac-showroom-section-title,
  .tittac-showroom-info-card,
  .tittac-showroom-action-card,
  .tittac-showroom-check-item,
  .tittac-showroom-visit-copy,
  .tittac-showroom-support-card,
  .tittac-showroom-final-cta {text-align: left !important;}

.tittac-showroom-section-title h2,
  .tittac-showroom-section-title p,
  .tittac-showroom-info-card h3,
  .tittac-showroom-info-card p,
  .tittac-showroom-action-card h3,
  .tittac-showroom-action-card p,
  .tittac-showroom-check-item h3,
  .tittac-showroom-check-item p,
  .tittac-showroom-visit-copy h2,
  .tittac-showroom-visit-copy p,
  .tittac-showroom-support-card h2,
  .tittac-showroom-support-card p,
  .tittac-showroom-final-cta h2,
  .tittac-showroom-final-cta p {text-align: left !important;}

.tittac-showroom-action-card::before {margin-left: 0 !important;
    margin-right: auto !important;}

.tittac-showroom-info-card,
  .tittac-showroom-action-card,
  .tittac-showroom-check-item {padding: 22px 20px !important;}

.tittac-showroom-photo-card figcaption {text-align: left !important;}

.tittac-showroom-support-actions,
  .tittac-showroom-final-cta .tittac-showroom-actions {justify-content: stretch !important;
    align-items: stretch !important;}}

.tittac-showroom-faq {max-width: 920px !important;
  margin: 0 auto !important;
  padding: 44px 24px !important;}

.tittac-showroom-faq h2 {margin: 0 0 24px !important;
  text-align: center !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: 1.12 !important;
  letter-spacing: -0.03em !important;
  font-weight: 900 !important;
  color: #111 !important;}

.tittac-showroom-faq details {margin: 0 0 12px !important;
  padding: 0 !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.04) !important;
  overflow: hidden !important;}

.tittac-showroom-faq details:last-child {border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;}

.tittac-showroom-faq summary {position: relative !important;
  cursor: pointer !important;
  list-style: none !important;
  padding: 18px 22px 18px 38px !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 900 !important;
  color: #111 !important;
  display: block !important;}

.tittac-showroom-faq summary::-webkit-details-marker {display: none !important;}

.tittac-showroom-faq summary::before {content: "›" !important;
  position: absolute !important;
  left: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #e8a12a !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 900 !important;}

.tittac-showroom-faq summary::after {content: "" !important;
  display: none !important;}

.tittac-showroom-faq details[open] summary::before {transform: translateY(-50%) rotate(90deg) !important;}

.tittac-showroom-faq details p {margin: 0 !important;
  padding: 0 22px 20px 38px !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
  color: #444 !important;}

@media (max-width: 767px) {.tittac-showroom-faq {max-width: none !important;
    padding: 34px 16px !important;}

.tittac-showroom-faq h2 {text-align: center !important;
    font-size: 27px !important;
    margin-bottom: 20px !important;}

.tittac-showroom-faq details {margin-bottom: 10px !important;
    border-radius: 14px !important;}

.tittac-showroom-faq summary {padding: 17px 18px 17px 34px !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    text-align: left !important;}

.tittac-showroom-faq summary::before {left: 18px !important;
    font-size: 16px !important;}

.tittac-showroom-faq details p {padding: 0 18px 18px 34px !important;
    font-size: 14px !important;
    line-height: 1.68 !important;
    text-align: left !important;}}

@media (min-width: 1024px) {.tittac-showroom-visit-inner {align-items: center !important;}

.tittac-showroom-visit-copy {align-self: center !important;
    padding-top: 8px !important;}}

@media (min-width: 1024px) {.tittac-showroom-info-card:hover,
  .tittac-showroom-action-card:hover,
  .tittac-showroom-check-item:hover {transform: none !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.045) !important;}

.tittac-showroom-photo-card:hover {transform: none !important;}

.tittac-showroom-photo-card:hover img {transform: none !important;}}

@media (min-width: 1024px) {.tittac-why-trust-card:hover,
  .tittac-why-shopper-card:hover {transform: none !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.045) !important;}

.tittac-why-shopper-card:hover img {transform: none !important;}}

.tittac-karaoke-why-page {width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background: #fff;
  color: #111;
  font-family: inherit;
  box-sizing: border-box;
  overflow-x: hidden;}

.tittac-karaoke-why-page *,
.tittac-karaoke-why-page *::before,
.tittac-karaoke-why-page *::after {box-sizing: border-box;}

.tittac-karaoke-why-page img {display: block;
  max-width: 100%;
  height: auto;}

.tittac-karaoke-why-page a {color: inherit;}

.tittac-karaoke-why-page button {font-family: inherit;}

.tittac-karaoke-why-hero {width: 100%;
  max-width: 1500px;
  min-height: 620px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  background: #111;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 70px 7vw;
  box-shadow: 0 26px 80px rgba(0, 0, 0, 0.11);}

.tittac-karaoke-why-hero-media {position: absolute;
  inset: 0;
  z-index: 1;}

.tittac-karaoke-why-hero-media img {width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;}

.tittac-karaoke-why-hero-overlay {position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.04) 0%,
      rgba(0, 0, 0, 0.08) 36%,
      rgba(0, 0, 0, 0.38) 62%,
      rgba(0, 0, 0, 0.72) 100%
    );}

.tittac-karaoke-why-hero-card {position: relative;
  z-index: 3;
  width: min(520px, 100%);
  text-align: left;
  color: #fff;}

.tittac-karaoke-why-eyebrow,
.tittac-karaoke-why-kicker {margin: 0 0 12px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 900;
  color: #e8a12a;}

.tittac-karaoke-why-hero-card h1 {margin: 0 0 16px;
  font-size: clamp(38px, 4vw, 62px);
  line-height: 1.04;
  letter-spacing: -0.045em;
  font-weight: 900;
  color: #fff;}

.tittac-karaoke-why-hero-card p {margin: 0;
  font-size: 17px;
  line-height: 1.72;
  color: rgba(255, 255, 255, 0.88);}

.tittac-karaoke-why-actions {display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 26px;}

.tittac-karaoke-why-btn {appearance: none;
  border: 1px solid rgba(255, 255, 255, 0.32);
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  min-height: 44px;
  padding: 12px 20px;
  border-radius: 999px;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;}

.tittac-karaoke-why-btn:hover {transform: translateY(-2px);
  border-color: rgba(232, 161, 42, 0.65);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.16);
  text-decoration: none;
  color: #fff;}

.tittac-karaoke-why-btn-primary {background: #e8a12a;
  border-color: #e8a12a;
  color: #fff;}

.tittac-karaoke-why-btn-primary:hover {background: #d8911d;
  border-color: #d8911d;
  color: #fff;}

.tittac-karaoke-why-section .tittac-karaoke-why-btn,
.tittac-karaoke-why-split-section .tittac-karaoke-why-btn,
.tittac-karaoke-why-final-cta .tittac-karaoke-why-btn {background: #fff;
  border-color: rgba(0, 0, 0, 0.14);
  color: #111;}

.tittac-karaoke-why-section .tittac-karaoke-why-btn-primary,
.tittac-karaoke-why-split-section .tittac-karaoke-why-btn-primary,
.tittac-karaoke-why-final-cta .tittac-karaoke-why-btn-primary {background: #e8a12a;
  border-color: #e8a12a;
  color: #fff;}

.tittac-karaoke-why-section .tittac-karaoke-why-btn:hover,
.tittac-karaoke-why-split-section .tittac-karaoke-why-btn:hover,
.tittac-karaoke-why-final-cta .tittac-karaoke-why-btn:hover {color: #111;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);}

.tittac-karaoke-why-section .tittac-karaoke-why-btn-primary:hover,
.tittac-karaoke-why-split-section .tittac-karaoke-why-btn-primary:hover,
.tittac-karaoke-why-final-cta .tittac-karaoke-why-btn-primary:hover {color: #fff;}

.tittac-karaoke-why-section,
.tittac-karaoke-why-split-section,
.tittac-karaoke-why-remote,
.tittac-karaoke-why-faq,
.tittac-karaoke-why-final-cta {max-width: 1180px;
  margin: 0 auto;
  padding: 54px 24px;}

.tittac-karaoke-why-section-title {max-width: 780px;
  margin: 0 auto 30px;
  text-align: center;}

.tittac-karaoke-why-section-title h2 {margin: 0 0 12px;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.12;
  letter-spacing: -0.035em;
  font-weight: 900;
  color: #0d0d0d;}

.tittac-karaoke-why-section-title p {margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: #444;}

.tittac-karaoke-why-trust-grid {display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;}

.tittac-karaoke-why-trust-card,
.tittac-karaoke-why-path-card,
.tittac-karaoke-why-mistake-card {background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  padding: 26px 24px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.045);}

.tittac-karaoke-why-trust-card::before,
.tittac-karaoke-why-path-card::before,
.tittac-karaoke-why-mistake-card::before {content: "";
  width: 34px;
  height: 4px;
  border-radius: 999px;
  background: #e8a12a;
  display: block;
  margin-bottom: 18px;}

.tittac-karaoke-why-trust-card h3,
.tittac-karaoke-why-path-card h3,
.tittac-karaoke-why-mistake-card h3 {margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 900;
  color: #111;}

.tittac-karaoke-why-trust-card p,
.tittac-karaoke-why-path-card p,
.tittac-karaoke-why-mistake-card p {margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #444;}

.tittac-karaoke-why-split {display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 34px;
  align-items: center;}

.tittac-karaoke-why-split.is-reverse {grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);}

.tittac-karaoke-why-split.is-reverse .tittac-karaoke-why-split-media {order: 2;}

.tittac-karaoke-why-split.is-reverse .tittac-karaoke-why-split-copy {order: 1;}

.tittac-karaoke-why-split-section-alt {background: #faf8f4;
  max-width: none;
  margin: 0;
  padding-left: max(24px, calc((100vw - 1180px) / 2 + 24px));
  padding-right: max(24px, calc((100vw - 1180px) / 2 + 24px));}

.tittac-karaoke-why-split-section-alt .tittac-karaoke-why-split {max-width: 1180px;
  margin: 0 auto;}

.tittac-karaoke-why-split-media {border-radius: 24px;
  overflow: hidden;
  background: #f6f6f6;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.08);}

.tittac-karaoke-why-split-media img {width: 100%;
  height: 430px;
  object-fit: cover;
  object-position: center center;}

.tittac-karaoke-why-split-copy h2 {margin: 0 0 14px;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.12;
  letter-spacing: -0.035em;
  font-weight: 900;
  color: #111;}

.tittac-karaoke-why-split-copy p {margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: #444;}

.tittac-karaoke-why-list {margin: 20px 0 0;
  padding: 0;
  list-style: none;}

.tittac-karaoke-why-list li {position: relative;
  margin: 0 0 10px;
  padding-left: 24px;
  font-size: 15px;
  line-height: 1.65;
  color: #333;}

.tittac-karaoke-why-list li::before {content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #c87900;
  font-weight: 900;}

.tittac-karaoke-why-note {margin-top: 22px;
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(232, 161, 42, 0.25);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.04);}

.tittac-karaoke-why-note h3 {margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 900;
  color: #111;}

.tittac-karaoke-why-note p {margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #444;}

.tittac-karaoke-why-path-grid {display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;}

.tittac-karaoke-why-text-link {appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  margin-top: 16px;
  display: inline-flex;
  color: #c87900;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 900;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;}

.tittac-karaoke-why-text-link:hover {color: #a86500;}

.tittac-karaoke-why-remote {max-width: none;
  margin: 0;
  padding-left: max(24px, calc((100vw - 1180px) / 2 + 24px));
  padding-right: max(24px, calc((100vw - 1180px) / 2 + 24px));
  background: #111;
  color: #fff;}

.tittac-karaoke-why-remote-inner {max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
  gap: 34px;
  align-items: start;}

.tittac-karaoke-why-remote h2 {margin: 0;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.12;
  letter-spacing: -0.035em;
  font-weight: 900;
  color: #fff;}

.tittac-karaoke-why-remote p {margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.84);}

.tittac-karaoke-why-remote ul {margin: 20px 0 0;
  padding: 0;
  list-style: none;}

.tittac-karaoke-why-remote li {position: relative;
  margin: 0 0 10px;
  padding-left: 24px;
  font-size: 15px;
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.82);}

.tittac-karaoke-why-remote li::before {content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #e8a12a;
  font-weight: 900;}

.tittac-karaoke-why-mistake-grid {display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;}

.tittac-karaoke-why-faq {max-width: 920px;}

.tittac-karaoke-why-faq h2 {margin: 0 0 24px;
  text-align: center;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.12;
  letter-spacing: -0.03em;
  font-weight: 900;
  color: #111;}

.tittac-karaoke-why-faq details {margin: 0 0 12px;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.04);
  overflow: hidden;}

.tittac-karaoke-why-faq summary {position: relative;
  cursor: pointer;
  list-style: none;
  padding: 18px 22px 18px 38px;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 900;
  color: #111;
  display: block;}

.tittac-karaoke-why-faq summary::-webkit-details-marker {display: none;}

.tittac-karaoke-why-faq summary::before {content: "›";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #e8a12a;
  font-size: 18px;
  line-height: 1;
  font-weight: 900;}

.tittac-karaoke-why-faq details[open] summary::before {transform: translateY(-50%) rotate(90deg);}

.tittac-karaoke-why-faq details p {margin: 0;
  padding: 0 22px 20px 38px;
  font-size: 15px;
  line-height: 1.72;
  color: #444;}

.tittac-karaoke-why-final-cta {max-width: 980px;
  margin-bottom: 46px;
  text-align: center;
  background: #faf8f4;
  border: 1px solid rgba(0, 0, 0, 0.065);
  border-radius: 30px;
  padding: 46px 32px;}

.tittac-karaoke-why-final-cta h2 {margin: 0 0 12px;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.1;
  letter-spacing: -0.035em;
  font-weight: 900;
  color: #111;}

.tittac-karaoke-why-final-cta p {max-width: 680px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.75;
  color: #444;}

.tittac-karaoke-why-final-cta .tittac-karaoke-why-actions {justify-content: center;}

@media (min-width: 1024px) {.tittac-karaoke-why-trust-card,
  .tittac-karaoke-why-path-card,
  .tittac-karaoke-why-mistake-card,
  .tittac-karaoke-why-note {transition: none;}

.tittac-karaoke-why-trust-card:hover,
  .tittac-karaoke-why-path-card:hover,
  .tittac-karaoke-why-mistake-card:hover,
  .tittac-karaoke-why-note:hover {transform: none;
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.045);}}

@media (max-width: 1023px) {.tittac-karaoke-why-hero {min-height: 560px;
    padding: 54px 40px;}

.tittac-karaoke-why-hero-card {width: min(520px, 100%);}

.tittac-karaoke-why-trust-grid,
  .tittac-karaoke-why-mistake-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}

.tittac-karaoke-why-path-grid {grid-template-columns: 1fr;}

.tittac-karaoke-why-split,
  .tittac-karaoke-why-split.is-reverse,
  .tittac-karaoke-why-remote-inner {grid-template-columns: 1fr;}

.tittac-karaoke-why-split.is-reverse .tittac-karaoke-why-split-media,
  .tittac-karaoke-why-split.is-reverse .tittac-karaoke-why-split-copy {order: initial;}

.tittac-karaoke-why-split-media img {height: 380px;}}

@media (max-width: 767px) {.tittac-karaoke-why-hero {display: block;
    width: calc(100% - 32px);
    min-height: auto;
    margin: 22px auto 0;
    padding: 0;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.07);}

.tittac-karaoke-why-hero-media {position: relative;
    inset: auto;
    display: block;
    width: 100%;
    height: 220px;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    z-index: 1;}

.tittac-karaoke-why-hero-media img {width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;}

.tittac-karaoke-why-hero-overlay {display: none;}

.tittac-karaoke-why-hero-card {width: 100%;
    padding: 24px 20px;
    color: #111;
    background: #fff;}

.tittac-karaoke-why-eyebrow,
  .tittac-karaoke-why-kicker {font-size: 11px;
    margin-bottom: 10px;}

.tittac-karaoke-why-hero-card h1 {font-size: 31px;
    line-height: 1.12;
    color: #111;}

.tittac-karaoke-why-hero-card p {font-size: 15px;
    line-height: 1.68;
    color: #333;}

.tittac-karaoke-why-actions {flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin-top: 22px;}

.tittac-karaoke-why-btn,
  .tittac-karaoke-why-hero .tittac-karaoke-why-btn {width: 100%;
    min-height: 46px;
    padding: 13px 18px;
    background: #fff;
    border-color: rgba(0, 0, 0, 0.14);
    color: #111;}

.tittac-karaoke-why-btn-primary,
  .tittac-karaoke-why-hero .tittac-karaoke-why-btn-primary {background: #e8a12a;
    border-color: #e8a12a;
    color: #fff;}

.tittac-karaoke-why-section,
  .tittac-karaoke-why-split-section,
  .tittac-karaoke-why-remote,
  .tittac-karaoke-why-faq,
  .tittac-karaoke-why-final-cta {padding: 34px 16px;}

.tittac-karaoke-why-section-title {text-align: left;
    margin-bottom: 22px;}

.tittac-karaoke-why-section-title h2 {font-size: 29px;
    line-height: 1.15;}

.tittac-karaoke-why-section-title p {font-size: 15px;
    line-height: 1.7;}

.tittac-karaoke-why-trust-grid,
  .tittac-karaoke-why-path-grid,
  .tittac-karaoke-why-mistake-grid {grid-template-columns: 1fr;
    gap: 14px;}

.tittac-karaoke-why-trust-card,
  .tittac-karaoke-why-path-card,
  .tittac-karaoke-why-mistake-card {padding: 22px 20px;
    border-radius: 18px;}

.tittac-karaoke-why-trust-card::before,
  .tittac-karaoke-why-path-card::before,
  .tittac-karaoke-why-mistake-card::before {width: 30px;
    margin-bottom: 14px;}

.tittac-karaoke-why-trust-card h3,
  .tittac-karaoke-why-path-card h3,
  .tittac-karaoke-why-mistake-card h3 {font-size: 18px;}

.tittac-karaoke-why-trust-card p,
  .tittac-karaoke-why-path-card p,
  .tittac-karaoke-why-mistake-card p {font-size: 14.5px;
    line-height: 1.68;}

.tittac-karaoke-why-split {gap: 22px;}

.tittac-karaoke-why-split-media {border-radius: 18px;}

.tittac-karaoke-why-split-media img {height: 240px;}

.tittac-karaoke-why-split-copy h2 {font-size: 29px;
    line-height: 1.15;}

.tittac-karaoke-why-split-copy p,
  .tittac-karaoke-why-list li,
  .tittac-karaoke-why-note p {font-size: 14.5px;
    line-height: 1.68;}

.tittac-karaoke-why-note {padding: 20px;
    border-radius: 18px;}

.tittac-karaoke-why-remote-inner {gap: 20px;}

.tittac-karaoke-why-remote h2 {font-size: 29px;}

.tittac-karaoke-why-remote p,
  .tittac-karaoke-why-remote li {font-size: 14.5px;
    line-height: 1.68;}

.tittac-karaoke-why-faq {max-width: none;}

.tittac-karaoke-why-faq h2 {font-size: 27px;
    margin-bottom: 20px;}

.tittac-karaoke-why-faq details {margin-bottom: 10px;
    border-radius: 14px;}

.tittac-karaoke-why-faq summary {padding: 17px 18px 17px 34px;
    font-size: 14px;
    line-height: 1.45;
    text-align: left;}

.tittac-karaoke-why-faq summary::before {left: 18px;
    font-size: 16px;}

.tittac-karaoke-why-faq details p {padding: 0 18px 18px 34px;
    font-size: 14px;
    line-height: 1.68;
    text-align: left;}

.tittac-karaoke-why-final-cta {margin: 20px 16px 38px;
    padding: 34px 22px;
    border-radius: 24px;
    text-align: left;}

.tittac-karaoke-why-final-cta h2 {font-size: 30px;}

.tittac-karaoke-why-final-cta p {font-size: 15px;
    line-height: 1.7;}}

@media (max-width: 420px) {.tittac-karaoke-why-hero-media {height: 205px;}

.tittac-karaoke-why-hero-card h1 {font-size: 29px;}

.tittac-karaoke-why-split-media img {height: 220px;}}

@media (max-width: 767px) {.tittac-karaoke-why-section-title,
  .tittac-karaoke-why-trust-card,
  .tittac-karaoke-why-path-card,
  .tittac-karaoke-why-mistake-card,
  .tittac-karaoke-why-note,
  .tittac-karaoke-why-split-copy,
  .tittac-karaoke-why-final-cta {text-align: left !important;}

.tittac-karaoke-why-section-title h2,
  .tittac-karaoke-why-section-title p,
  .tittac-karaoke-why-trust-card h3,
  .tittac-karaoke-why-trust-card p,
  .tittac-karaoke-why-path-card h3,
  .tittac-karaoke-why-path-card p,
  .tittac-karaoke-why-mistake-card h3,
  .tittac-karaoke-why-mistake-card p,
  .tittac-karaoke-why-note h3,
  .tittac-karaoke-why-note p,
  .tittac-karaoke-why-split-copy h2,
  .tittac-karaoke-why-split-copy p,
  .tittac-karaoke-why-final-cta h2,
  .tittac-karaoke-why-final-cta p {text-align: left !important;}

.tittac-karaoke-why-trust-card::before,
  .tittac-karaoke-why-path-card::before,
  .tittac-karaoke-why-mistake-card::before {margin-left: 0 !important;
    margin-right: auto !important;}

.tittac-karaoke-why-text-link {justify-content: flex-start !important;
    text-align: left !important;}}

body:has(.tittac-karaoke-why-page) .page-title {display: none !important;}

.tittac-karaoke-why-hero {width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  min-height: 620px !important;
  border-radius: 0 !important;
  background: #f9f6f0 !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr) !important;
  align-items: stretch !important;
  overflow: hidden !important;}

.tittac-karaoke-why-hero-media {position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 620px !important;
  overflow: hidden !important;}

.tittac-karaoke-why-hero-media img {width: 100% !important;
  height: 100% !important;
  min-height: 620px !important;
  object-fit: cover !important;
  object-position: center center !important;}

.tittac-karaoke-why-hero-overlay {display: none !important;}

.tittac-karaoke-why-hero-card {position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 620px !important;
  padding: 72px 7vw 72px 64px !important;
  background: #f9f6f0 !important;
  color: #1a1a1a !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  text-align: left !important;}

.tittac-karaoke-why-hero-card::before {content: "";
  position: absolute;
  left: -120px;
  top: 0;
  bottom: 0;
  width: 120px;
  background: linear-gradient(90deg, rgba(249, 246, 240, 0), #f9f6f0);
  pointer-events: none;}

.tittac-karaoke-why-hero-card .tittac-karaoke-why-eyebrow {color: #c87900 !important;}

.tittac-karaoke-why-hero-card h1 {max-width: 560px !important;
  margin: 0 0 18px !important;
  color: #111 !important;
  font-size: clamp(40px, 4vw, 64px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.045em !important;}

.tittac-karaoke-why-hero-card p {max-width: 560px !important;
  margin: 0 !important;
  color: #333 !important;
  font-size: 17px !important;
  line-height: 1.75 !important;}

.tittac-karaoke-why-hero .tittac-karaoke-why-actions {margin-top: 28px !important;}

.tittac-karaoke-why-hero .tittac-karaoke-why-btn {background: #fff !important;
  border-color: rgba(0, 0, 0, 0.14) !important;
  color: #111 !important;
  box-shadow: none !important;}

.tittac-karaoke-why-hero .tittac-karaoke-why-btn-primary {background: #e8a12a !important;
  border-color: #e8a12a !important;
  color: #fff !important;}

.tittac-karaoke-why-hero .tittac-karaoke-why-btn:hover {color: #111 !important;}

.tittac-karaoke-why-hero .tittac-karaoke-why-btn-primary:hover {color: #fff !important;}

@media (max-width: 1023px) {.tittac-karaoke-why-hero {grid-template-columns: 1fr !important;
    min-height: auto !important;}

.tittac-karaoke-why-hero-media,
  .tittac-karaoke-why-hero-media img {min-height: 360px !important;
    height: 360px !important;}

.tittac-karaoke-why-hero-card {min-height: auto !important;
    padding: 44px 40px 52px !important;}

.tittac-karaoke-why-hero-card::before {display: none !important;}}

@media (max-width: 767px) {.tittac-karaoke-why-hero {width: calc(100% - 32px) !important;
    margin: 22px auto 0 !important;
    display: block !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.07) !important;
    overflow: hidden !important;}

.tittac-karaoke-why-hero-media,
  .tittac-karaoke-why-hero-media img {height: 215px !important;
    min-height: 215px !important;
    border-radius: 0 !important;}

.tittac-karaoke-why-hero-card {min-height: auto !important;
    padding: 24px 20px !important;
    background: #fff !important;}

.tittac-karaoke-why-hero-card h1 {font-size: 31px !important;
    line-height: 1.12 !important;}

.tittac-karaoke-why-hero-card p {font-size: 15px !important;
    line-height: 1.68 !important;}}

@media (min-width: 1024px) {.tittac-karaoke-why-hero {grid-template-columns: 52% 48% !important;
    min-height: 600px !important;}

.tittac-karaoke-why-hero-media,
  .tittac-karaoke-why-hero-media img {min-height: 600px !important;
    height: 600px !important;}

.tittac-karaoke-why-hero-media img {object-fit: cover !important;
    object-position: left center !important;}

.tittac-karaoke-why-hero-card {min-height: 600px !important;
    padding: 72px 7vw 72px 54px !important;}

.tittac-karaoke-why-hero-card::before {left: -90px !important;
    width: 90px !important;}}

.tittac-karaoke-support-section {max-width: 1280px;
  margin: 72px auto;
  padding: 0 24px;}

.tittac-karaoke-support-box {background: #f7f3ec;
  border: 1px solid #e7dccd;
  border-radius: 28px;
  padding: 56px 56px;
  display: grid;
  grid-template-columns: 1.05fr 1.35fr;
  gap: 48px;
  align-items: start;
  box-sizing: border-box;}

.tittac-karaoke-support-eyebrow {margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #c88a1a;
  font-weight: 600;}

.tittac-karaoke-support-title {margin: 0;
  font-size: 52px;
  line-height: 1.04;
  font-weight: 700;
  color: #111111;
  letter-spacing: -0.03em;}

.tittac-karaoke-support-content p {margin: 0 0 18px;
  font-size: 20px;
  line-height: 1.75;
  color: #333333;}

.tittac-karaoke-support-list {list-style: none;
  margin: 22px 0 0;
  padding: 0;}

.tittac-karaoke-support-list li {position: relative;
  padding-left: 30px;
  margin-bottom: 14px;
  font-size: 18px;
  line-height: 1.7;
  color: #2f2f2f;}

.tittac-karaoke-support-list li::before {content: "✓";
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 16px;
  font-weight: 700;
  color: #d89a24;}

@media (max-width: 1024px) {.tittac-karaoke-support-box {grid-template-columns: 1fr;
    gap: 28px;
    padding: 40px 32px;}

.tittac-karaoke-support-title {font-size: 42px;}

.tittac-karaoke-support-content p {font-size: 18px;}

.tittac-karaoke-support-list li {font-size: 17px;}}

@media (max-width: 767px) {.tittac-karaoke-support-section {margin: 52px auto;
    padding: 0 16px;}

.tittac-karaoke-support-box {border-radius: 22px;
    padding: 28px 22px;
    gap: 20px;}

.tittac-karaoke-support-eyebrow {font-size: 12px;
    letter-spacing: 0.12em;
    text-align: left;}

.tittac-karaoke-support-title {font-size: 34px;
    line-height: 1.1;
    text-align: left;}

.tittac-karaoke-support-content,
  .tittac-karaoke-support-content p,
  .tittac-karaoke-support-list,
  .tittac-karaoke-support-list li {text-align: left;}

.tittac-karaoke-support-content p {font-size: 16px;
    line-height: 1.7;}

.tittac-karaoke-support-list li {font-size: 15px;
    line-height: 1.65;
    padding-left: 24px;}}

@media (min-width: 1024px) {.tittac-karaoke-support-box {align-items: center !important;}

.tittac-karaoke-support-heading {align-self: center !important;
    padding-top: 18px !important;}}

.tittac-karaoke-why-text-link {color: #111 !important;
  font-weight: 800 !important;
  text-decoration-color: rgba(0, 0, 0, 0.35) !important;}

.tittac-karaoke-why-text-link:hover {color: #c87900 !important;
  text-decoration-color: #c87900 !important;}

.tittac-massage-why-page {width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background: #fff;
  color: #111;
  font-family: inherit;
  box-sizing: border-box;
  overflow-x: hidden;}

.tittac-massage-why-page *,
.tittac-massage-why-page *::before,
.tittac-massage-why-page *::after {box-sizing: border-box;}

.tittac-massage-why-page img {display: block;
  max-width: 100%;
  height: auto;}

.tittac-massage-why-page a {color: inherit;}

.tittac-massage-why-page button {font-family: inherit;}

body:has(.tittac-massage-why-page) .page-title {display: none !important;}

.tittac-massage-why-hero {width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  min-height: 620px !important;
  border-radius: 0 !important;
  background: #f9f6f0 !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 52% 48% !important;
  align-items: stretch !important;
  overflow: hidden !important;}

.tittac-massage-why-hero-media {position: relative !important;
  inset: auto !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 620px !important;
  overflow: hidden !important;}

.tittac-massage-why-hero-media img {width: 100% !important;
  height: 100% !important;
  min-height: 620px !important;
  object-fit: cover !important;
  object-position: center center !important;}

.tittac-massage-why-hero-overlay {display: none !important;}

.tittac-massage-why-hero-card {position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 620px !important;
  padding: 72px 7vw 72px 64px !important;
  background: #f9f6f0 !important;
  color: #1a1a1a !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  text-align: left !important;}

.tittac-massage-why-hero-card::before {content: "";
  position: absolute;
  left: -110px;
  top: 0;
  bottom: 0;
  width: 110px;
  background: linear-gradient(90deg, rgba(249, 246, 240, 0), #f9f6f0);
  pointer-events: none;}

.tittac-massage-why-eyebrow,
.tittac-massage-why-kicker {margin: 0 0 12px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 900;
  color: #c87900;}

.tittac-massage-why-hero-card h1 {max-width: 560px !important;
  margin: 0 0 18px !important;
  color: #111 !important;
  font-size: clamp(40px, 4vw, 64px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.045em !important;
  font-weight: 900 !important;}

.tittac-massage-why-hero-card p {max-width: 560px !important;
  margin: 0 !important;
  color: #333 !important;
  font-size: 17px !important;
  line-height: 1.75 !important;}

.tittac-massage-why-actions {display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
  margin-top: 26px;}

.tittac-massage-why-btn {appearance: none;
  border: 1px solid rgba(0, 0, 0, 0.14);
  background: #fff;
  color: #111;
  min-height: 44px;
  padding: 12px 20px;
  border-radius: 999px;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;}

.tittac-massage-why-btn:hover {transform: translateY(-2px);
  border-color: rgba(232, 161, 42, 0.65);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  text-decoration: none;
  color: #111;}

.tittac-massage-why-btn-primary {background: #e8a12a;
  border-color: #e8a12a;
  color: #fff;}

.tittac-massage-why-btn-primary:hover {background: #d8911d;
  border-color: #d8911d;
  color: #fff;}

.tittac-massage-why-section,
.tittac-massage-why-split-section,
.tittac-massage-why-faq,
.tittac-massage-why-final-cta {max-width: 1180px;
  margin: 0 auto;
  padding: 54px 24px;}

.tittac-massage-why-section-title {max-width: 800px;
  margin: 0 auto 30px;
  text-align: center;}

.tittac-massage-why-section-title h2 {margin: 0 0 12px;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.12;
  letter-spacing: -0.035em;
  font-weight: 900;
  color: #0d0d0d;}

.tittac-massage-why-section-title p {margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: #444;}

.tittac-massage-why-trust-grid,
.tittac-massage-why-mistake-grid {display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;}

.tittac-massage-why-path-grid {display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;}

.tittac-massage-why-trust-card,
.tittac-massage-why-path-card,
.tittac-massage-why-mistake-card {background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  padding: 26px 24px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.045);}

.tittac-massage-why-trust-card::before,
.tittac-massage-why-path-card::before,
.tittac-massage-why-mistake-card::before {content: "";
  width: 34px;
  height: 4px;
  border-radius: 999px;
  background: #e8a12a;
  display: block;
  margin-bottom: 18px;}

.tittac-massage-why-trust-card h3,
.tittac-massage-why-path-card h3,
.tittac-massage-why-mistake-card h3 {margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 900;
  color: #111;}

.tittac-massage-why-trust-card p,
.tittac-massage-why-path-card p,
.tittac-massage-why-mistake-card p {margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #444;}

.tittac-massage-why-text-link {appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  margin-top: 16px;
  display: inline-flex;
  color: #111;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: rgba(0, 0, 0, 0.35);
  cursor: pointer;}

.tittac-massage-why-text-link:hover {color: #c87900;
  text-decoration-color: #c87900;}

.tittac-massage-why-split {display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap: 34px;
  align-items: center;}

.tittac-massage-why-split.is-reverse {grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);}

.tittac-massage-why-split.is-reverse .tittac-massage-why-split-media {order: 2;}

.tittac-massage-why-split.is-reverse .tittac-massage-why-split-copy {order: 1;}

.tittac-massage-why-split-section-alt {background: #faf8f4;
  max-width: none;
  margin: 0;
  padding-left: max(24px, calc((100vw - 1180px) / 2 + 24px));
  padding-right: max(24px, calc((100vw - 1180px) / 2 + 24px));}

.tittac-massage-why-split-section-alt .tittac-massage-why-split {max-width: 1180px;
  margin: 0 auto;}

.tittac-massage-why-split-media {border-radius: 24px;
  overflow: hidden;
  background: #f6f6f6;
  box-shadow: 0 18px 54px rgba(0, 0, 0, 0.08);}

.tittac-massage-why-split-media img {width: 100%;
  height: 430px;
  object-fit: cover;
  object-position: center center;}

.tittac-massage-why-split-copy h2 {margin: 0 0 14px;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.12;
  letter-spacing: -0.035em;
  font-weight: 900;
  color: #111;}

.tittac-massage-why-split-copy p {margin: 0;
  font-size: 16px;
  line-height: 1.75;
  color: #444;}

.tittac-massage-why-list {margin: 20px 0 0;
  padding: 0;
  list-style: none;}

.tittac-massage-why-list li {position: relative;
  margin: 0 0 10px;
  padding-left: 24px;
  font-size: 15px;
  line-height: 1.65;
  color: #333;}

.tittac-massage-why-list li::before {content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #c87900;
  font-weight: 900;}

.tittac-massage-why-note {margin-top: 22px;
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(232, 161, 42, 0.25);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.04);}

.tittac-massage-why-note h3 {margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 900;
  color: #111;}

.tittac-massage-why-note p {margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #444;}

.tittac-massage-support-section {max-width: 1280px;
  margin: 72px auto;
  padding: 0 24px;}

.tittac-massage-support-box {background: #f7f3ec;
  border: 1px solid #e7dccd;
  border-radius: 28px;
  padding: 56px;
  display: grid;
  grid-template-columns: 1.05fr 1.35fr;
  gap: 48px;
  align-items: center;
  box-sizing: border-box;}

.tittac-massage-support-heading {align-self: center;
  padding-top: 18px;}

.tittac-massage-support-eyebrow {margin: 0 0 14px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #c87900;
  font-weight: 900;}

.tittac-massage-support-title {margin: 0;
  font-size: clamp(34px, 3.5vw, 52px);
  line-height: 1.04;
  font-weight: 900;
  color: #111;
  letter-spacing: -0.035em;}

.tittac-massage-support-content p {margin: 0 0 18px;
  font-size: 17px;
  line-height: 1.75;
  color: #333;}

.tittac-massage-support-list {list-style: none;
  margin: 22px 0 0;
  padding: 0;}

.tittac-massage-support-list li {position: relative;
  padding-left: 30px;
  margin-bottom: 14px;
  font-size: 16px;
  line-height: 1.7;
  color: #2f2f2f;}

.tittac-massage-support-list li::before {content: "✓";
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 15px;
  font-weight: 900;
  color: #d89a24;}

.tittac-massage-why-faq {max-width: 920px;}

.tittac-massage-why-faq h2 {margin: 0 0 24px;
  text-align: center;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.12;
  letter-spacing: -0.03em;
  font-weight: 900;
  color: #111;}

.tittac-massage-why-faq details {margin: 0 0 12px;
  padding: 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.04);
  overflow: hidden;}

.tittac-massage-why-faq summary {position: relative;
  cursor: pointer;
  list-style: none;
  padding: 18px 22px 18px 38px;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 900;
  color: #111;
  display: block;}

.tittac-massage-why-faq summary::-webkit-details-marker {display: none;}

.tittac-massage-why-faq summary::before {content: "›";
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #e8a12a;
  font-size: 18px;
  line-height: 1;
  font-weight: 900;}

.tittac-massage-why-faq details[open] summary::before {transform: translateY(-50%) rotate(90deg);}

.tittac-massage-why-faq details p {margin: 0;
  padding: 0 22px 20px 38px;
  font-size: 15px;
  line-height: 1.72;
  color: #444;}

.tittac-massage-why-final-cta {max-width: 980px;
  margin-bottom: 46px;
  text-align: center;
  background: #faf8f4;
  border: 1px solid rgba(0, 0, 0, 0.065);
  border-radius: 30px;
  padding: 46px 32px;}

.tittac-massage-why-final-cta h2 {margin: 0 0 12px;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.1;
  letter-spacing: -0.035em;
  font-weight: 900;
  color: #111;}

.tittac-massage-why-final-cta p {max-width: 680px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.75;
  color: #444;}

.tittac-massage-why-final-cta .tittac-massage-why-actions {justify-content: center;}

@media (min-width: 1024px) {.tittac-massage-why-trust-card:hover,
  .tittac-massage-why-path-card:hover,
  .tittac-massage-why-mistake-card:hover,
  .tittac-massage-why-note:hover {transform: none;
    border-color: rgba(0, 0, 0, 0.08);
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.045);}}

@media (max-width: 1023px) {.tittac-massage-why-hero {grid-template-columns: 1fr !important;
    min-height: auto !important;}

.tittac-massage-why-hero-media,
  .tittac-massage-why-hero-media img {min-height: 360px !important;
    height: 360px !important;}

.tittac-massage-why-hero-card {min-height: auto !important;
    padding: 44px 40px 52px !important;}

.tittac-massage-why-hero-card::before {display: none !important;}

.tittac-massage-why-trust-grid,
  .tittac-massage-why-mistake-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}

.tittac-massage-why-path-grid {grid-template-columns: 1fr;}

.tittac-massage-why-split,
  .tittac-massage-why-split.is-reverse {grid-template-columns: 1fr;}

.tittac-massage-why-split.is-reverse .tittac-massage-why-split-media,
  .tittac-massage-why-split.is-reverse .tittac-massage-why-split-copy {order: initial;}

.tittac-massage-why-split-media img {height: 380px;}

.tittac-massage-support-box {grid-template-columns: 1fr;
    gap: 28px;
    padding: 40px 32px;}

.tittac-massage-support-heading {padding-top: 0;}}

@media (max-width: 767px) {.tittac-massage-why-hero {width: calc(100% - 32px) !important;
    margin: 22px auto 0 !important;
    display: block !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: 0 16px 44px rgba(0, 0, 0, 0.07) !important;
    overflow: hidden !important;}

.tittac-massage-why-hero-media,
  .tittac-massage-why-hero-media img {height: 215px !important;
    min-height: 215px !important;
    border-radius: 0 !important;}

.tittac-massage-why-hero-card {min-height: auto !important;
    padding: 24px 20px !important;
    background: #fff !important;}

.tittac-massage-why-hero-card h1 {font-size: 31px !important;
    line-height: 1.12 !important;}

.tittac-massage-why-hero-card p {font-size: 15px !important;
    line-height: 1.68 !important;}

.tittac-massage-why-actions {flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin-top: 22px;}

.tittac-massage-why-btn {width: 100%;
    min-height: 46px;
    padding: 13px 18px;}

.tittac-massage-why-section,
  .tittac-massage-why-split-section,
  .tittac-massage-why-faq,
  .tittac-massage-why-final-cta {padding: 34px 16px;}

.tittac-massage-why-section-title,
  .tittac-massage-why-trust-card,
  .tittac-massage-why-path-card,
  .tittac-massage-why-mistake-card,
  .tittac-massage-why-note,
  .tittac-massage-why-split-copy,
  .tittac-massage-why-final-cta {text-align: left;}

.tittac-massage-why-section-title {margin-bottom: 22px;}

.tittac-massage-why-section-title h2,
  .tittac-massage-why-split-copy h2 {font-size: 29px;
    line-height: 1.15;}

.tittac-massage-why-section-title p,
  .tittac-massage-why-split-copy p {font-size: 15px;
    line-height: 1.7;}

.tittac-massage-why-trust-grid,
  .tittac-massage-why-path-grid,
  .tittac-massage-why-mistake-grid {grid-template-columns: 1fr;
    gap: 14px;}

.tittac-massage-why-trust-card,
  .tittac-massage-why-path-card,
  .tittac-massage-why-mistake-card {padding: 22px 20px;
    border-radius: 18px;}

.tittac-massage-why-trust-card::before,
  .tittac-massage-why-path-card::before,
  .tittac-massage-why-mistake-card::before {width: 30px;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 14px;}

.tittac-massage-why-split {gap: 22px;}

.tittac-massage-why-split-media {border-radius: 18px;}

.tittac-massage-why-split-media img {height: 240px;}

.tittac-massage-why-list li,
  .tittac-massage-why-note p {font-size: 14.5px;
    line-height: 1.68;}

.tittac-massage-support-section {margin: 52px auto;
    padding: 0 16px;}

.tittac-massage-support-box {border-radius: 22px;
    padding: 28px 22px;
    gap: 20px;}

.tittac-massage-support-eyebrow,
  .tittac-massage-support-title,
  .tittac-massage-support-content,
  .tittac-massage-support-content p,
  .tittac-massage-support-list,
  .tittac-massage-support-list li {text-align: left;}

.tittac-massage-support-title {font-size: 34px;
    line-height: 1.1;}

.tittac-massage-support-content p {font-size: 16px;
    line-height: 1.7;}

.tittac-massage-support-list li {font-size: 15px;
    line-height: 1.65;
    padding-left: 24px;}

.tittac-massage-why-faq {max-width: none;}

.tittac-massage-why-faq h2 {font-size: 27px;
    margin-bottom: 20px;}

.tittac-massage-why-faq details {margin-bottom: 10px;
    border-radius: 14px;}

.tittac-massage-why-faq summary {padding: 17px 18px 17px 34px;
    font-size: 14px;
    line-height: 1.45;
    text-align: left;}

.tittac-massage-why-faq summary::before {left: 18px;
    font-size: 16px;}

.tittac-massage-why-faq details p {padding: 0 18px 18px 34px;
    font-size: 14px;
    line-height: 1.68;
    text-align: left;}

.tittac-massage-why-final-cta {margin: 20px 16px 38px;
    padding: 34px 22px;
    border-radius: 24px;}

.tittac-massage-why-final-cta h2 {font-size: 30px;}

.tittac-massage-why-final-cta p {font-size: 15px;
    line-height: 1.7;}}

@media (max-width: 420px) {.tittac-massage-why-hero-media,
  .tittac-massage-why-hero-media img {height: 205px !important;
    min-height: 205px !important;}

.tittac-massage-why-hero-card h1 {font-size: 29px !important;}

.tittac-massage-why-split-media img {height: 220px;}}

@media (min-width: 1024px) {.tittac-massage-why-hero {grid-template-columns: 52% 48% !important;}

.tittac-massage-why-hero-media {overflow: hidden !important;
    background: #f9f6f0 !important;}

.tittac-massage-why-hero-media img {width: 100% !important;
    height: 100% !important;
    min-height: 620px !important;
    object-fit: cover !important;
    object-position: left center !important;
    transform: scale(1.38) !important;
    transform-origin: left center !important;}

.tittac-massage-why-hero-card {padding-left: 58px !important;}

.tittac-massage-why-hero-card::before {left: -90px !important;
    width: 90px !important;}}

.contact-action-buttons {display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 24px !important;}

.contact-action-buttons .btn {width: auto !important;
  min-width: 132px !important;
  max-width: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  margin: 0 !important;}

@media (max-width: 767px) {.contact-action-buttons {flex-direction: column !important;
    align-items: stretch !important;}

.contact-action-buttons .btn {width: 100% !important;}}

.tittac-showroom-support-section {max-width: 1180px !important;
  margin: 72px auto !important;
  padding: 0 24px !important;}

.tittac-showroom-support-card {background: #f7f3ec !important;
  border: 1px solid #e7dccd !important;
  border-radius: 28px !important;
  box-shadow: none !important;
  color: #111 !important;
  padding: 42px 46px !important;}

.tittac-showroom-support-card .tittac-showroom-kicker {color: #c87900 !important;}

.tittac-showroom-support-card h2 {color: #111 !important;}

.tittac-showroom-support-card p {color: #333 !important;}

.tittac-showroom-support-actions {display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
  justify-content: flex-start !important;}

.tittac-showroom-support-actions a,
.tittac-showroom-support-actions button {background: #fff !important;
  color: #111 !important;
  border: 1px solid #d9cbb8 !important;
  border-radius: 999px !important;
  min-height: 44px !important;
  padding: 12px 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 800 !important;
  text-decoration: none !important;}

.tittac-showroom-support-actions a:first-child {background: #e8a12a !important;
  border-color: #e8a12a !important;
  color: #fff !important;}

.tittac-showroom-support-actions a:hover,
.tittac-showroom-support-actions button:hover {background: #f9f6f0 !important;
  color: #111 !important;
  border-color: #cdb89e !important;}

.tittac-showroom-support-actions a:first-child:hover {background: #d8911d !important;
  border-color: #d8911d !important;
  color: #fff !important;}

@media (max-width: 767px) {.tittac-showroom-support-section {margin: 52px auto !important;
    padding: 0 16px !important;}

.tittac-showroom-support-card {border-radius: 22px !important;
    padding: 28px 22px !important;
    text-align: left !important;}

.tittac-showroom-support-card h2,
  .tittac-showroom-support-card p,
  .tittac-showroom-support-card .tittac-showroom-kicker {text-align: left !important;}

.tittac-showroom-support-actions {flex-direction: column !important;
    align-items: stretch !important;}

.tittac-showroom-support-actions a,
  .tittac-showroom-support-actions button {width: 100% !important;}}

.tittac-why-final-cta {max-width: 1180px !important;
  margin: 0 auto !important;
  background: #f7f3ec !important;
  color: #181818 !important;
  border: 1px solid #e5d8c8 !important;
  border-radius: 30px !important;
  padding: 42px 38px !important;
  text-align: center !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.05) !important;}

.tittac-why-final-cta h2,
.tittac-why-final-cta h3,
.tittac-why-final-cta .title {color: #111 !important;}

.tittac-why-final-cta p {color: #4a4a4a !important;}

.tittac-why-final-cta .tittac-why-kicker,
.tittac-why-final-cta .eyebrow,
.tittac-why-final-cta .section-kicker {color: #c8841a !important;}

.tittac-why-final-cta .tittac-why-actions,
.tittac-why-final-cta .cta-actions,
.tittac-why-final-cta .button-row {display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 14px !important;
  margin-top: 22px !important;}

.tittac-why-final-cta a,
.tittac-why-final-cta .btn,
.tittac-why-final-cta button {display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;}

.tittac-why-final-cta .btn-primary,
.tittac-why-final-cta a.btn-primary,
.tittac-why-final-cta .cta-primary {background: #e79b23 !important;
  border: 1px solid #e79b23 !important;
  color: #fff !important;}

.tittac-why-final-cta .btn-primary:hover,
.tittac-why-final-cta a.btn-primary:hover,
.tittac-why-final-cta .cta-primary:hover {background: #d88e19 !important;
  border-color: #d88e19 !important;
  color: #fff !important;}

.tittac-why-final-cta .btn-secondary,
.tittac-why-final-cta .btn-outline,
.tittac-why-final-cta a.btn-secondary,
.tittac-why-final-cta a.btn-outline,
.tittac-why-final-cta .cta-secondary {background: #fffdfa !important;
  border: 1px solid #d7c7b4 !important;
  color: #1b1b1b !important;}

.tittac-why-final-cta .btn-secondary:hover,
.tittac-why-final-cta .btn-outline:hover,
.tittac-why-final-cta a.btn-secondary:hover,
.tittac-why-final-cta a.btn-outline:hover,
.tittac-why-final-cta .cta-secondary:hover {background: #f2ebe2 !important;
  border-color: #cdb89f !important;
  color: #111 !important;}

@media (max-width: 767px) {.tittac-why-final-cta {padding: 30px 22px !important;
    border-radius: 22px !important;}

.tittac-why-final-cta .tittac-why-actions,
  .tittac-why-final-cta .cta-actions,
  .tittac-why-final-cta .button-row {flex-direction: column !important;
    align-items: stretch !important;}

.tittac-why-final-cta a,
  .tittac-why-final-cta .btn,
  .tittac-why-final-cta button {width: 100% !important;}}

.tittac-why-final-cta .tittac-why-actions a:not(:first-child),
.tittac-why-final-cta .tittac-why-actions button:not(:first-child) {background: #fffdfa !important;
  color: #111 !important;
  border: 1px solid #d7c7b4 !important;}

.tittac-why-final-cta .tittac-why-actions a:not(:first-child):hover,
.tittac-why-final-cta .tittac-why-actions button:not(:first-child):hover {background: #f2ebe2 !important;
  color: #111 !important;
  border-color: #cdb89f !important;}

.tittac-why-final-cta .tittac-why-actions a:first-child,
.tittac-why-final-cta .tittac-why-actions button:first-child {background: #e79b23 !important;
  color: #fff !important;
  border-color: #e79b23 !important;}
/* =========================================================
   TITTAC TEXT CONTRAST FIX v1b
   Blog / landing / showroom / campaign pages
   ========================================================= */

.tittac-sale-landing,
.tittac-showroom-page,
.tittac-why-page,
.tittac-massage-why-page {
  --sale-text-color: #333333 !important;
  --sale-muted-color: #555555 !important;
  --sale-soft-text: #444444 !important;
}

.tittac-sale-landing .tittac-campaign-support-card p,
.tittac-sale-landing .tittac-campaign-support-card li,
.tittac-sale-landing .tittac-campaign-support-card span,
.tittac-sale-landing .tittac-campaign-support-card div,
.tittac-sale-landing p,
.tittac-sale-landing li,
.tittac-sale-landing td,
.tittac-sale-landing .tittac-section-text,
.tittac-sale-landing .tittac-card-text,
.tittac-sale-landing .tittac-campaign-card p,
.tittac-sale-landing .tittac-campaign-benefit-card p,
.tittac-sale-landing .tittac-campaign-product-card p {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
}

.tittac-showroom-page p,
.tittac-showroom-page li,
.tittac-showroom-page td,
.tittac-showroom-page .tittac-card p,
.tittac-showroom-page [class*="card"] p,
.tittac-why-page p,
.tittac-why-page li,
.tittac-why-page td,
.tittac-why-page [class*="card"] p,
.tittac-massage-why-page p,
.tittac-massage-why-page li,
.tittac-massage-why-page td,
.tittac-massage-why-page [class*="card"] p,
.post-body p,
.post-body li,
.blogpost-page p,
.blogpost-page li,
.topic-page p,
.topic-page li,
.category-description p,
.category-description li {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
}

.tittac-sale-landing h1,
.tittac-sale-landing h2,
.tittac-sale-landing h3,
.tittac-showroom-page h1,
.tittac-showroom-page h2,
.tittac-showroom-page h3,
.tittac-why-page h1,
.tittac-why-page h2,
.tittac-why-page h3,
.tittac-massage-why-page h1,
.tittac-massage-why-page h2,
.tittac-massage-why-page h3,
.post-body h1,
.post-body h2,
.post-body h3,
.blogpost-page h1,
.blogpost-page h2,
.blogpost-page h3 {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

.tittac-sale-landing [class*="eyebrow"],
.tittac-sale-landing [class*="label"],
.tittac-showroom-page [class*="eyebrow"],
.tittac-showroom-page [class*="label"],
.tittac-why-page [class*="eyebrow"],
.tittac-why-page [class*="label"],
.tittac-massage-why-page [class*="eyebrow"],
.tittac-massage-why-page [class*="label"] {
  color: #6a625b !important;
  -webkit-text-fill-color: #6a625b !important;
}

/* =========================================================
   TITTAC MANUFACTURER PAGE TEXT CONTRAST FIX
   For /en/osaki and manufacturer collection pages
========================================================= */

.manufacturer-page .manufacturer-description,
.manufacturer-page .manufacturer-description *,
.page.manufacturer-page .manufacturer-description,
.page.manufacturer-page .manufacturer-description *,
.manufacturer-description,
.manufacturer-description * {
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

.manufacturer-page .manufacturer-description p,
.manufacturer-page .manufacturer-description li,
.manufacturer-page .manufacturer-description span,
.manufacturer-description p,
.manufacturer-description li,
.manufacturer-description span {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
}

.manufacturer-page .manufacturer-description [class*="card"] p,
.manufacturer-page .manufacturer-description [class*="badge"] p,
.manufacturer-page .manufacturer-description [class*="trust"] p,
.manufacturer-page .manufacturer-description [class*="feature"] p,
.manufacturer-description [class*="card"] p,
.manufacturer-description [class*="badge"] p,
.manufacturer-description [class*="trust"] p,
.manufacturer-description [class*="feature"] p {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
}

.manufacturer-page .manufacturer-description [class*="card"] h3,
.manufacturer-page .manufacturer-description [class*="badge"] h3,
.manufacturer-page .manufacturer-description [class*="trust"] h3,
.manufacturer-page .manufacturer-description [class*="feature"] h3,
.manufacturer-description [class*="card"] h3,
.manufacturer-description [class*="badge"] h3,
.manufacturer-description [class*="trust"] h3,
.manufacturer-description [class*="feature"] h3,
.manufacturer-page .manufacturer-description h1,
.manufacturer-page .manufacturer-description h2,
.manufacturer-page .manufacturer-description h3,
.manufacturer-description h1,
.manufacturer-description h2,
.manufacturer-description h3 {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}

.manufacturer-page .manufacturer-description [class*="eyebrow"],
.manufacturer-page .manufacturer-description [class*="label"],
.manufacturer-page .manufacturer-description [class*="subtitle"],
.manufacturer-description [class*="eyebrow"],
.manufacturer-description [class*="label"],
.manufacturer-description [class*="subtitle"] {
  color: #9a5f16 !important;
  -webkit-text-fill-color: #9a5f16 !important;
}

.manufacturer-page .manufacturer-description [class*="pill"],
.manufacturer-page .manufacturer-description [class*="tag"],
.manufacturer-description [class*="pill"],
.manufacturer-description [class*="tag"] {
  color: #222222 !important;
  -webkit-text-fill-color: #222222 !important;
}

/* =========================================================
   TITTAC CONTACT PAGE TEXT CONTRAST FIX
   For /en/contactus and contact premium page
========================================================= */

.contact-page,
.contact-page *,
.contact-premium-page,
.contact-premium-page * {
  opacity: 1 !important;
  filter: none !important;
  text-shadow: none !important;
}

.contact-premium-page p,
.contact-premium-page li,
.contact-premium-page span,
.contact-page p,
.contact-page li,
.contact-page span,
.contact-premium-page .contact-premium-header p,
.contact-page .contact-premium-header p,
.contact-premium-page .contact-form-heading p,
.contact-page .contact-form-heading p {
  color: #333333 !important;
  -webkit-text-fill-color: #333333 !important;
}

.contact-premium-page .contact-info-item .value,
.contact-premium-page .contact-info-item .value a,
.contact-page .contact-info-item .value,
.contact-page .contact-info-item .value a {
  color: #222222 !important;
  -webkit-text-fill-color: #222222 !important;
}

.contact-premium-page .contact-info-item .label,
.contact-premium-page .contact-showroom-badge,
.contact-page .contact-info-item .label,
.contact-page .contact-showroom-badge {
  color: #6a625b !important;
  -webkit-text-fill-color: #6a625b !important;
}

.contact-premium-page h1,
.contact-premium-page h2,
.contact-premium-page h3,
.contact-page h1,
.contact-page h2,
.contact-page h3 {
  color: #111111 !important;
  -webkit-text-fill-color: #111111 !important;
}