/* Top Columns */
#prebuilt-desktops-top-area {padding-top: 30px; margin-bottom: 40px;}
#prebuilt-desktops-top-columns {display: flex; gap: 60px;}
#prebuilt-desktops-top-columns .pdtc-column1 {flex-basis: 45%; display: flex; flex-direction: column; gap: 10px;}
#prebuilt-desktops-top-columns .pdtc-column2 {flex-basis: 55%; flex-grow: 1; flex-shrink: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 20px;}
#prebuilt-desktops-top-columns .pdtc-column2 .pdtc-column-section {display: flex; flex-direction: column; gap: 20px;}
@media (min-width: 1200px) {
	#prebuilt-desktops-top-columns {flex-direction: row;}
}
@media (max-width: 1199px) {
	#prebuilt-desktops-top-columns {flex-direction: column-reverse;}
	.pcint-prebuilt-product-images {max-width: 700px; display: block; margin: 0 auto;}
}

/* general fonts */
#single-prebuilt-desktops {
    font-family: "Inter", Arial, Helvetica, sans-serif;
}
#single-prebuilt-desktops .pcint-tab-content-body h3 {
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-weight: 700;
}
#single-prebuilt-desktops .pcint-tab-content-body p {
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.65;
    font-weight: 500;
}


/* Product image disclaimer */
.pcint-image-disclaimer {
	padding: 0;
	margin: 8px 0 0 0;
	font-size: 12px;
	line-height: 1.4;
	color: #5b5b5b;
	text-align: center;
}

/* Bottom Columns */
#prebuilt-desktops-bottom-columns {;}
#prebuilt-desktops-bottom-columns .pdbc-column1 {flex-basis: 70%;}
#prebuilt-desktops-bottom-columns .pdbc-column2 {flex-basis: 30%; flex-grow: 1; flex-shrink: 1;}
@media (min-width: 1000px) {
	#prebuilt-desktops-bottom-columns {display: flex; gap: 30px;}
}


/* Summary Rows */
.pd-summary-row p {padding: 0; margin: 0;}
.pd-summary-row1 {padding-top: 20px;}
.pd-summary-row2 {display: flex; gap: 30px; justify-content: space-between;}
.pd-summary-row3 {gap: 30px; display: flex;}
.pd-summary-row3 .pd-summary-cell {display: flex; flex-direction: column; justify-content: center;}
.pd-summary-row5 .pd-cart-form-row {display: flex; gap: 30px;}
.pd-summary-row5 .pd-cart-form-row .pd-cart-form-cell {display: flex; flex-direction: column; justify-content: center;}
.pd-summary-row5 .pd-cart-form-row .pd-cart-form-cell-3 {flex: 1 1 100%;}
.pd-summary-row6 {display: grid; gap: 20px;}
@media (min-width: 1000px) {
	.pd-summary-row3 {justify-content: space-between;}
}
@media (max-width: 999.99px) {
	.pd-summary-row3 {flex-direction: column;}
}
@media (min-width: 600px) {
	.pd-summary-row6 {grid-template-columns: 1fr 1fr;}
}
@media (max-width: 599.99px) {
	.pd-summary-row5 .pd-cart-form-row {flex-direction: column;}
	.pd-summary-row5 .pd-cart-form-row {flex-direction: column;}
	.pd-summary-row6 {grid-template-columns: 1fr;}
	.pd-summary-row2 {flex-direction: column; gap: 10px;}
}


/*---------- Summary Content Styling ----------*/
/* Intro Label */
.pd-product-intro {color: #2ca40b; text-transform: uppercase; font-weight: 700; font-size:12px;}
/* Title */
.pd-product-title h1 {font-size: 2em; font-weight: 700; color: var(--wp--preset--color--pc-navy);}
/* SKU */
.pd-product-sku {color: #696262;}
.pd-product-sku span {font-weight: 600;}
/* Short Description */
.pd-product-short-desc {color: var(--wp--preset--color--pc-navy);}
/* Stock Status */
.pd-product-stock .pd-product-in-stock {color: #2ca40b; font-weight: bold;}
.pd-product-stock .pd-product-in-stock i {color: var(--wp--preset--color--pc-green); font-weight: bold;}
/* Payment Options Link */
.pd-product-payment-options a {text-decoration: underline; color: #0335b9; font-weight: bold; font-size: 0.95em;}
/* Payflex Box */
.pd-product-payflex {display: flex; gap: 15px; background: #eff3fb; border: 1px solid #e8edf7; border-radius: 10px; padding: 7px 12px; max-width: 280px}
.pd-product-payflex > * {display: flex; flex-direction: column; justify-content: center;}
.pd-product-payflex-calctext {font-weight: bold; color: var(--wp--preset--color--pc-navy);}
.pd-product-payflex-logo img {width: 80px; height: auto;}
/* Price */
.pd-product-price > .woocommerce-Price-amount > bdi {font-size: 2em; font-weight: 900; color: #000000; /* Regular Price */}
.pd-product-price > ins .woocommerce-Price-amount > bdi {/* Sales Price */}
.pd-product-price > del > .woocommerce-Price-amount > bdi {/* Original Price */}
/* Quantity */
.pd-cart-form-qty-label {font-weight: bold; color: var(--wp--preset--color--pc-navy);}
.pd-add-to-cart-button {height: 46px; line-height: 46px; width: 100%; border-radius: 10px;}
/* Extra Buttons */
.pd-extra-button button {all: unset; cursor: pointer; width: 100%; padding: 0 20px; height: 40px; line-height: 40px; font-weight:600; background: #ffffff; border: 1px solid #e2e9f3; border-radius: 10px; text-align: center;
color: var(--wp--preset--color--pc-navy); box-sizing: border-box;}
.pd-extra-button-compare button::before {font-family: "Font Awesome 6 Free"; font-weight: 600; content:'\f0ec'; margin-right: 10px;}
.pd-extra-button-wishlist button::before {font-family: "Font Awesome 6 Free"; font-weight: 500; content:'\f004'; margin-right: 10px;}


/*---------- At A Glance Boxes ----------*/
.at-a-glance {border: 1px solid #e2e9f3; border-radius: 10px 10px 0 0;}

/* Heading */
.at-a-glance-head {display: flex; padding: 20px 15px; justify-content: space-between; gap: 15px; background: #f6faff; border-radius: 10px 10px 0 0;}
.at-a-glance-head .at-a-glance-head-title h2 {color: var(--wp--preset--color--pc-navy); font-size: 1em; font-weight: 900; padding: 0; margin: 0;}
.at-a-glance-head .at-a-glance-head-link a {text-decoration: none; color: #0335b9; font-weight:500; font-size: 0.95em;}
/* Grid */
ul.at-a-glance-grid {display: grid; padding: 0; margin: 0; gap: 2px; background: #f4f6f9; border-top: 2px solid #f4f6f9;}
ul.at-a-glance-grid li.at-a-glance-box {padding: 0; margin: 0; list-style-type: none; background: #f6faff;}
ul.at-a-glance-grid li.at-a-glance-box .glance-box-content {display: flex; padding: 15px; gap: 15px;}
ul.at-a-glance-grid li.at-a-glance-box .glance-box-content-icon-wrap {display: flex; flex-direction: column; justify-content: center; text-align: center; background: #ffffff; border-radius: 100%; padding: 5px; width: 100%; aspect-ratio: 1 / 1;}
ul.at-a-glance-grid li.at-a-glance-box .glance-box-content-icon {display: flex; flex-direction: column; justify-content: center; text-align: center;}
ul.at-a-glance-grid li.at-a-glance-box .glance-box-content-icon i {font-size: 24px; color: var(--wp--preset--color--pc-navy);}
ul.at-a-glance-grid li.at-a-glance-box .glance-box-content-text {color: var(--wp--preset--color--pc-navy);}
ul.at-a-glance-grid li.at-a-glance-box .glance-box-content-text h3 {font-size: 0.8em; font-weight: 700; padding: 0; margin: 0 0 5px 0;}
ul.at-a-glance-grid li.at-a-glance-box .glance-box-content-text p {padding: 0; margin: 0;}
@media (min-width: 700px) {
	ul.at-a-glance-grid {grid-template-columns: 1fr 1fr 1fr;}
}
@media (max-width: 500x) and (max-width: 699.99px) {
	ul.at-a-glance-grid {grid-template-columns: 1fr 1fr;}
}
@media (max-width: 499.99px) {
	ul.at-a-glance-grid {grid-template-columns: 1fr;}
}

/*---------- Product Side Boxes ----------*/
.product-side-boxes {display: flex; justify-content: right;}
ul.product-side-boxes-grid {display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 0; margin: 0; gap: 2px; border: 1px solid #e2e9f3; border-radius: 10px;}
ul.product-side-boxes-grid li.product-side-box {padding: 0; margin: 0; list-style-type: none;}
ul.product-side-boxes-grid li.product-side-box:nth-child(2) {border-left: 1px solid #e2e9f3; border-right: 1px solid #e2e9f3;}
ul.product-side-boxes-grid li.product-side-box .side-box-content {display: flex; padding: 7px 10px; gap: 10px; height: 100%;}
ul.product-side-boxes-grid li.product-side-box .side-box-content-icon {display: flex; flex-direction: column; justify-content: center;}
ul.product-side-boxes-grid li.product-side-box .side-box-content-icon i {font-size: 16px; color: var(--wp--preset--color--pc-navy);}
ul.product-side-boxes-grid li.product-side-box .side-box-content-text {color: var(--wp--preset--color--pc-navy); display: flex; flex-direction: column; justify-content: center;}
ul.product-side-boxes-grid li.product-side-box .side-box-content-text h3 {font-size: 0.9em; font-weight: bold; padding: 0; margin: 0 0 2px 0; line-height: 1.2em;}
ul.product-side-boxes-grid li.product-side-box .side-box-content-text p {padding: 0; margin: 0; font-size: 0.9em;}
@media (min-width: 1200px) {
	.product-side-boxes.pcint-has-gallery ul.product-side-boxes-grid  {max-width: 488px; width: 100%;}
}
@media (max-width: 1199px) {
	ul.product-side-boxes-grid {flex-basis: 100%;}

}



/*---------- TABS & bottom area ----------*/
#prebuilt-desktops-bottom-area {
	background: #ffffff;
	border: 1px solid #e2e9f3;
	color: var(--wp--preset--color--pc-navy);
	border-radius:10px;
	padding: 20px;
}

/* Tab Functionality */
.pcint-tab-content {
	display: none;
}
.pcint-tab-buttons {
	display: flex;
}
.pcint-tab-button {
	cursor: pointer;
}

.pcint-tab-content.pcint-active {
	display: block;
}


@media (max-width: 399.99px) {
	.pcint-tab-buttons {flex-direction: column; gap: 10px;}
}

/* Tab Styling */
#prebuilt-desktops-product-tabs .pcint-tab-buttons {
	border-bottom: 1px solid #e2e9f3;
	padding: 0;
}
#prebuilt-desktops-product-tabs .pcint-tab-button {
	padding: 12px 25px;
	border: 0;
	background: #ffffff;
	color: var(--wp--preset--color--pc-navy);
	font-weight: bold;
	text-align:left;
}
@media (min-width: 400px) and (max-width: 600px) {
	#prebuilt-desktops-product-tabs .pcint-tab-button {
		padding: 12px 10px;
		font-size: 0.9em;
	}
}
#prebuilt-desktops-product-tabs .pcint-tab-button.pcint-active {
	border-bottom: 3px solid #0335b9;
	font-weight: 900;
	color: #0335b9;
}
#prebuilt-desktops-product-tabs .pcint-tab-button.pcint-active:hover {
	border-bottom: 3px solid #0335b9;
}
#prebuilt-desktops-product-tabs .pcint-tab-button:hover {
	border-bottom: 3px solid #070f5b;
}
#prebuilt-desktops-product-tabs .pcint-tab-content {
	padding: 30px 0 10px 0;
}
#prebuilt-desktops-product-tabs .pcint-tab-heading h2 {
	padding: 0;
	margin: 0 0 25px 0;
}

/* Tab Content: Specifications */
.pcint-specs-component {margin-bottom: 40px;}
.pcint-specs-component h3 {font-weight: bold; text-transform: uppercase; font-size: 1em; margin: 0 0 10px 0;}

/* Shared key/value table styling for Specifications and Delivery & Returns */
.pcint-specs-table,
.pcint-info-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	color: #000000;
	border: 1px solid #e2e9f3;
}
.pcint-specs-table th,
.pcint-specs-table td,
.pcint-info-table th,
.pcint-info-table td {
	padding: 10px 14px;
	border-bottom: 1px solid #e2e9f3;
	vertical-align: top;
	text-align: left;
	word-break: normal;
	overflow-wrap: anywhere;
}
.pcint-specs-table tr:last-child th,
.pcint-specs-table tr:last-child td,
.pcint-info-table tr:last-child th,
.pcint-info-table tr:last-child td {
	border-bottom: 0;
}
.pcint-specs-table th,
.pcint-info-table th {
	width: 220px;
	background: #f6faff;
	color: var(--wp--preset--color--pc-navy);
	font-weight: 700;
}
.pcint-specs-table td,
.pcint-info-table td {
	background: #ffffff;
}
@media (max-width: 600px) {
	.pcint-specs-table th,
	.pcint-info-table th {
		width: 42%;
	}
	.pcint-specs-table th,
	.pcint-specs-table td,
	.pcint-info-table th,
	.pcint-info-table td {
		padding: 9px 10px;
	}
}

/* Descriptions */
.pcint-prebuilt-description {padding-bottom: 30px;}
.pcint-prebuilt-description p {padding: 0; margin:0;}
.pcint-component-description {padding-bottom: 30px;}
.pcint-component-description h3 {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 6px;
	font-size: 1em;
	padding: 0;
	margin: 0 0 5px 0;
}
.pcint-component-sku {
	font-size: 12px;
	font-weight: 400;
	color: #5b5b5b;
	text-transform: none;
}
.pcint-component-sku strong {font-weight: 700;}
.pcint-component-description p {padding: 0; margin:0; color:#000;}



/*---------- Custom Quantity Box ----------*/
.pcint-quantity {
	display: inline-flex;
	align-items: stretch;
	height: 46px;
	border: 1px solid #d9dfe5;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
	max-width: 134px;
}

.pcint-quantity button {
	width: 44px;
	padding: 0;
	border: 0;
	background: #fff;
	color: var(--wp--preset--color--pc-navy);
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
	font-weight: 500;
}

.pcint-quantity button:hover {
	background: #f5f5f5;
}

.pcint-quantity-minus {
	border-right: 1px solid #d9dfe5 !important;
}

.pcint-quantity-plus {
	border-left: 1px solid #d9dfe5 !important;
}

.pcint-quantity-input {
	width: 44px !important;
	height: 100% !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #fff !important;
	color: var(--wp--preset--color--pc-navy);
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	box-shadow: none !important;
	-moz-appearance: textfield;
}

/* Remove browser number arrows */
.pcint-quantity-input::-webkit-outer-spin-button,
.pcint-quantity-input::-webkit-inner-spin-button {
	margin: 0;
	-webkit-appearance: none;
}



/*---------- Mid Page Blocks ----------*/
.prebuilt-desktops-midpage-block {padding: 20px; background: #ffffff; margin-bottom: 30px; border: 1px solid #e2e9f3; border-radius: 10px;}
.prebuilt-desktops-midpage-block-head {display: flex; justify-content: space-between; gap: 30px; padding-bottom: 20px; color: var(--wp--preset--color--pc-navy);}
.prebuilt-desktops-midpage-block-head .midpage-block-head-left {display: flex; gap: 20px;}
.prebuilt-desktops-midpage-block-head .midpage-block-head-left .midpage-block-head-icon {display: flex; flex-direction: column; justify-content: center;}
.prebuilt-desktops-midpage-block-head .midpage-block-head-left .midpage-block-head-icon i { font-size: 32px;}
.prebuilt-desktops-midpage-block-head .midpage-block-head-left .midpage-block-head-content {display: flex; flex-direction: column; justify-content: center;}
.prebuilt-desktops-midpage-block-head .midpage-block-head-left .midpage-block-head-content p {padding: 0; margin: 0;}
.prebuilt-desktops-midpage-block-head .midpage-block-head-left .midpage-block-head-content h2 {padding: 0; margin: 0 0 3px 0;}
.prebuilt-desktops-midpage-block-body {}
.prebuilt-desktops-midpage-block-body .prebuilt-desktops-midpage-content {}

#prebuilt-desktops-build ul.pcint-prebuild-components {gap: 15px; padding: 0; margin: 0;}
#prebuilt-desktops-build ul.pcint-prebuild-components li.pcint-prebuild-component {color: var(--wp--preset--color--pc-navy); background: #ffffff; border: 1px solid #e2e9f3; border-radius: 10px; padding: 10px; margin: 0; list-style-type: none;}
#prebuilt-desktops-build ul.pcint-prebuild-components li.pcint-prebuild-component h3 {padding: 0; margin: 0 0 3px 0; font-size: 1em;}
#prebuilt-desktops-build ul.pcint-prebuild-components li.pcint-prebuild-component p {padding: 0; margin: 0; font-size: 0.9em;}
#prebuilt-desktops-build ul.pcint-prebuild-components li.pcint-prebuild-component .prebuild-component-img {display: flex; justify-content: center; margin-bottom: 20px;}
#prebuilt-desktops-build ul.pcint-prebuild-components li.pcint-prebuild-component .prebuild-component-img img {width: 80px; height: auto; max-width: 100%;}
@media (min-width: 1000px) {
	#prebuilt-desktops-build ul.pcint-prebuild-components {display: flex;}
	#prebuilt-desktops-build ul.pcint-prebuild-components li.pcint-prebuild-component {flex: 1;}
}
@media (min-width: 700px) and (max-width: 999.99px) {
	#prebuilt-desktops-build ul.pcint-prebuild-components {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;}
}
@media (min-width: 500px) and (max-width: 699.99px) {
	#prebuilt-desktops-build ul.pcint-prebuild-components {display: grid; grid-template-columns: 1fr 1fr 1fr;}
}
@media (max-width: 499.99px) {
	#prebuilt-desktops-build ul.pcint-prebuild-components {display: grid; grid-template-columns: 1fr 1fr;}
}


/* Bottom Sidebar */
#prebuilt-desktops-bottom-sidebar {background: #f6faff; border: 1px solid #e2e9f3; border-radius: 10px; padding: 40px 20px;}
#prebuilt-desktops-bottom-sidebar .pdbs-items {padding-bottom: 30px;}
#prebuilt-desktops-bottom-sidebar .pdbs-items .pdbs-item {display: flex; gap: 10px; color: var(--wp--preset--color--pc-navy); margin-bottom: 20px;}
#prebuilt-desktops-bottom-sidebar .pdbs-items .pdbs-item > * {display: flex; justify-content: center; flex-direction: column;}
#prebuilt-desktops-bottom-sidebar .pdbs-items .pdbs-item-icon {font-size; 18px; width: 20px; text-align: center;}
#prebuilt-desktops-bottom-sidebar .pdbs-items .pdbs-item-icon i {color: #0335b9;}
#prebuilt-desktops-bottom-sidebar .pdbs-items .pdbs-item-text p {padding: 0; margin: 0; font-weight: 500;}
#prebuilt-desktops-bottom-sidebar .view-gaming-pcs-wrap {text-align: left;}
#prebuilt-desktops-bottom-sidebar .view-gaming-pcs {display: inline-block; background:  var(--wp--preset--color--pc-navy); color: #ffffff; font-weight: bold; border-radius: 10px; padding: 10px 25px; text-decoration: none;}



/* Related */
#single-prebuilt-desktops .related.products {padding-top: 30px;}
#single-prebuilt-desktops .related.products > h2 {color: var(--wp--preset--color--pc-navy)}
.pcint-related-product {display: flex; background: #ffffff; border: 1px solid #e2e9f3; border-radius: 10px; background: #ffffff; padding: 20px; gap: 20px; color: var(--wp--preset--color--pc-navy)}
.pcint-related-product-img {flex-basis: 100px; flex-grow: 0; flex-shrink: 0; display: flex;  flex-direction: column; justify-content: center;}
.pcint-related-product-img img {width: 100%; height: auto;}
.pcint-related-product-content {display: flex;  flex-direction: column; justify-content: space-between; gap: 30px;}
.pcint-related-product-content-inner {display: flex;  flex-direction: column; justify-content: center; gap: 10px;}
.pcint-related-product-content h3 {font-size: 1em; font-weight: 500;}
.pcint-related-product-button {text-align: center;}
.pcint-related-product-button {background: var(--wp--preset--color--pc-green); font-weight: bold; color: #ffffff; padding: 5px 10px; display: block; text-decoration: none; text-align: center; text-transform:uppercase; border-radius: 10px;}
.pcint-related-product-price {font-weight: 700; font-size: 1.2em;}
@media (max-width: 650px) {
	.pcint-related-product {flex-direction: column; justify-content: space-between;}
}