:root {
	--bg: #06060b;
	--deep: #09090f;
	--card: #0e0e1a;
	--card2: #13131f;
	--line: rgba(255, 255, 255, .07);
	--white: #eeeef4;
	--muted: rgba(238, 238, 244, .5);
	--sony: #dd3333;
	--dji: #00d4ff;
	--gold: #c8a96e;
	--W: 1320px;
}

.sd_top_right li a {
	width: 38px;
	height: 38px;
	border: 1px solid #dddddd4d;
	border-radius: 99px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.account-item img {
	width: 32px;
}

.sd_top_right li a img {
	width: 25px !important;
}

.logo-left .logo {
	margin-right: 0;
}

header .sd_tops li a {
	text-transform: uppercase;
	color: #fff;
	opacity: 1;
}

.sd_tops li {
	margin: 0;
}

.sd_tops {
	gap: 25px;
}

.header-main {
	position: fixed;
	left: 0;
	right: 0;
	background-color: #020617;
    border-bottom: 1px solid #dddddd2b;
}
.hero_section:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #80808012 1px, transparent 1px), linear-gradient(to bottom, #80808012 1px, transparent 1px);
    background-color: #020617;
    background-size: 24px 24px;
}
.hero_section .section-content {
	position: relative !important;
	color: #fff;
}

.ey {
	font-size: 13px;
	color: #fff;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin-bottom: 18px;
	display: flex;
	align-items: center;
	gap: 10px;
}

h1.title .ghost {
	-webkit-text-stroke: 1px rgb(238 238 244 / 60%);
	color: transparent;
}

home .title .cd {
	color: #00d4ff;
}

h1.title {
	font-size: clamp(60px, 7vw, 80px);
	font-weight: 800;
	letter-spacing: 1px;
	margin-bottom: 26px;
	color: #fff;
}
h1.title .cs {
	color: #dd3333;
}

h1.title .cd {
	color: #fff;
}

.hero-p {
	font-size: 16px;
	color: #0202c480;
	line-height: 1.85;
	max-width: 400px;
	margin-bottom: 40px;
}

.ctas {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

.hero-p {
	font-size: 16px;
	color: #fff;
	line-height: 1.85;
	max-width: 600px;
	margin-bottom: 40px;
}

.btn-dji {
	padding: 10px 32px;
	background: transparent;
	color: var(--dji);
	border: 1px solid #00d4ff;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
	transition: background .25s, transform .25s;
}

.btn-sony {
	padding: 10px 32px;
	background: #dd3333;
	color: #fff;
	border: none;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
	transition: opacity .25s, transform .25s;
	position: relative;
	overflow: hidden;
	margin:0;
	display: flex;
	align-items: center;
}

.btn-sony::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(255, 255, 255, .14), transparent);
}

.hero-nums {
	display: flex;
	gap: 40px;
	margin-top: 52px;
	padding-top: 32px;
	border-top: 1px solid #ffffff12;
}

.num-val {
	font-size: 32px;
	font-weight: 800;
	line-height: 1;
}

.num-lbl {
	font-size: 11px;
	color: #eeeef480;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-top: 4px;
}

.btn-dji {
	padding: 10px 32px;
	background: transparent;
	color: #00d4ff;
	border: 1px solid #00d4ff;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
	transition: background .25s, transform .25s;
	margin: 0;
}

.ctas button {
	margin-bottom: 0;
}

/* ── Hero product card ── */
.hcard {
	background: #0e0e1a61;
	border: 1px solid var(--line);
	padding: 20px;
	position: relative;
	overflow: hidden;
}

.hcard::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, var(--dji), transparent);
}

.hcard::after {
	content: '';
	position: absolute;
	inset: 0;
	background: radial-gradient(ellipse at top right, rgba(0, 212, 255, .05), transparent 60%);
	pointer-events: none;
}

.hbadge {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	font-size: 9px;
	letter-spacing: 3px;
	color: var(--dji);
	text-transform: uppercase;
	margin-bottom: 18px;
}

.dot {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--dji);
	animation: blink 2s infinite;
}

@keyframes blink {

	0%,
	100% {
		opacity: 1;
		transform: scale(1)
	}

	50% {
		opacity: .3;
		transform: scale(.5)
	}
}

.himg-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin-bottom: 22px;
}

.himg-wrap img {
	max-width: 100%;
	object-fit: contain;
    width: 350px;
}

/* sonar rings behind drone */
.sonar {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.sonar span {
	position: absolute;
	border: 1px solid rgba(0, 212, 255, .1);
	border-radius: 50%;
	animation: sonar 3s ease-out infinite;
}

.sonar span:nth-child(1) {
	width: 120px;
	height: 120px;
	animation-delay: 0s
}

.sonar span:nth-child(2) {
	width: 190px;
	height: 190px;
	animation-delay: 1s
}

.sonar span:nth-child(3) {
	width: 260px;
	height: 260px;
	animation-delay: 2s
}

@keyframes sonar {
	0% {
		opacity: .5;
		transform: scale(.8)
	}

	100% {
		opacity: 0;
		transform: scale(1.2)
	}
}

.hname {
	font-size: 20px;
	font-weight: 800;
	letter-spacing: .5px;
	margin-bottom: 5px;
}

.hsub {
	font-size: 14px;
	color: var(--muted);
	margin-bottom: 16px;
}

.hprice {
	font-size: 20px;
	color: var(--dji);
}

.hprice s {
	font-size: 14px;
	color: var(--muted);
	margin-right: 6px;
	text-decoration: line-through;
}

.hfoot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid var(--line);
}

.stars {
	color: var(--gold);
	font-size: 14px;
}

.btn-add {
    padding: 10px 20px;
    background: #dd3333;
    color: #ffffff;
    border: none;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: opacity .25s;
    border-radius: 5px;
    margin: 0;
}

.btn-add:hover {
	opacity: .85;
}

/* ═══════════════════════════════════════════
   TICKER
═══════════════════════════════════════════ */
.ticker {
	overflow: hidden;
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
	background: var(--deep);
	padding: 20px 0;
}

.tick-track {
	display: flex;
	gap: 56px;
	width: max-content;
	animation: tick 30s linear infinite;
}

@keyframes tick {
	from {
		transform: translateX(0)
	}

	to {
		transform: translateX(-50%)
	}
}

.tick-item {
	display: flex;
	align-items: center;
	gap: 10px;
	white-space: nowrap;
	font-size: 13px;
	letter-spacing: 3px;
	color: #fff;
	text-transform: uppercase;
}

.tick-sep {
	color: var(--sony);
}

/* ═══════════════════════════════════════════
   BRAND DUO
═══════════════════════════════════════════ */
.brand-duo {
	display: grid;
	grid-template-columns: 1fr 1fr;
	background: var(--line);
	gap: 1px;
	margin: auto;
}

.bb {
	padding: 80px;
	position: relative;
	overflow: hidden;
	transition: transform .4s;
}
.home .bb {
    border-bottom: 0px solid #ececec;
}
.bb:hover {
	transform: scale(1.005);
}

.bb-sony {
	background: linear-gradient(145deg, #0d0305, #160407);
}

.bb-dji {
	background: linear-gradient(145deg, #040c10, #060e13);
}

.bb::before {
	content: '';
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity .4s;
}

.bb-sony::before {
	background: radial-gradient(ellipse at 20% 80%, rgba(232, 35, 61, .1), transparent 55%);
}

.bb-dji::before {
	background: radial-gradient(ellipse at 80% 80%, rgba(0, 212, 255, .08), transparent 55%);
}

.bb:hover::before {
	opacity: 1;
}

.bb-wm {
	font-size: 88px;
	font-weight: 800;
	letter-spacing: 3px;
	position: absolute;
	bottom: 24px;
	right: 28px;
	opacity: 0.6;
	pointer-events: none;
	line-height: 1;
}

.bb-sony .bb-wm {
	color: var(--sony);
}

.bb-dji .bb-wm {
	color: var(--dji);
}

.bb-tag {
	font-size: 13px;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin-bottom: 14px;
}

.bb-sony .bb-tag {
	color: var(--sony);
}

.bb-dji .bb-tag {
	color: var(--dji);
}

.bb-ttl {
	font-size: 38px;
	font-weight: 800;
	line-height: 1.1;
	margin-bottom: 14px;
	color: #fff;
}

.bb-desc {
	font-size: 15px;
	color: var(--muted);
	line-height: 1.85;
	max-width: 360px;
	margin-bottom: 28px;
}

.bb-row {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 11px;
}

.bb-sony .bb-row {
	color: var(--sony);
}

.bb-dji .bb-row {
	color: var(--dji);
}

.bb-line {
	flex: 0 0 44px;
	height: 1px;
}

.bb-sony .bb-line {
	background: var(--sony);
}

.bb-dji .bb-line {
	background: var(--dji);
}

/* ═══════════════════════════════════════════
   SHARED SECTION SHELL
═══════════════════════════════════════════ */
.sec {
	padding: 80px 0;
}

.sec-alt {
	background: var(--deep);
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
}

.sec-hd {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 36px;
}

.sec-ey {
	font-size: 13px;
	letter-spacing: 4px;
	color: var(--muted);
	text-transform: uppercase;
	margin-bottom: 10px;
}

.sec-ttl {
	font-size: 44px;
	font-weight: 800;
	line-height: 1;
	color: #fff;
}

.sec-lnk {
	font-size: 13px;
	letter-spacing: 3px;
	text-transform: uppercase;
	color: var(--dji);
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 7px;
	transition: gap .25s;
}

.sec-lnk:hover {
	gap: 13px;
}

/* filter tabs */
.tabs {
	display: flex;
	gap: 4px;
	flex-wrap: wrap;
	margin-bottom: 32px;
}

.tab {
	padding: 8px 18px;
	background: transparent;
	border: 1px solid var(--line);
	color: var(--muted);
	font-family: inherit;
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	transition: all .22s;
}

.tab.on {
	background: var(--white);
	color: var(--bg);
	border-color: var(--white);
}

.tab:hover:not(.on) {
	border-color: rgba(255, 255, 255, .2);
	color: var(--white);
}

/* ═══════════════════════════════════════════
   PRODUCT CARD
═══════════════════════════════════════════ */
.g4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	background: var(--line);
	gap: 1px;
}

.g5 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	background: var(--line);
	gap: 1px;
}

.g3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	background: var(--line);
	gap: 1px;
}

.pc {
	background: #0f0f1c;
	padding: 15px;
	position: relative;
	overflow: hidden;
	transition: transform .32s cubic-bezier(.25, .46, .45, .94), box-shadow .32s;
	display: flex;
	flex-direction: column;
}

.pc:hover {
	transform: translateY(-3px);
	z-index: 2;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.pc::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	transform: scaleX(0);
	transition: transform .32s;
	transform-origin: left;
}

.ps::before {
	background: var(--sony);
}

.pd::before {
	background: var(--dji);
}

.pc:hover::before {
	transform: scaleX(1);
}

.pc-brand {
	font-size: 11px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.ps .pc-brand {
	color: var(--muted);
}

.pd .pc-brand {
	color: var(--dji);
}

/* image area */
.pc-img {
	background: rgba(255, 255, 255, .025);
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	margin-bottom: 16px;
	flex-shrink: 0;
}

.pc-img img {
	object-fit: contain;
	transition: transform .32s;
}

.pc:hover .pc-img img {
	transform: scale(1.08) translateY(-3px);
}

/* placeholder when no img */
.pc-img .ph {
	font-size: 60px;
	line-height: 1;
	transition: transform .32s;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.pc:hover .pc-img .ph {
	transform: scale(1.1) translateY(-4px);
}

.bdg {
	position: absolute;
	top: 8px;
	right: 8px;
	font-size: 8px;
	letter-spacing: 2px;
	padding: 3px 8px;
	text-transform: uppercase;
	font-weight: 700;
	z-index: 1;
}

.nb {
	background: var(--sony);
	color: #fff;
}

.sb {
	background: var(--gold);
	color: #000;
}

.hb {
	background: var(--dji);
	color: #000;
}

.bb2 {
	background: #6d28d9;
	color: #fff;
}

.pc-name {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 1.3;
	color: #fff;
}
.pc-name  a{
	color: #fff;
}
.pc-name a:hover{
	color: #fff;
}

.pc-spec {
	font-size: 13px;
	color: var(--muted);
	margin-bottom: 14px;
	line-height: 1.65;
	flex: 1;
}

.pc-foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
}

.pc-price {}

.pc-price .old {
	font-size: 13px;
	color: var(--muted);
	text-decoration: line-through;
	display: block;
}

.pc-price .cur {
	font-size: 16px;
}

.pc-btn {
	width: 34px;
	height: 34px;
	border: 1px solid var(--line);
	background: transparent;
	color: var(--white);
	font-size: 18px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transition: background .22s, border-color .22s;
	flex-shrink: 0;
}

.ps .pc-btn:hover {
	background: var(--sony);
	border-color: var(--sony);
}

.pd .pc-btn:hover {
	background: var(--dji);
	border-color: var(--dji);
	color: var(--bg);
}

/* ═══════════════════════════════════════════
   FEATURE BANNER
═══════════════════════════════════════════ */
.fbanner {
	background: var(--deep);
	border-top: 1px solid var(--line);
	border-bottom: 1px solid var(--line);
	overflow: hidden;
}

.fbin {
	max-width: var(--W);
	margin: 0 auto;
	padding: 72px 44px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 64px;
	align-items: center;
	position: relative;
}

.fbin::before {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(ellipse 35% 80% at 0 50%, rgba(232, 35, 61, .07), transparent),
		radial-gradient(ellipse 35% 80% at 100% 50%, rgba(0, 212, 255, .05), transparent);
}

.f-ey {
	font-size: 13px;
	letter-spacing: 4px;
	color: var(--gold);
	text-transform: uppercase;
	margin-bottom: 16px;
}

.f-ttl {
	font-size: 54px;
	font-weight: 800;
	margin-bottom: 16px;
	color: #fff;
}

.f-ttl em {
	font-style: normal;
	color: var(--sony);
}

.f-desc {
	font-size: 15px;
	color: var(--muted);
	line-height: 1.85;
	margin-bottom: 30px;
	max-width: 430px;
}

.f-specs {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	margin-bottom: 32px;
}

.f-val {
	font-size: 30px;
	font-weight: 800;
	line-height: 1;
	color: #fff;
}

.f-key {
	font-size: 13px;
	color: var(--muted);
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-top: 2px;
}

.f-img {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 20px;
	padding-bottom: 0;
}

.f-img img {
	max-width: 100%;
	object-fit: contain;
	filter: drop-shadow(0 0 40px rgba(232, 35, 61, .2));
	animation: lev 5s ease-in-out infinite;
	border-radius: 8px;
}

.f-img.dji img {
	filter: drop-shadow(0 0 40px rgba(0, 212, 255, .2));
}

@keyframes lev {

	0%,
	100% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-12px)
	}
}

/* ═══════════════════════════════════════════
   PROMO ROW
═══════════════════════════════════════════ */
.promo-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	background: var(--line);
	gap: 1px;
}

.prom {
	padding: 40px 36px;
	position: relative;
	overflow: hidden;
	transition: transform .28s;
}

.prom:hover {
	transform: scale(1.015);
	z-index: 2;
}

.prom::before {
	content: '';
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity .4s;
}

.prom-r {
	background: linear-gradient(140deg, #0f0205, #140407);
}

.prom-b {
	background: linear-gradient(140deg, #030b10, #050e14);
}

.prom-k {
	background: linear-gradient(140deg, #090910, #0c0c17);
}

.prom-r::before {
	background: radial-gradient(ellipse at 80% 20%, rgba(232, 35, 61, .12), transparent 55%);
}

.prom-b::before {
	background: radial-gradient(ellipse at 80% 20%, rgba(0, 212, 255, .1), transparent 55%);
}

.prom-k::before {
	background: radial-gradient(ellipse at 80% 20%, rgba(200, 169, 110, .07), transparent 55%);
}

.prom:hover::before {
	opacity: 1;
}

.prom-icon {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 80px;
	opacity: .07;
	pointer-events: none;
}

.prom-num {
	font-size: 58px;
	font-weight: 800;
	line-height: 1;
	margin-bottom: 8px;
}

.prom-r .prom-num {
	color: var(--sony);
}

.prom-b .prom-num {
	color: var(--dji);
}

.prom-k .prom-num {
	color: var(--gold);
}

.prom-lbl {
	font-size: 14px;
	color: var(--muted);
	margin-bottom: 18px;
	line-height: 1.65;
}

.prom-link {
	font-size: 13px;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	transition: gap .25s;
}

.prom-r .prom-link {
	color: var(--sony);
}

.prom-b .prom-link {
	color: var(--dji);
}

.prom-k .prom-link {
	color: var(--gold);
}

.prom-link:hover {
	gap: 13px;
}

/* ═══════════════════════════════════════════
   SCROLL CARDS (horizontal)
═══════════════════════════════════════════ */
.scrl-wrap {
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	padding: 4px 44px 24px;
}

.scrl-wrap::-webkit-scrollbar {
	display: none;
}

.scrl-track {
	display: flex;
	gap: 16px;
	width: max-content;
}

.scrl-card {
	flex: 0 0 240px;
	scroll-snap-align: start;
	background: var(--card);
	border: 1px solid var(--line);
	padding: 15px;
	transition: transform .28s, border-color .28s;
}

.scrl-card:hover {
	transform: translateY(-4px);
}

.scrl-card.ss:hover {
	border-color: rgba(232, 35, 61, .3);
}

.scrl-card.sd:hover {
	border-color: rgba(0, 212, 255, .3);
}

.scrl-lbl {
	font-size: 9px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.scrl-card.ss .scrl-lbl {
	color: #eeeef480;
}

.scrl-card.sd .scrl-lbl {
	color: var(--dji);
}

.scrl-img {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 12px 0;
}

.scrl-img img {
	max-width: 100%;
	object-fit: contain;
	border-radius: 8px;
}

.scrl-img .ph {
	font-size: 52px;
}

.scrl-name {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 4px;
	line-height: 1.3;
	color: #fff;
}

.scrl-spec {
	font-size: 14px;
	color: var(--muted);
	margin-bottom: 10px;
	line-height: 1.6;
}

.scrl-price {
	font-size: 15px;
	color: #fff;
}

/* ═══════════════════════════════════════════
   COMPARE
═══════════════════════════════════════════ */
.cmp {
	display: grid;
	grid-template-columns: 190px 1fr 1fr;
	border: 1px solid var(--line);
}

.cmp-hd {
	background: var(--card2);
	padding: 18px 22px;
	border-bottom: 1px solid var(--line);
}

.cmp-ttl {
	font-size: 20px;
	font-weight: 800;
}

.cmp-ttl.cs {
	color: var(--sony);
}

.cmp-ttl.cd {
	color: var(--dji);
}

.cmp-lbl {
	padding: 15px 22px;
	border-bottom: 1px solid var(--line);
	font-size: 14px;
	color: var(--muted);
	display: flex;
	align-items: center;
}

.cmp-val {
	padding: 15px 22px;
	border-bottom: 1px solid var(--line);
	border-left: 1px solid var(--line);
	font-size: 14px;
	font-weight: 600;
	display: flex;
	align-items: center;
}

.cmp-val.hi {
	color: var(--dji);
}

/* ═══════════════════════════════════════════
   TESTIMONIALS
═══════════════════════════════════════════ */
.tgrid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
}

.tcard {
	background: var(--card);
	border: 1px solid var(--line);
	padding: 28px;
	position: relative;
	border-radius: 8px;
}

.tcard::before {
	content: '"';
	position: absolute;
	top: 12px;
	right: 18px;
	font-size: 60px;
	color: #fff;
	font-family: serif;
	line-height: 1;
}

.t-stars {
	color: var(--gold);
	font-size: 13px;
	margin-bottom: 11px;
}

.t-txt {
	font-size: 15px;
	color: var(--muted);
	line-height: 1.8;
	margin-bottom: 18px;
}

.t-auth {
	display: flex;
	align-items: center;
	gap: 11px;
}

.t-av {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--card2);
	border: 1px solid var(--line);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
}

.t-name {
	font-size: 13px;
	font-weight: 700;
	color: #fff;
}

.t-role {
	font-size: 13px;
	color: var(--muted);
}

/* ═══════════════════════════════════════════
   NEWSLETTER
═══════════════════════════════════════════ */
.nl {
	padding: 80px 0;
	background: var(--deep);
	border-top: 1px solid var(--line);
}

.nl-inner {
	max-width: 580px;
	margin: 0 auto;
	text-align: center;
	padding: 0 44px;
}

.nl-ey {
	font-size: 13px;
	letter-spacing: 4px;
	color: var(--dji);
	text-transform: uppercase;
	margin-bottom: 12px;
}

.nl-ttl {
	font-size: 44px;
	font-weight: 800;
	margin-bottom: 11px;
	color: #fff;
}

.nl-sub {
	font-size: 15px;
	color: var(--muted);
	margin-bottom: 30px;
}

.nl-row {
	display: flex;
}

.nl-inp {
	flex: 1;
	padding: 14px 18px;
	background: rgba(255, 255, 255, .03);
	border: 1px solid var(--line);
	border-right: none;
	color: var(--white);
	font-family: inherit;
	font-size: 15px;
	outline: none;
	transition: border-color .25s;
}
.rv .nl-row input {
    margin: 0;
    flex: 1;
    padding: 14px 18px;
    background: rgba(255, 255, 255, .03);
    border: 1px solid var(--line);
    border-right: none;
    color: var(--white);
    font-family: inherit;
    font-size: 15px;
    outline: none;
    transition: border-color .25s;
	height: 48px;
}
.nl-inp:focus {
	border-color: var(--dji);
}

.nl-inp::placeholder {
	color: var(--muted);
}
.rv .nl-btn {
	background: var(--dji);
	color: var(--bg);
	border: none;
	font-family: inherit;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	white-space: nowrap;
	transition: opacity .25s;
	margin: 0;
}

.nl-btn:hover {
	opacity: .85;
}

/* ═══════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════ */
footer {
	border-top: 1px solid var(--line);
}

.ft-top {
	max-width: var(--W);
	margin: 0 auto;
	padding: 60px 44px 48px;
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	gap: 56px;
}

.ft-logo {
	font-size: 22px;
	font-weight: 800;
	letter-spacing: 5px;
	background: linear-gradient(90deg, var(--sony), var(--dji));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	display: block;
	margin-bottom: 16px;
}

.ft-about {
	font-size: 15px;
	color: var(--muted);
	line-height: 1.85;
}

.ft-col h4 {
	font-size: 13px;
	letter-spacing: 3px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 18px;
}

.ft-col ul {
	list-style: none;
}

.ft-col li {
	margin-bottom: 9px;
}

.ft-col a {
	font-size: 15px;
	color: var(--muted);
	text-decoration: none;
	transition: color .22s;
}

.ft-col a:hover {
	color: var(--white);
}

.ft-bot {
	max-width: var(--W);
	margin: 0 auto;
	padding: 20px 44px;
	border-top: 1px solid var(--line);
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 11px;
	color: var(--muted);
}

.pay-row {
	display: flex;
	gap: 6px;
}

.pay-tag {
	padding: 4px 9px;
	background: var(--card2);
	border: 1px solid var(--line);
	border-radius: 3px;
	font-size: 13px;
	color: var(--muted);
}

/* ═══════════════════════════════════════════
   SCROLL REVEAL
═══════════════════════════════════════════ */
.rv {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity .6s cubic-bezier(.25, .46, .45, .94), transform .6s cubic-bezier(.25, .46, .45, .94);
}

.rv.on {
	opacity: 1;
	transform: none;
}

/**/
.ft-logo img {
	width: 140px;
}

.t-av img {
	width: 36px;
	height: 36px;
	object-fit: cover;
}

.t-av {
	overflow: hidden;
}
/**/
.hname a {
    color: #fff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	line-height: 35px;
	font-weight: 100;
}
.hfoot .stars {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #ffbe00;
}
[data-icon-label]:before {
    background-color: var(--fs-color-secondary);
    border-radius: 99px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .3);
    color: #fff;
    content: attr(data-icon-label);
    font-family: Arial, Sans-serif !important;
    font-size: 11px;
    font-style: normal;
    font-weight: bolder;
    height: 17px;
    letter-spacing: -.5px;
    line-height: 17px;
    min-width: 17px;
    opacity: .9;
    padding-left: 2px;
    padding-right: 2px;
    position: absolute;
    right: -20px;
    text-align: center;
    top: -5px;
    transition: transform .2s;
    z-index: 1;
}
.add_to_cart_button.added {
    display: block !important;
}
.hname a:hover {
    color: #fff;
}
.nav-dropdown-has-shadow .nav-dropdown li a {
    color: #000;
}
.row_hero_dks .col {
    padding-bottom: 0 !important;
}
.sec_sp_feature {
    margin-top: 80px;
}
.sec_sp_sony {
    margin-top: 80px;
    margin-bottom: 80px;
}
.pc-spec.des{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    padding: 0;
}
.pc-name a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 0;
}
.sec_sp_gimbal {
    margin-top: 80px;
}
.scrl-card.ss .scrl-lbl {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    padding: 0;
}
.scrl-name{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 0;
}
.sec_sp_kpt {
    margin-top: 80px;
    margin-bottom: 80px;
}
.add_to_cart_button.added {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.gia_sps bdi {
    font-size: 25px;
    color: #dd3333;
}
.ps .pc-brand {
    color: var(--muted);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    padding: 0;
}
/**/
/* .body_prod:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #80808012 1px, transparent 1px), linear-gradient(to bottom, #80808012 1px, transparent 1px);
    background-color: #020617;
    background-size: 24px 24px;
} */
/* .sp_ctbst .product-small.box .pc {
    background-color: #fff;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}
.sp_ctbst .product-small.box .pc .pc-brand {
    color: #000;
}
.sp_ctbst .product-small.box .pc .pc-name a {
    color: #000;
}
.sp_ctbst .product-small.box .pc .pc-spec.des {
    color: #000;
}
.sp_ctbst .product-small.box .pc .pc-btn {
    border: 1px solid #000;
    color: #000;
} */
.sp_ctbst .pc-img {
    border-bottom: 1px solid #ddd;
}
.sec_footers:after, .absolute-footer:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #80808012 1px, transparent 1px), linear-gradient(to bottom, #80808012 1px, transparent 1px);
    background-color: #020617;
    background-size: 24px 24px;
}
.absolute-footer .footer-secondary, .absolute-footer .footer-secondary , .epull-left{
    position: relative;
    z-index: 999;
}
.absolute-footer .pull-left {
    position: relative;
    z-index: 999;
}
#main:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #80808012 1px, transparent 1px), linear-gradient(to bottom, #80808012 1px, transparent 1px);
    background-size: 24px 24px;
}
.page-wrapper {
    z-index: 999;
    position: relative;
}
/* .home .hero_section:after{
	display: none;
} */
.mhsads {
    text-align: center;
    color: #fff;
}
.mhsads p a {
    color: #fff;
}
.mhsads p {
    margin-bottom: 0;
    font-size: 14px;
}
.row_mnsa h1 {
    text-align: center;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0;
}
.sd_tops .nav-dark .nav>li>a{
	color: #fff !important;
}
.image-tools.bottom.left {
  display: none !important;
}
.col_prisman h1 {
    color: #ffff;
}
.col_prisman h1 {
  color: #ffff;
  margin-bottom: 0;
}
.col_imgs h1 {
  color: #fff;
}
.row_infopdct .col {
  padding-bottom: 0 !important;
}
.left_quan {
    display: flex;
    align-items: center;
    gap: 10px;
}
.num-val i {
    font-size: 24px;
    color: yellow;
}
.entry-content ol li {
    color: #fff;
}
.variant-sku a {
    color: #fff;
}
.home_sp .col:nth-child(n+4) {
    padding-bottom: 0;
}