/* CASESTUDIO V348 — imported user desktop design settings.
   Source: CASESTUDIO_Design_Settings(3).json (desktop profile).
   Reference viewport: 1669x911. Applied from 768px through desktop widths.
   Layout is scaled proportionally below 1669px; mobile below 768px is left untouched.
*/
@media (min-width: 768px) {
  #preview-sticker-price-card {
    width: 99px !important;
    height: 30px !important;
    translate: -158px 214px !important;
    z-index: 311 !important;
  }
  main.main-layout > section.preview-section:nth-of-type(2) > div.preview-stage:nth-of-type(4) > div.preview-nav.sticker-nav:nth-of-type(1) > div.nav-category-filter:nth-of-type(1) > button.nav-filter-trigger > span.nav-filter-trigger-icon.nav-filter-selected-dot {
    rotate: 0deg !important;
  }
  main.main-layout > section.preview-section:nth-of-type(2) > div.preview-stage:nth-of-type(4) {
    z-index: -32 !important;
  }
  main.main-layout > section.preview-section:nth-of-type(2) > div.preview-stage:nth-of-type(4) > div.preview-nav.sticker-nav:nth-of-type(1) > div.nav-category-filter:nth-of-type(1) > button.nav-filter-trigger {
    rotate: 45deg !important;
    translate: 0px -13px !important;
  }
  main.main-layout > section.preview-section:nth-of-type(2) > div.preview-stage:nth-of-type(4) > div.preview-nav.case-nav:nth-of-type(5) > div.nav-category-filter > button.nav-filter-trigger {
    rotate: 45deg !important;
    translate: 0px -14px !important;
  }
  main.main-layout > section.preview-section:nth-of-type(2) > div.preview-header:nth-of-type(1) > h1 {
    translate: -200px 142px !important;
  }
  #device-name-display {
    translate: 195px 141px !important;
    width: 178px !important;
    height: 25px !important;
    display: flex !important;
    align-items: center !important;
    text-align: left !important;
    justify-content: flex-end !important;
  }
  #sticker-size-toggle {
    translate: -433px -79px !important;
  }
  #preview-sticker-price {
    translate: 23px 0px !important;
  }
  #preview-sticker-tier-dot {
    translate: -1px -4px !important;
    width: 25px !important;
    height: 31px !important;
    z-index: -288 !important;
  }
  #preview-case-price-card {
    translate: 149px 217px !important;
  }
  main.main-layout > section.preview-section:nth-of-type(2) > div.preview-stage:nth-of-type(4) > div.preview-product-price-card.sticker-preview-price:nth-of-type(3) > div.preview-tier-row:nth-of-type(2) {
    z-index: 668 !important;
    translate: 24px 2px !important;
  }
  main.main-layout > section.preview-section:nth-of-type(2) > div.rotation-help:nth-of-type(7) {
    translate: -1px -124px !important;
  }
  main.main-layout > section.preview-section:nth-of-type(2) > div.nav-hint:nth-of-type(6) {
    translate: 5px -127px !important;
  }
  main.main-layout > section.preview-section:nth-of-type(2) > div.purchase-type:nth-of-type(3) > h2 {
    translate: -3px 2px !important;
    width: 852px !important;
    height: 18px !important;
  }
  #random-combo-button {
    width: 863px !important;
    height: 43px !important;
    translate: -1px -7px !important;
    display: flex !important;
    align-items: center !important;
    text-align: center !important;
    justify-content: center !important;
    max-width: 854px !important;
  }
  #rotation-control {
    display: none !important;
  }
  main.main-layout > section.preview-section:nth-of-type(2) > div.selected-info:nth-of-type(9) {
    margin-top: -44px !important;
    flex: 0 0 auto !important;
    height: 211px !important;
    translate: 0px 0px !important;
  }
  main.main-layout > section.preview-section:nth-of-type(2) > div.selected-info:nth-of-type(9) > div.selected-row.total-row:nth-of-type(6) {
    width: 829px !important;
    font-size: 18px !important;
    border-radius: 17px !important;
    translate: 2px 5px !important;
  }
  #total-price {
    translate: 10px -1px !important;
  }
  main.main-layout > section.preview-section:nth-of-type(2) > div.selected-info:nth-of-type(9) > div.selected-row.total-row:nth-of-type(6) > span {
    translate: -9px -2px !important;
  }
  main.main-layout > section.side-panel.stickers-panel:nth-of-type(1) {
    width: 320px !important;
    height: 1241px !important;
    translate: 0px -18px !important;
  }
  main.main-layout > section.preview-section:nth-of-type(2) > div.quantity-section:nth-of-type(10) > div.quantity-control {
    border-radius: 11px !important;
  }
  main.main-layout > section.preview-section:nth-of-type(2) > div.packaging-section:nth-of-type(11) > div.gift-message-box:nth-of-type(2) > label {
    translate: -14px 2px !important;
    font-size: 15px !important;
    width: 323px !important;
    height: 16px !important;
  }
  #gift-message-box {
    border-radius: 12px !important;
    width: 855px !important;
    height: 118px !important;
    translate: 0px 0px !important;
  }
  #gift-message {
    width: 839px !important;
    height: 78px !important;
    translate: -9px 6px !important;
  }
  main.main-layout > section.side-panel.cases-panel:nth-of-type(3) {
    width: 321px !important;
    height: 1243px !important;
    translate: 0px -18px !important;
  }
  #case-list {
    width: 295px !important;
    height: 880px !important;
    translate: 4px 0px !important;
  }
  main.main-layout > section.preview-section:nth-of-type(2) > div.quantity-section:nth-of-type(10) {
    margin-top: 12px !important;
  }
  header.topbar > div.logo:nth-of-type(1) {
    translate: -372px 0px !important;
  }
  header.topbar > div.header-actions:nth-of-type(3) {
    translate: 379px 0px !important;
  }
  header.topbar > div.header-title:nth-of-type(2) {
    translate: -24px 0px !important;
  }
  #sticker-list {
    width: 291px !important;
    height: 935px !important;
    translate: 1px 0px !important;
  }
  #order-button {
    translate: 0px -136px !important;
  }
  main.main-layout > section.side-panel.stickers-panel:nth-of-type(1) > div.sticker-tier-filter:nth-of-type(2) > span.sticker-tier-filter-label {
    font-size: 18px !important;
    margin-top: -23px !important;
  }
  main.main-layout > section.side-panel.cases-panel:nth-of-type(3) > div.case-tier-filter:nth-of-type(2) > span.sticker-tier-filter-label {
    font-size: 17px !important;
    margin-top: -23px !important;
  }
  #browse-all-cases {
    margin-top: -2px !important;
    font-size: 16px !important;
  }
  main.main-layout > section.side-panel.cases-panel:nth-of-type(3) > div.panel-header:nth-of-type(1) > h2 {
    font-size: 30px !important;
  }
  main.main-layout > section.side-panel.stickers-panel:nth-of-type(1) > div.panel-header:nth-of-type(1) > h2 {
    font-size: 30px !important;
  }
  #browse-all-stickers {
    font-size: 16px !important;
  }
  #open-support-chat {
    translate: 0px -131px !important;
  }
  main.main-layout > section.preview-section:nth-of-type(2) > div.dice-area:nth-of-type(5) {
    width: 842px !important;
    height: 61px !important;
    translate: 0px 0px !important;
  }
  #cart-items {
    border-radius: 15px !important;
  }

  /* Keep the authored 1669px desktop composition intact through the 768px breakpoint. */
  html body header.topbar {
    width: 1669px !important;
    min-width: 1669px !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  html body main.main-layout {
    display: grid !important;
    grid-template-columns: 320px minmax(0, 1fr) 321px !important;
    grid-template-rows: auto !important;
    grid-auto-rows: auto !important;
    column-gap: 25px !important;
    row-gap: 0 !important;
    width: 1669px !important;
    min-width: 1669px !important;
    max-width: none !important;
    padding: 25px !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-items: start !important;
    overflow: visible !important;
  }
  html body main.main-layout > section.side-panel.stickers-panel {
    grid-column: 1 !important; grid-row: 1 !important; order: 0 !important;
    width: 320px !important; min-width: 0 !important; max-width: none !important;
  }
  html body main.main-layout > section.preview-section {
    grid-column: 2 !important; grid-row: 1 !important; order: 0 !important;
    width: auto !important; min-width: 0 !important; max-width: none !important;
  }
  html body main.main-layout > section.side-panel.cases-panel {
    grid-column: 3 !important; grid-row: 1 !important; order: 0 !important;
    width: 321px !important; min-width: 0 !important; max-width: none !important;
  }
  /* Narrow-breakpoint rules from the legacy stylesheet must not collapse the desktop catalog columns. */
  html body main.main-layout > section.side-panel #sticker-list,
  html body main.main-layout > section.side-panel #case-list {
    max-height: none !important;
  }
  html body main.main-layout > section.side-panel #sticker-list { height: 935px !important; }
  html body main.main-layout > section.side-panel #case-list { height: 880px !important; }
}