:root {
	--qd-blue: #c4ccd5;
	--qd-paper: #f6f7f8;
	--qd-white: #fff;
	--qd-ink: #0b0f12;
	--qd-muted: rgba(11, 15, 18, .61);
	--qd-orange: #ff6118;
	--qd-mint: #45f0c0;
	--qd-line: rgba(11, 15, 18, .12);
}

html {scroll-behavior: smooth;}
body {background: var(--qd-blue); color: var(--qd-ink);}
.main-page-wrapper {background: var(--qd-blue); overflow: hidden;}

.theme-main-menu .logo img {width: 48px;}
.theme-main-menu .logo .brand-name {display: block; margin-left: 12px; font-family: "Obviously Narrow", sans-serif; font-size: 26px; font-weight: 700; line-height: 1.05; letter-spacing: 1px; text-transform: uppercase; color: #000;}
.theme-main-menu .logo .brand-sub {display: block; margin: 3px 0 0 12px; font-size: 10px; font-weight: 600; letter-spacing: 2.2px; text-transform: uppercase; color: #000; opacity: .6;}
.theme-main-menu.menu-style-one.menu-overlay,
.theme-main-menu.menu-style-one.menu-overlay.sticky-menu {background: #fff; box-shadow: 0 1px 0 rgba(0, 0, 0, .08);}
.theme-main-menu .navbar-toggler {background: var(--qd-orange);}
.footer-one .logo img {width: 56px;}

.qd-field {position: relative; isolation: isolate;}
.qd-field::before {content: ""; position: absolute; inset: 0; z-index: -2; pointer-events: none; background:
	repeating-linear-gradient(0deg, transparent 0 119px, rgba(0, 0, 0, .055) 119px 120px),
	repeating-linear-gradient(90deg, transparent 0 119px, rgba(0, 0, 0, .055) 119px 120px);}
.qd-orbit {position: absolute; z-index: -1; border: 1px solid rgba(0, 0, 0, .10); border-radius: 50%; pointer-events: none; animation: qd-orbit-pulse 7s ease-in-out infinite;}
.qd-orbit.one {width: 660px; height: 660px; top: -245px; right: -190px;}
.qd-orbit.two {width: 980px; height: 980px; top: -405px; right: -345px; animation-delay: -3.5s;}
@keyframes qd-orbit-pulse {0%, 100% {transform: scale(.98); opacity: .55;} 50% {transform: scale(1.02); opacity: 1;}}

.qd-merch-hero {min-height: 720px; display: flex; align-items: center; padding: 190px 0 110px;}
.qd-eyebrow {display: flex; align-items: center; gap: 14px; font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: rgba(0, 0, 0, .53);}
.qd-eyebrow::before {content: ""; width: 34px; height: 2px; background: var(--qd-orange);}
.qd-merch-display {margin: 12px 0 0; font-family: "Obviously Narrow", sans-serif; font-size: clamp(72px, 15vw, 290px); font-weight: 700; line-height: 1; letter-spacing: -1px; text-transform: uppercase; color: transparent; background: linear-gradient(.53deg, #c4ccd5 25%, #fff 113.21%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.qd-merch-intro {display: grid; grid-template-columns: 1fr minmax(280px, 520px); gap: 50px; align-items: end; margin-top: 35px;}
.qd-merch-intro h2 {max-width: 620px; margin: 0; font-family: "Clash Display", sans-serif; font-size: clamp(34px, 4.5vw, 70px); font-weight: 600; line-height: .98; text-transform: uppercase;}
.qd-merch-intro p {max-width: 500px; margin: 0; font-size: 18px; line-height: 1.7; color: var(--qd-muted);}
.qd-scroll-cue {display: inline-flex; align-items: center; gap: 12px; margin-top: 28px; font-family: ui-monospace, Menlo, monospace; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #000;}
.qd-scroll-cue span {display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(0,0,0,.25); border-radius: 50%; transition: .25s ease;}
.qd-scroll-cue:hover span {background: #000; color: var(--qd-mint); transform: translateY(4px);}

.qd-merch-collection {padding: 25px 0 140px;}
.qd-section-head {display: grid; grid-template-columns: .75fr 1.25fr; gap: 30px; align-items: end; margin-bottom: 54px;}
.qd-section-index {font-family: ui-monospace, Menlo, monospace; font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: rgba(0,0,0,.48);}
.qd-section-index b {color: var(--qd-orange);}
.qd-section-head h2 {margin: 0; font-family: "Clash Display", sans-serif; font-size: clamp(45px, 7vw, 104px); font-weight: 600; line-height: .88; letter-spacing: -.035em; text-transform: uppercase;}
.qd-section-head h2 em {font-style: normal; color: transparent; -webkit-text-stroke: 1.5px #000;}
.qd-product-grid {display: grid; grid-template-columns: repeat(12, 1fr); gap: 24px;}
.qd-merch-card {position: relative; display: flex; min-height: 520px; flex-direction: column; justify-content: space-between; overflow: hidden; border-radius: 28px; padding: 28px; background: #fff; color: #000; transition: transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s;}
.qd-merch-card {grid-column: span 4;}
.qd-merch-card:hover {transform: translateY(-8px); box-shadow: 0 35px 80px -42px rgba(11,15,18,.6);}
.qd-card-top {display: flex; justify-content: space-between; align-items: start; gap: 15px; font-family: ui-monospace, Menlo, monospace; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; opacity: .64;}
.qd-card-arrow {display: grid; place-items: center; width: 47px; height: 47px; border: 1px solid currentColor; border-radius: 50%; font-size: 20px; transition: .25s ease;}
.qd-merch-card:hover .qd-card-arrow {background: var(--qd-orange); border-color: var(--qd-orange); color: #fff; transform: rotate(45deg);}
.qd-card-art {position: relative; display: grid; place-items: center; min-height: 250px; margin: 15px 0;}
.qd-card-copy h3 {margin: 0; font-family: "Clash Display", sans-serif; font-size: clamp(30px, 3.2vw, 51px); font-weight: 600; line-height: .98; text-transform: uppercase;}
.qd-card-copy p {max-width: 430px; margin: 13px 0 0; font-size: 15px; line-height: 1.55; opacity: .62;}

.qd-tee-art {position: relative; width: 235px; height: 250px; background: linear-gradient(145deg,#12191c,#303b40); clip-path: polygon(31% 3%,42% 0,45% 13%,55% 13%,58% 0,69% 3%,100% 22%,86% 45%,75% 38%,75% 100%,25% 100%,25% 38%,14% 45%,0 22%); filter: drop-shadow(0 30px 24px rgba(0,0,0,.24));}
.qd-tee-art::after {content: "QUADRADYN"; position: absolute; top: 42%; left: 50%; transform: translateX(-50%); font-family: "Obviously Narrow", sans-serif; font-size: 18px; font-weight: 700; letter-spacing: 3px; color: #fff;}
.qd-poster-art {position: relative; width: 235px; height: 320px; overflow: hidden; border: 10px solid #edf1f3; background: #c4ccd5; box-shadow: 0 28px 50px rgba(0,0,0,.35);}
.qd-poster-art::before {content: "DEFENSE\A FOR\A HUMANITY"; white-space: pre; position: absolute; left: 17px; bottom: 19px; font-family: "Obviously Narrow", sans-serif; font-size: 39px; font-weight: 700; line-height: .78; color: #0b0f12;}
.qd-poster-art::after {content: "// QD SERIES 001"; position: absolute; top: 14px; right: 12px; writing-mode: vertical-rl; font-family: ui-monospace, Menlo, monospace; font-size: 8px; letter-spacing: 2px; color: var(--qd-orange);}
.qd-hat-art {position: relative; width: 270px; height: 165px;}
.qd-hat-art::before {content: "Q"; position: absolute; z-index: 2; top: 0; left: 35px; display: grid; place-items: center; width: 174px; height: 128px; border-radius: 54% 54% 24% 20%; background: linear-gradient(145deg,#1d272b,#3b494e); font-family: "Obviously Narrow", sans-serif; font-size: 48px; font-weight: 700; color: #fff; box-shadow: 0 28px 36px rgba(0,0,0,.18);}
.qd-hat-art::after {content: ""; position: absolute; z-index: 1; right: 4px; bottom: 10px; width: 150px; height: 54px; border-radius: 0 95% 50% 45%; background: #11181b; transform: rotate(7deg); box-shadow: 0 18px 24px rgba(0,0,0,.18);}

.qd-defense-tech {padding: 135px 0 150px; background: #f4f6f7;}
.qd-defense-intro {display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: end; margin-bottom: 48px;}
.qd-defense-intro h2 {margin: 0; font-family: "Clash Display", sans-serif; font-size: clamp(46px, 6.5vw, 96px); font-weight: 600; line-height: .9; text-transform: uppercase;}
.qd-defense-intro p {max-width: 500px; margin: 0 0 4px auto; font-size: 17px; line-height: 1.65; color: var(--qd-muted);}
.qd-arms-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 24px;}
.qd-arm-card {position: relative; min-height: 510px; overflow: hidden; border-radius: 28px; padding: 30px; background: #111719; color: #fff;}
.qd-arm-card::before {content: ""; position: absolute; inset: 0; opacity: .38; background: linear-gradient(135deg, transparent 42%, rgba(69,240,192,.25)), repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.06) 39px 40px);}
.qd-arm-card::after {content: ""; position: absolute; width: 70%; height: 12px; left: 15%; top: 47%; background: #75848a; border-radius: 12px; box-shadow: -60px 20px 0 -3px #58666b, 72px -9px 0 -3px #9aa7ab; transform: rotate(-3deg); opacity: .85;}
.qd-arm-meta {position: relative; z-index: 2; display: flex; justify-content: space-between; font-family: ui-monospace, Menlo, monospace; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.6);}
.qd-arm-copy {position: absolute; z-index: 2; right: 30px; bottom: 30px; left: 30px; display: flex; justify-content: space-between; align-items: end; gap: 20px;}
.qd-arm-copy h3 {margin: 0; font-family: "Clash Display", sans-serif; font-size: clamp(31px,4vw,58px); font-weight: 600; line-height: .9; text-transform: uppercase; color: #fff;}
.qd-arm-copy span {display: grid; place-items: center; flex: 0 0 52px; width: 52px; height: 52px; border-radius: 50%; background: var(--qd-orange); color: #fff; font-size: 22px; transition: transform .25s;}
.qd-arm-card:hover .qd-arm-copy span {transform: rotate(45deg);}

.qd-detail-hero {padding: 190px 0 85px;}
.qd-detail-breadcrumb {font-family: ui-monospace, Menlo, monospace; font-size: 10px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: rgba(0,0,0,.5);}
.qd-detail-breadcrumb a {color: #000;}
.qd-detail-layout {display: grid; grid-template-columns: minmax(0,1.12fr) minmax(340px,.88fr); gap: 28px; margin-top: 30px;}
.qd-detail-visual {position: relative; display: grid; place-items: center; min-height: 650px; overflow: hidden; border-radius: 30px; background: #fff;}
.qd-detail-visual::before {content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(0deg,transparent 0 69px,rgba(0,0,0,.045) 69px 70px), repeating-linear-gradient(90deg,transparent 0 69px,rgba(0,0,0,.045) 69px 70px);}
.qd-detail-visual .qd-card-art {z-index: 1; transform: scale(1.5);}
.qd-detail-visual .visual-label {position: absolute; z-index: 2; right: 24px; bottom: 20px; font-family: ui-monospace, Menlo, monospace; font-size: 9px; letter-spacing: 2px; text-transform: uppercase; color: rgba(0,0,0,.44);}
.qd-detail-panel {display: flex; flex-direction: column; justify-content: space-between; border-radius: 30px; padding: clamp(30px,4vw,55px); background: #111719; color: #fff;}
.qd-detail-kicker {font-family: ui-monospace, Menlo, monospace; font-size: 10px; font-weight: 700; letter-spacing: 2.5px; text-transform: uppercase; color: var(--qd-mint);}
.qd-detail-panel h1 {margin: 18px 0 20px; font-family: "Clash Display", sans-serif; font-size: clamp(46px,6vw,91px); font-weight: 600; line-height: .86; text-transform: uppercase; color: #fff;}
.qd-detail-panel .deck {max-width: 510px; font-size: 17px; line-height: 1.7; color: rgba(255,255,255,.65);}
.qd-detail-status {margin-top: 38px; padding-top: 21px; border-top: 1px solid rgba(255,255,255,.15); font-family: ui-monospace, Menlo, monospace; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: rgba(255,255,255,.55);}
.qd-detail-status b {color: var(--qd-orange);}
.qd-primary-btn {display: inline-flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 28px; padding: 18px 22px; border-radius: 10px; background: var(--qd-orange); color: #fff; font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; transition: background .2s, color .2s;}
.qd-primary-btn:hover {background: var(--qd-mint); color: #000;}
.qd-selector {display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px;}
.qd-selector a {padding: 9px 13px; border: 1px solid rgba(255,255,255,.24); border-radius: 30px; color: rgba(255,255,255,.6); font-family: ui-monospace, Menlo, monospace; font-size: 9px; letter-spacing: 1.6px; text-transform: uppercase;}
.qd-selector a.active {border-color: var(--qd-mint); color: var(--qd-mint);}
.qd-detail-body {padding: 60px 0 145px;}
.qd-spec-strip {display: grid; grid-template-columns: repeat(4,1fr); overflow: hidden; border-radius: 24px; background: #fff;}
.qd-spec {min-height: 145px; padding: 27px; border-right: 1px solid var(--qd-line);}
.qd-spec:last-child {border-right: 0;}
.qd-spec span {display: block; font-family: ui-monospace, Menlo, monospace; font-size: 9px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: rgba(0,0,0,.43);}
.qd-spec strong {display: block; margin-top: 17px; font-family: "Clash Display", sans-serif; font-size: 20px; font-weight: 600; line-height: 1.15; text-transform: uppercase;}
.qd-story-grid {display: grid; grid-template-columns: .75fr 1.25fr; gap: 70px; padding-top: 105px;}
.qd-story-grid h2 {margin: 0; font-family: "Clash Display", sans-serif; font-size: clamp(44px,5vw,76px); font-weight: 600; line-height: .92; text-transform: uppercase;}
.qd-story-copy p {font-size: 18px; line-height: 1.8; color: var(--qd-muted);}
.qd-story-notes {display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 42px;}
.qd-note {border-top: 2px solid #000; padding: 18px 0;}
.qd-note b {display: block; font-family: ui-monospace, Menlo, monospace; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; color: var(--qd-orange);}
.qd-note span {display: block; margin-top: 10px; font-size: 14px; line-height: 1.55; color: var(--qd-muted);}

@media (max-width: 991px) {
	.qd-merch-hero {min-height: 630px; padding-top: 165px;}
	.qd-merch-intro, .qd-section-head, .qd-defense-intro, .qd-detail-layout, .qd-story-grid {grid-template-columns: 1fr; gap: 26px;}
	.qd-merch-card {grid-column: span 6;}
	.qd-merch-card:nth-child(odd):last-child {grid-column: 4 / span 6;}
	.qd-detail-visual {min-height: 500px;}
	.qd-spec-strip {grid-template-columns: 1fr 1fr;}
	.qd-spec:nth-child(2) {border-right: 0;}
	.qd-spec:nth-child(-n+2) {border-bottom: 1px solid var(--qd-line);}
}
@media (max-width: 767px) {
	.qd-merch-display {font-size: clamp(72px,24vw,150px);}
	.qd-product-grid, .qd-arms-grid {grid-template-columns: 1fr;}
	.qd-merch-card, .qd-merch-card:nth-child(odd):last-child {grid-column: 1 / -1; min-height: 470px;}
	.qd-defense-tech {padding: 90px 0 100px;}
	.qd-arm-card {min-height: 430px;}
	.qd-detail-layout {grid-template-columns: minmax(0,1fr);}
	.qd-detail-visual {min-height: 430px;}
	.qd-detail-visual .qd-card-art {transform: scale(1.1);}
	.qd-detail-panel h1 {font-size: clamp(46px,16vw,74px);}
	.qd-story-notes {grid-template-columns: 1fr;}
}
@media (max-width: 480px) {
	.qd-merch-hero {min-height: 610px; padding: 150px 0 80px;}
	.qd-merch-intro h2 {font-size: 36px;}
	.qd-spec-strip {grid-template-columns: 1fr;}
	.qd-spec {border-right: 0; border-bottom: 1px solid var(--qd-line);}
	.qd-spec:last-child {border-bottom: 0;}
}

@media (prefers-reduced-motion: reduce) {
	.qd-orbit {animation: none;}
	.qd-merch-card, .qd-card-arrow, .qd-arm-copy span {transition: none;}
}

.qdm-stage {position: relative; isolation: isolate; overflow: clip; background: var(--qd-blue);}
.qdm-stage > section {position: relative; z-index: 1;}

.qdm-product-hero {padding: 190px 0 78px;}
.qdm-crumb {display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-bottom: 34px; font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-size: 11px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: rgba(11,15,18,.48);}
.qdm-crumb a {color: #0b0f12;}
.qdm-crumb a:hover {color: var(--qd-orange);}
.qdm-hero-grid {display: grid; grid-template-columns: minmax(0,1.03fr) minmax(390px,.97fr); gap: clamp(32px,4.5vw,76px); align-items: center;}

.qdm-gallery {min-width: 0; border-radius: 30px; padding: clamp(19px,2.4vw,34px); background: rgba(255,255,255,.94); box-shadow: 0 34px 80px -48px rgba(11,15,18,.55);}
.qdm-gallery-stage {position: relative; display: grid; place-items: center; min-height: clamp(480px,48vw,650px); overflow: hidden; border-radius: 22px; background: #d9dee3;}
.qdm-gallery-stage::before {content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(0deg,transparent 0 69px,rgba(11,15,18,.045) 69px 70px), repeating-linear-gradient(90deg,transparent 0 69px,rgba(11,15,18,.045) 69px 70px);}
.qdm-gallery-stage::after {content: "QUADRADYN // RELEASE 001"; position: absolute; top: 18px; left: 20px; font-family: ui-monospace, Menlo, monospace; font-size: 9px; font-weight: 700; letter-spacing: 2px; color: rgba(11,15,18,.4);}
.qdm-main-art {position: relative; z-index: 1; display: grid; place-items: center; width: min(76%,480px); height: 430px; transition: transform .45s cubic-bezier(.16,1,.3,1), opacity .2s;}
.qdm-main-art > .qd-tee-art {transform: scale(1.48);}
.qdm-main-art > .qd-poster-art {transform: scale(1.17);}
.qdm-main-art > .qd-hat-art {transform: scale(1.55);}
.qdm-main-art.view-back {transform: rotateY(180deg);}
.qdm-main-art.view-back > * {transform-style: preserve-3d;}
.qdm-main-art.view-back > .qd-tee-art {transform: rotateY(180deg) scale(1.48);}
.qdm-main-art.view-back .qd-tee-art::after {content: "DEFENSE\A FOR HUMANITY"; white-space: pre; font-size: 24px; line-height: .8; text-align: center;}
.qdm-main-art.view-back > .qd-poster-art {transform: rotateY(180deg) scale(1.17); filter: grayscale(.9);}
.qdm-main-art.view-back > .qd-hat-art {transform: rotateY(180deg) scale(1.55);}
.qdm-main-art.view-detail > .qd-tee-art {transform: scale(2.32) translateY(9%);}
.qdm-main-art.view-detail > .qd-poster-art {transform: scale(1.75) translate(9%,10%);}
.qdm-main-art.view-detail > .qd-hat-art {transform: scale(2.25) translate(-7%,8%);}
.qdm-view-index {position: absolute; right: 20px; bottom: 18px; z-index: 2; font-family: ui-monospace, Menlo, monospace; font-size: 10px; font-weight: 700; letter-spacing: 2px; color: rgba(11,15,18,.42);}
.qdm-thumbs {display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 14px;}
.qdm-thumbs button {display: grid; grid-template-columns: 76px 1fr; align-items: center; gap: 12px; min-width: 0; min-height: 82px; overflow: hidden; border: 1.5px solid rgba(11,15,18,.13); border-radius: 13px; padding: 7px; background: #f7f8f9; color: rgba(11,15,18,.52); cursor: pointer; transition: border-color .2s, background .2s, color .2s, transform .2s;}
.qdm-thumbs button:hover {transform: translateY(-2px); border-color: rgba(11,15,18,.45); color: #0b0f12;}
.qdm-thumbs button.active {border-color: var(--qd-orange); background: #fff; color: #0b0f12; box-shadow: inset 0 0 0 1px var(--qd-orange);}
.qdm-thumb-art {position: relative; display: grid; place-items: center; width: 76px; height: 66px; overflow: hidden; border-radius: 8px; background: #d9dee3;}
.qdm-thumb-art .qd-tee-art {position: absolute; transform: scale(.25);}
.qdm-thumb-art .qd-poster-art {position: absolute; transform: scale(.18);}
.qdm-thumb-art .qd-hat-art {position: absolute; transform: scale(.28);}
.qdm-thumb-art.view-back > * {filter: grayscale(.7); transform: scale(.23) rotateY(180deg);}
.qdm-thumb-art.view-detail > .qd-tee-art {transform: scale(.43) translateY(10%);}
.qdm-thumb-art.view-detail > .qd-poster-art {transform: scale(.27) translate(10%,10%);}
.qdm-thumb-art.view-detail > .qd-hat-art {transform: scale(.46) translate(-8%,8%);}
.qdm-thumb-label {min-width: 0; font-family: ui-monospace, Menlo, monospace; font-size: 9px; font-weight: 700; letter-spacing: 1.5px; text-align: left; text-transform: uppercase;}
.qdm-gallery-note {margin: 15px 0 0; font-family: ui-monospace, Menlo, monospace; font-size: 9px; letter-spacing: 1.8px; text-align: center; text-transform: uppercase; color: rgba(11,15,18,.42);}

.qdm-product-info {min-width: 0; padding: clamp(4px,1vw,16px) 0;}
.qdm-product-info[data-sal="slide-up"]:not(.sal-animate) {transform: translateY(48px);}
.qdm-category {margin: 0; font-family: ui-monospace, Menlo, monospace; font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--qd-orange);}
.qdm-product-info h1 {margin: 17px 0 14px; font-family: "Clash Display", sans-serif; font-size: clamp(48px,5.7vw,88px); font-weight: 600; line-height: .88; letter-spacing: -.03em; text-transform: uppercase; color: #0b0f12;}
.qdm-product-info h1 em {font-style: normal; color: transparent; -webkit-text-stroke: 1.5px #0b0f12;}
.qdm-price {display: flex; align-items: baseline; gap: 12px; margin: 0 0 19px; font-family: "Clash Display", sans-serif; font-size: clamp(35px,3.3vw,50px); font-weight: 600; line-height: 1;}
.qdm-price small {font-family: ui-monospace, Menlo, monospace; font-size: 9px; font-weight: 700; letter-spacing: 1.8px; color: rgba(11,15,18,.46);}
.qdm-deck {max-width: 610px; margin: 0; font-size: 17px; line-height: 1.72; color: var(--qd-muted);}
.qdm-chiprow {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 23px;}
.qdm-chip {border: 1px solid rgba(11,15,18,.21); border-radius: 40px; padding: 8px 14px; background: rgba(255,255,255,.52); font-family: ui-monospace, Menlo, monospace; font-size: 9px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; color: rgba(11,15,18,.65);}
.qdm-options {margin: 25px 0 0; padding: 0; border: 0;}
.qdm-options legend {width: auto; margin: 0 0 10px; font-family: ui-monospace, Menlo, monospace; font-size: 9px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: rgba(11,15,18,.5);}
.qdm-option-list {display: flex; flex-wrap: wrap; gap: 8px;}
.qdm-option-list button {display: grid; min-width: 48px; min-height: 40px; place-items: center; border: 1px solid rgba(11,15,18,.22); border-radius: 30px; padding: 7px 13px; background: rgba(255,255,255,.54); font-family: ui-monospace, Menlo, monospace; font-size: 10px; font-weight: 700; letter-spacing: 1px; color: rgba(11,15,18,.65); cursor:pointer; transition:border-color .2s,background .2s,color .2s,transform .2s;}
.qdm-option-list button:hover {border-color:var(--qd-orange);transform:translateY(-1px);}
.qdm-option-list button.active {border-color: #0b0f12; background: #0b0f12; color: var(--qd-mint);}
.qdm-acquisition-preview {margin-top: 28px; overflow: hidden; border: 1px solid rgba(11,15,18,.18); border-radius: 13px; background: rgba(255,255,255,.76); box-shadow: 0 18px 44px -36px rgba(11,15,18,.55);}
.qdm-preview-head {display: flex; align-items: center; gap: 14px; padding: 13px 16px; border-bottom: 1px solid rgba(11,15,18,.12); font-family: ui-monospace, Menlo, monospace; font-size: 8px; font-weight: 700; letter-spacing: 1.6px; color: rgba(11,15,18,.48);}
.qdm-preview-head > span:first-child {display: flex; gap: 5px;}
.qdm-preview-head i {display: block; width: 7px; height: 7px; background: var(--qd-mint);}
.qdm-preview-head i:nth-child(2) {background: #ffb356;}.qdm-preview-head i:nth-child(3) {background: rgba(11,15,18,.34);}
.qdm-preview-body {display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,.72fr); gap: 18px; align-items: center; padding: 18px;}
.qdm-preview-body p {margin: 0; font-family: ui-monospace, Menlo, monospace; font-size: 9px; line-height: 1.65; letter-spacing: .8px; text-transform: uppercase; color: rgba(11,15,18,.55);}
.qdm-preview-body strong {color: #0b0f12;}
.qdm-notify-btn {display: flex; align-items: center; justify-content: space-between; min-height: 54px; padding: 0 18px; border: 1px solid #0b0f12; border-radius: 7px; background: #0b0f12; color: #fff; font-family: ui-monospace, Menlo, monospace; font-size: 9px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; transition: background .2s, color .2s, transform .2s;}
.qdm-notify-btn:hover {background: var(--qd-mint); color: #0b0f12; transform: translateY(-2px);}
.qdm-selector {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 17px;}
.qdm-selector a {border: 1px solid rgba(11,15,18,.2); border-radius: 40px; padding: 8px 13px; color: rgba(11,15,18,.53); font-family: ui-monospace, Menlo, monospace; font-size: 9px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase;}
.qdm-selector a:hover,.qdm-selector a.active {border-color: var(--qd-orange); background: rgba(255,255,255,.5); color: #0b0f12;}

.qdm-standard {padding: 55px 0 72px;}
.qdm-readout {padding: 0 0 74px;}
.qdm-support {padding: 0 0 92px;}
.qdm-more {padding: 0 0 145px;}
.qdm-section-heading {display: grid; grid-template-columns: .42fr 1fr; gap: 28px; align-items: end; margin-bottom: 36px;}
.qdm-section-heading.compact {grid-template-columns: .42fr 1fr auto;}
.qdm-section-heading > div span,.qdm-section-heading > div p {display: block; margin: 0; font-family: ui-monospace, Menlo, monospace; font-size: 9px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: rgba(11,15,18,.43);}
.qdm-section-heading > div span {margin-bottom: 7px; color: var(--qd-orange);}
.qdm-section-heading h2 {margin: 0; font-family: "Clash Display", sans-serif; font-size: clamp(42px,5vw,76px); font-weight: 600; line-height: .9; letter-spacing: -.025em; text-transform: uppercase;}
.qdm-section-heading > a {display: inline-flex; gap: 10px; align-items: center; padding: 12px 16px; border: 1px solid #0b0f12; border-radius: 6px; color: #0b0f12; font-family: ui-monospace, Menlo, monospace; font-size: 9px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase;}
.qdm-section-heading > a:hover {background: #0b0f12; color: var(--qd-mint);}
.qdm-module-grid {display: grid; grid-template-columns: repeat(3,1fr); gap: 18px;}
.qdm-module {display: flex; min-height: 310px; flex-direction: column; padding: 28px; border-radius: 24px; background: rgba(255,255,255,.93); transition: transform .3s, box-shadow .3s;}
.qdm-module:hover {transform: translateY(-5px); box-shadow: 0 28px 60px -38px rgba(11,15,18,.55);}
.qdm-module .tag {font-family: ui-monospace, Menlo, monospace; font-size: 9px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: var(--qd-orange);}
.qdm-module h3 {margin: 17px 0 12px; font-family: "Clash Display", sans-serif; font-size: clamp(23px,2vw,31px); font-weight: 600; line-height: 1; text-transform: uppercase;}
.qdm-module p {margin: 0; font-size: 15px; line-height: 1.68; color: var(--qd-muted);}
.qdm-module .stat {margin-top: auto; padding-top: 28px; font-family: ui-monospace, Menlo, monospace; font-size: 9px; font-weight: 700; line-height: 1.55; letter-spacing: 1.5px; text-transform: uppercase; color: #0b0f12;}

.qdm-sheet {overflow: hidden; border: 1px solid rgba(11,15,18,.18); border-radius: 10px; background: rgba(255,255,255,.7);}
.qdm-sheet-head {display: flex; justify-content: space-between; align-items: baseline; gap: 24px; padding: 23px 30px; border-bottom: 1px solid rgba(11,15,18,.16);}
.qdm-sheet-head h2,.qdm-sheet-head h3 {margin: 0; font-family: "Clash Display", sans-serif; font-size: clamp(26px,2.4vw,38px); font-weight: 600; text-transform: uppercase;}
.qdm-sheet-head span {font-family: ui-monospace, Menlo, monospace; font-size: 9px; font-weight: 700; letter-spacing: 1.7px; text-transform: uppercase; color: rgba(11,15,18,.44);}
.qdm-spec-row {display: grid; grid-template-columns: minmax(155px,.38fr) 1fr; gap: 28px; padding: 18px 30px; border-bottom: 1px dashed rgba(11,15,18,.14);}
.qdm-spec-row .key {font-family: ui-monospace, Menlo, monospace; font-size: 9px; font-weight: 700; letter-spacing: 1.7px; text-transform: uppercase; color: rgba(11,15,18,.45);}
.qdm-spec-row .value {font-size: 15px; font-weight: 600; text-align: right; color: #0b0f12;}
.qdm-sheet-note {margin: 0; padding: 15px 30px; background: rgba(11,15,18,.035); font-family: ui-monospace, Menlo, monospace; font-size: 8px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(11,15,18,.42);}
.qdm-support-grid {display: grid; grid-template-columns: repeat(3,1fr); gap: 18px;}
.qdm-support-cell {min-height: 245px; border-radius: 22px; padding: 27px; background: rgba(255,255,255,.92);}
.qdm-cell-index {font-family: ui-monospace, Menlo, monospace; font-size: 8px; font-weight: 700; letter-spacing: 1.8px; color: var(--qd-orange);}
.qdm-support-cell h3 {margin: 20px 0 9px; font-family: "Clash Display", sans-serif; font-size: 27px; font-weight: 600; text-transform: uppercase;}
.qdm-support-cell p {margin: 0; font-size: 14.5px; line-height: 1.68; color: var(--qd-muted);}

.qdm-index-row {display: grid; grid-template-columns: 34px 66px minmax(0,1fr) auto 46px; gap: 22px; align-items: center; min-height: 100px; padding: 17px 30px; border-bottom: 1px dashed rgba(11,15,18,.14); color: #0b0f12; transition: background .2s;}
.qdm-index-row:last-child {border-bottom: 0;}
.qdm-index-row:hover {background: rgba(255,255,255,.84);}
.qdm-index-row .num,.qdm-index-row .price {font-family: ui-monospace, Menlo, monospace; font-size: 10px; font-weight: 700; letter-spacing: 1px; color: rgba(11,15,18,.48);}
.qdm-index-row .price {font-size: 13px; color: #0b0f12;}
.qdm-index-row .imgbox {position: relative; display: grid; width: 66px; height: 66px; place-items: center; overflow: hidden; border: 1px solid rgba(11,15,18,.12); border-radius: 6px; background: #d9dee3;}
.qdm-index-row .imgbox .qd-tee-art {position: absolute; transform: scale(.18);}
.qdm-index-row .imgbox .qd-poster-art {position: absolute; transform: scale(.16);}
.qdm-index-row .imgbox .qd-hat-art {position: absolute; transform: scale(.24);}
.qdm-index-row .imgbox.firearm img {width: 92%; height: 92%; object-fit: contain;}
.qdm-index-row .product strong {display: block; font-family: "Clash Display", sans-serif; font-size: clamp(19px,2vw,28px); font-weight: 600; line-height: 1.05; text-transform: uppercase;}
.qdm-index-row .product small {display: block; margin-top: 5px; font-family: ui-monospace, Menlo, monospace; font-size: 8px; font-weight: 700; letter-spacing: 1.6px; text-transform: uppercase; color: rgba(11,15,18,.43);}
.qdm-index-row .go {display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid #0b0f12; border-radius: 7px; font-size: 17px; transition: background .2s,color .2s,transform .2s;}
.qdm-index-row:hover .go {background: #0b0f12; color: var(--qd-mint); transform: rotate(-45deg);}

@media (max-width: 1199px) {
	.qdm-hero-grid {grid-template-columns: minmax(0,1fr) minmax(360px,.9fr); gap: 34px;}
	.qdm-gallery-stage {min-height: 520px;}
	.qdm-thumbs button {grid-template-columns: 58px 1fr; gap: 8px;}
	.qdm-thumb-art {width: 58px;}
	.qdm-preview-body {grid-template-columns: 1fr;}
}
@media (max-width: 991px) {
	.qdm-product-hero {padding: 165px 0 68px;}
	.qdm-hero-grid {grid-template-columns: minmax(0,1fr);}
	.qdm-gallery-stage {min-height: 600px;}
	.qdm-product-info {padding-top: 16px;}
	.qdm-product-info h1 {font-size: clamp(58px,10vw,88px);}
	.qdm-module-grid,.qdm-support-grid {grid-template-columns: 1fr;}
	.qdm-module {min-height: 245px;}
	.qdm-section-heading,.qdm-section-heading.compact {grid-template-columns: .34fr 1fr;}
	.qdm-section-heading > a {grid-column: 2; justify-self: start;}
}
@media (max-width: 767px) {
	.qdm-product-hero {padding-top: 145px;}
	.qdm-gallery {border-radius: 22px; padding: 14px;}
	.qdm-gallery-stage {min-height: 470px; border-radius: 16px;}
	.qdm-main-art {height: 350px;}
	.qdm-main-art > .qd-tee-art {transform: scale(1.15);}
	.qdm-main-art > .qd-poster-art {transform: scale(.92);}
	.qdm-main-art > .qd-hat-art {transform: scale(1.15);}
	.qdm-main-art.view-back > .qd-tee-art {transform: rotateY(180deg) scale(1.15);}
	.qdm-main-art.view-back > .qd-poster-art {transform: rotateY(180deg) scale(.92);}
	.qdm-main-art.view-back > .qd-hat-art {transform: rotateY(180deg) scale(1.15);}
	.qdm-main-art.view-detail > .qd-tee-art {transform: scale(1.75) translateY(9%);}
	.qdm-main-art.view-detail > .qd-poster-art {transform: scale(1.32) translate(8%,10%);}
	.qdm-main-art.view-detail > .qd-hat-art {transform: scale(1.7) translate(-7%,8%);}
	.qdm-thumbs button {grid-template-columns: 1fr; justify-items: center; gap: 5px; min-height: 91px;}
	.qdm-thumb-label {text-align: center;}
	.qdm-product-info h1 {font-size: clamp(51px,14vw,78px);}
	.qdm-section-heading,.qdm-section-heading.compact {grid-template-columns: 1fr; gap: 13px;}
	.qdm-section-heading > a {grid-column: auto;}
	.qdm-spec-row {grid-template-columns: 1fr; gap: 7px;}
	.qdm-spec-row .value {text-align: left;}
	.qdm-sheet-head {align-items: flex-start; flex-direction: column; gap: 7px;}
	.qdm-index-row {grid-template-columns: 25px 56px minmax(0,1fr) 42px; gap: 13px; padding: 15px 17px;}
	.qdm-index-row .imgbox {width: 56px; height: 56px;}
	.qdm-index-row .price {grid-column: 3; margin-top: -12px;}
	.qdm-index-row .go {grid-column: 4; grid-row: 1 / span 2; width: 42px; height: 42px;}
}
@media (max-width: 480px) {
	.qdm-gallery-stage {min-height: 390px;}
	.qdm-main-art {height: 300px;}
	.qdm-main-art > .qd-tee-art {transform: scale(.92);}
	.qdm-main-art > .qd-poster-art {transform: scale(.73);}
	.qdm-main-art > .qd-hat-art {transform: scale(.92);}
	.qdm-main-art.view-back > .qd-tee-art {transform: rotateY(180deg) scale(.92);}
	.qdm-main-art.view-back > .qd-poster-art {transform: rotateY(180deg) scale(.73);}
	.qdm-main-art.view-back > .qd-hat-art {transform: rotateY(180deg) scale(.92);}
	.qdm-main-art.view-detail > .qd-tee-art {transform: scale(1.42) translateY(9%);}
	.qdm-main-art.view-detail > .qd-poster-art {transform: scale(1.08) translate(8%,10%);}
	.qdm-main-art.view-detail > .qd-hat-art {transform: scale(1.38) translate(-7%,8%);}
	.qdm-preview-body {padding: 15px;}
	.qdm-notify-btn {width: 100%;}
	.qdm-product-info h1 {font-size: clamp(46px,15vw,68px);}
	.qdm-module,.qdm-support-cell {padding: 23px;}
	.qdm-sheet-head,.qdm-spec-row,.qdm-sheet-note {padding-right: 19px; padding-left: 19px;}
}
@media (prefers-reduced-motion: reduce) {
	.qdm-main-art,.qdm-thumbs button,.qdm-notify-btn,.qdm-module,.qdm-index-row .go {transition: none;}
}

.qd-card-art img {display: block; width: auto; max-width: 100%; max-height: 250px; object-fit: contain; border-radius: 18px; box-shadow: 0 28px 50px -30px rgba(0,0,0,.45);}
.qdm-main-photo {position: relative; z-index: 1; display: block; width: auto; max-width: min(92%, 640px); max-height: clamp(420px, 44vw, 600px); height: auto; border-radius: 16px; transition: opacity .25s;}
.qdm-thumb-art img {width: 100%; height: 100%; object-fit: cover; border-radius: 6px;}
.qdm-index-row .imgbox img {width: 100%; height: 100%; object-fit: cover;}
.qdm-options legend span {color: #0b0f12;}
.qdm-swatches {display: flex; flex-wrap: wrap; gap: 10px;}
.qdm-swatch {position: relative; width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(11,15,18,.18); background: var(--swatch, #888); cursor: pointer; padding: 0; transition: transform .2s, border-color .2s, box-shadow .2s;}
.qdm-swatch:hover {transform: translateY(-2px); border-color: rgba(11,15,18,.55);}
.qdm-swatch.active {border-color: #0b0f12; box-shadow: 0 0 0 3px #fff, 0 0 0 5px #0b0f12;}
.qdm-size-note {display: block; margin-top: 10px; font-size: 12.5px; color: rgba(11,15,18,.55);}
.qdm-buy {display: flex; flex-wrap: wrap; align-items: stretch; gap: 12px; margin-top: 26px;}
.qdm-qty {display: grid; grid-template-columns: 44px 52px 44px; min-height: 56px; border: 1.5px solid rgba(11,15,18,.22); border-radius: 12px; overflow: hidden; background: rgba(255,255,255,.7);}
.qdm-qty button, .qdm-qty input {min-width: 0; border: 0; background: transparent; color: #0b0f12; text-align: center; font-family: ui-monospace, Menlo, monospace; font-size: 14px; font-weight: 700;}
.qdm-qty button {cursor: pointer;}
.qdm-qty button:hover {background: rgba(11,15,18,.06);}
.qdm-qty input {border-inline: 1px solid rgba(11,15,18,.12); outline: 0;}
.qdm-add-btn {display: inline-flex; flex: 0 0 auto; min-width: 300px; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 0 22px; border: 0; border-radius: 12px; background: #0b0f12; color: #fff; font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; cursor: pointer; transition: background .2s, color .2s, transform .2s;}
.qdm-add-btn:hover {background: var(--qd-orange); color: #fff; transform: translateY(-2px);}
.qdm-buy-note {margin: 12px 0 0; font-family: ui-monospace, Menlo, monospace; font-size: 10px; letter-spacing: 1.6px; text-transform: uppercase; color: rgba(11,15,18,.5);}
.qdm-support-cell p a {color: #0b0f12; font-weight: 600; text-decoration: underline; text-underline-offset: 3px;}
@media (max-width: 767px) {
	.qd-card-art img {max-height: 240px;}
	.qdm-main-photo {max-width: 94%; max-height: 420px;}
	.qdm-buy {flex-direction: column;}
	.qdm-qty {width: 140px;}
	.qdm-add-btn {width: 100%; min-width: 0;}
}