/**
 * =========================================================
 * WOO SINGLE PRODUCT
 * =========================================================
 * Contains:
 *
 * - TOP AREA
 * --- Grid Layout
 * --- Product Summary
 * --- Button Area
 * --- Aside Elements
 * --- Aside Notes
 * --- Preview Notes
 *
 * - BOTTOM AREA
 * --- Bottom Columns
 * --- Product Tabs
 * --- At A Glance
 *
 * - POPUPS
 * --- Shipping Popup
 *
 * - OTHER
 * --- Shipping Popup
 *
 * =========================================================
 */
 
/* =========================================================
 * TOP AREA
 * ========================================================= 
@media (min-width: 1300px) {
}
@media (min-width: 768px) and (max-width: 1299.99px) {
}
@media (max-width: 767.99px) {
}
*/ 

/******************** Grid Layout ********************/

/* Top Area Layout */
#product-top {
	padding-top: 15px;
}
#product-top-grid {
	display: grid;
}
#product-top-grid .grid-block {
	flex-basis: 30%;
}
#product-top-grid .grid-block-a {
	grid-area: block-a;
}
#product-top-grid .grid-block-b {
	grid-area: block-b;
}
#product-top-grid .grid-block-c {
	grid-area: block-c;
} 
#product-top-grid .grid-block-d {
	grid-area: block-d;
}
#product-top-grid .grid-block-e {
	grid-area: block-e;
}
#product-top-grid .grid-block-f {
	grid-area: block-f;
}


@media (min-width: 1300px) {
    #product-top-grid {
		grid-template-areas: "block-a block-b block-c"  "block-d block-e block-e" "block-f block-e block-e";
		grid-template-columns: 2fr 1fr 1fr;
		gap: 0 40px;
    }
}
@media (min-width: 768px) and (max-width: 1299.99px) {
    #product-top-grid {
		grid-template-areas: "block-a block-b"  "block-d block-e" "block-f block-e" "block-c block-c";
		grid-template-columns: 1fr 1fr;
		gap: 0 20px;
    }
}
@media (max-width: 767.99px) {
	#product-top-grid {
		grid-template-columns: 1fr;
		gap: 0;
		grid-template-areas: "block-b" "block-a" "block-d" "block-f" "block-e" "block-c";
	}
	#product-top-grid .grid-block-a {
		padding-bottom: 40px;
	}
	#product-top-grid .grid-block-b {
		padding-bottom: 40px;
	}
	#product-top-grid .grid-block-c {
		padding-bottom: 40px;
	} 
	#product-top-grid .grid-block-d {
		padding-bottom: 0;
	}
	#product-top-grid .grid-block-e {
		padding-bottom: 40px;
	}
	#product-top-grid .grid-block-f {
		padding-bottom: 20px;
	}
}


/* Vertical Center */
#product-top-grid .grid-block-a {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/******************** Product Sumary ********************/

/**** General ****/
#product-summary {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 30px;
	max-width: 600px;
}
#product-summary .summary-section-general p {
	padding: 0;
	margin: 0;
}

/**** Purchase Info ****/
#product-summary .summary-section-purchase-info {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
#product-summary .summary-section-purchase-info p {
	padding: 0;
	margin: 0;
	color: #0b125d;
}

/* Payflex */
#product-summary .summary-section-purchase-info #payflexsingle-result a {
	text-decoration: none;
}
#product-summary .summary-section-purchase-info #payflexsingle-result .result-number {
	font-weight: bold;
}

/**** Pricing Info ****/
/* Price */
#product-summary .summary-section-pricing-info p {
	padding: 0;
	margin: 0;
}
#product-summary .summary-section-pricing-info .price .woocommerce-Price-amount {
	padding: 0;
	margin: 0 0 5px 0;
}
#product-summary .summary-section-pricing-info .price .woocommerce-price-suffix {
	font-weight: 400;
	font-size: 1em;
}
#product-summary .summary-section-pricing-info .price del .woocommerce-Price-amount {
	font-size: 1.2em;
	font-weight: 400;
}
#product-summary .summary-section-pricing-infoy .price ins .woocommerce-Price-amount {
	font-size: 1.6em;
	font-weight: 600;
}
#product-summary .summary-section-pricing-info .price ins {
	text-decoration: none;
}
#product-summary .summary-section-pricing-info .price .woocommerce-Price-amount {
    font-weight: 600;
    font-size: 1.6em;
    padding: 0;
    margin: 0 0 5px 0;
}




/******************** Button Area ********************/

#product-button-area .quantity {
	padding-top: 10px;
}
#product-button-area .quantity .input-text {
	height: 40px;
	line-height: 40px;
	width: 60px;
	text-align: center;
	display: block;
	clear: both;
	margin-bottom: 10px;
}
#product-button-area .single_add_to_cart_button,
#product-button-area .button-popup-quote,
#product-button-area .button-popup-discount {
	display: block;
	clear: both;
	width: 260px;
	margin-bottom: 5px;
	border-radius: 0px;
	text-transform: uppercase;
}
/* Custom Added to cart message */
#product-button-area .pc-product-cart-count::before {
  color: #76ba19;
  font-family: "fontello";
  font-style: normal;
  font-weight: 400;
  content: "\E848";
  margin-right: 5px;
}
#product-button-area .woosc-btn,
#product-button-area .woosw-btn {
  color: rgb(8, 15, 91);
  text-decoration: none;
  width: 240px;
  display: block;
  clear: both;
  font-size: 1.2em;
  padding: 5px 10px;
  background: transparent;
  border: 0px;
  text-align: left;
  cursor: pointer;
}
#product-button-area .woosc-btn::before,
#product-button-area .woosw-btn::before {
  content: "";
  margin-right: 5px;
  color: rgb(8, 15, 91);
  font-family: "fontello";
  font-style: normal;
  font-weight: 400;
}


/******************** Aside Elements ********************/
 
#aside-elements {
	display: flex;
	gap: 10px;
}
#aside-elements .element-single {
    display: flex;
    justify-content: flex-start;
	height: 100%;
}
#aside-elements .element-single a {
    text-decoration: none;
}
#aside-elements .element-single .element-single-icon {
    flex-basis: 85px;
    padding: 17px 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    background: #76ba19;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
	font-size: 24px;
	color: #ffffff;
}

#aside-elements .element-single .element-single-text {
    flex-basis: 100%;
	flex-grow: 1;
	flex-shrink: 1;
    padding: 17px 15px;
    background: #080f5b;
    display: flex;
    flex-direction: column;
    justify-content: center;
	font-size: 16px;
	color: #ffffff;
}

@media (min-width: 1300px) {
	#aside-elements {
		flex-direction: column;
	}
}
@media (min-width: 500px) and (max-width: 1299.99px) {
	#aside-elements {
		padding-top: 30px;
		flex-direction: row;
		flex-wrap: wrap;
	}
	#aside-elements .element-link {
		flex-basis: calc(50% - 5px);
		flex-grow: 1;
		flex-shrink: 1;
	}
}
@media (max-width: 499.99px) {
	#aside-elements {
		padding-top: 30px;
		flex-direction: column;
	}
}


/******************** Aside Promo ********************/

/* Promo Img */
#product-aside-promo .free-shipping-promo-img {
	display: block;
	max-width: 200px;
	margin: 0 auto;
}

/* Promo Text */
#product-aside-promo .free-shipping-promo-text {
	display: flex;
	flex-direction: column;
	gap: 5px;
	color: #950001;
}
#product-aside-promo .free-shipping-promo-text p {
	padding: 0;
	margin: 0;
	text-align: center;
}
#product-aside-promo .free-shipping-promo-text .promo-text-line1 {
	font-weight: bold;
}
#product-aside-promo .free-shipping-promo-text .promo-text-line2 {
	font-style: italic;
}


/******************** Preview Notes ********************/


#product-preview-notes {
	display: flex;
	flex-direction: column;
	gap: 5px;
	padding-top: 15px;
}
#product-preview-notes p {
	padding: 0;
	margin: 0;
}
#product-preview-notes .preview-note {
	text-align: center;
	color: #080f5b;
}
#product-preview-notes .preview-note span {
	font-weight: bold;
}
#product-preview-notes .preview-note.monitor-note {
    font-style: italic;
    color: #d21515;
}
/* Windows 11 Upgrade */
#product-preview-notes .windows11-promo {
	max-width: 200px;
	display: block;
	margin: 0 auto;
}
@media (min-width: 1300px) {
	#product-preview-notes {
		max-width: 50%;
	}
	#product-preview-notes .preview-note {
		text-align: center;
	}
}
@media (min-width: 768px) and (max-width: 1299.99px) {
	#product-preview-notes .preview-note {
		text-align: center;
	}
}
@media (max-width: 767.99px) {
	#product-preview-notes .preview-note {
		text-align: left;
	}
}



/* =========================================================
 * Bottom Area
 * ========================================================= */


/******************** Bottom Layout ********************/
#product-bottom {
	padding: 40px 0;
}
#product-bottom-columns {
	display: flex;
}
@media (min-width: 980px) {
	#product-bottom-columns {
		justify-content: space-between;
		flex-direction: row;
		gap: 40px;
	}
	#product-bottom-columns #product-single-content-main {
		flex-basis: 65%;
		flex-grow: 1;
		flex-shrink: 1;
	}
	#product-bottom-columns #product-single-content-aside {
		flex-basis: 35%;
		flex-grow: 1;
		flex-shrink: 1;
	}
}
@media (max-width: 979.99px) {
	#product-bottom-columns {
		flex-wrap: wrap;
		flex-direction: column;
		gap: 40px;
	}
}


/******************** Product Tabs ********************/
 
 
 /* Product Main Content Tabs */
#product-single-content-main .woocommerce-tabs .woocommerce-Tabs-panel--description h2 {
	font-size: 1.2em; text-transform: uppercase;
}
@media (min-width: 450px) {
	#product-single-content-main .wc-tabs {
		display: flex;
	}
}
#product-single-content-main .wc-tabs {
	padding: 0;
	margin: 0;
	background: #080f5b;
}
#product-single-content-main .wc-tabs li {
	list-style-type: none;
	width: 50%;
	text-align:left;
}
#product-single-content-main .wc-tabs li a {
	color: #ffffff;
	text-decoration: none;
	font-weight: 700;
	padding: 10px 20px;
	display: block;
	width: 100%;
}
#product-single-content-main .woocommerce-Tabs-panel p {
	line-height: 1.5;
	font-size: 1em;
	padding: 10px 0 0 0;
}



/******************** At A Glance ********************/
 
/* Technical Information - Attributes Table */
#product-single-content-aside #aside-standard-table .feat-block {
	border-bottom: 1px solid #ebebeb;
}
#product-single-content-aside #aside-standard-table .feat-head {
	padding-bottom: 4px;
	text-transform: uppercase;
	font-size: 1.2em;
	padding: 0;
	margin: 0;
}
#product-single-content-aside #aside-standard-table .feat-sku {
	color: #000000;
	padding-top: 4px;
	padding-bottom: 8px;
	text-transform: uppercase;
}
#product-single-content-aside #aside-standard-table .woocommerce-product-attributes {
	text-align:left;
	border-collapse: collapse;
	width: 100%;
}
#product-single-content-aside #aside-standard-table .woocommerce-product-attributes tr {
	border-bottom: 1px solid #ebebeb;
	padding-top: 4px;
	padding-bottom: 4px;
}
#product-single-content-aside #aside-standard-table .woocommerce-product-attributes th {
	text-transform: uppercase;
	width: 50%;
	}
#product-single-content-aside #aside-standard-table .woocommerce-product-attributes td {
	width: 50%;
	}
#product-single-content-aside #aside-standard-table .woocommerce-product-attributes a {
	text-decoration: none;
}




/* =========================================================
 * POPUPS
 * ========================================================= */ 

/******************** Shipping Popup ********************/

/* Basic */
#shipping-popup-inner {
    padding: 30px 20px 20px 20px;
}
#pci-popup-modal-shipping .shipping-popup-heading {
    text-align: center;
    text-transform: uppercase;
    padding: 0 20px 20px 20px;
}
#pci-popup-modal-shipping .shipping-popup-heading h2 {
    padding: 0;
    margin: 0;
}
/* All Sections */
#pci-popup-modal-shipping .shipping-popup-section .shipping-popup-column {
    /* vertical align >>> */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/*------ Standard Shipping ------*/
#pci-popup-modal-shipping .shipping-popup-ship-section p {
    padding: 0;
    margin: 0;
}
#pci-popup-modal-shipping .shipping-popup-ship-section i {
    color: #76ba19;
    font-size: 3em;
}
#pci-popup-modal-shipping .shipping-popup-ship-section h3 {
    color: #080f5b;
    font-size: 1.6em;
    padding: 20px 0 20px 0;
    margin: 0;
}
#pci-popup-modal-shipping .shipping-popup-ship-section .shipping-popup-column {
    padding: 40px 20px;
    text-align: center;
}
#pci-popup-modal-shipping .shipping-popup-ship-section .shipping-popup-column-deliver {
    background: #f0f0f0;
}
#pci-popup-modal-shipping .shipping-popup-ship-section .shipping-popup-column-collect {
    background: #f0f0f0;
}
/* Columns */
@media (min-width: 992px) {
    #pci-popup-modal-shipping .shipping-popup-ship-section {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }
    #pci-popup-modal-shipping .shipping-popup-ship-section .shipping-popup-column-deliver {
        flex-basis: 50%;
        margin-right: 5px;
    }
    #pci-popup-modal-shipping .shipping-popup-ship-section .shipping-popup-column-collect {
        flex-basis: 50%;
        margin-left: 5px;
    }
}
@media (max-width: 992px) {
    #pci-popup-modal-shipping .shipping-popup-ship-section .shipping-popup-column {
        margin-bottom: 10px;
    }
}

/*------ Geo Shipping ------*/
#pci-popup-modal-shipping .shipping-popup-geo-section {
    padding: 20px;
    background: #f0f0f0;
    margin-bottom: 10px;
}
#pci-popup-modal-shipping .shipping-popup-geo-section h3 {
    color: #080f5b;
    font-size: 1.4em;
    padding: 0 0 5px 0;
    margin: 0;
}
#pci-popup-modal-shipping .shipping-popup-geo-section ul {
    padding: 0;
    margin: 0;
}
#pci-popup-modal-shipping .shipping-popup-geo-section ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#pci-popup-modal-shipping .shipping-popup-geo-section ul li::before {
    color: #76ba19;
    content: "\e802";
    margin-right: 10px;
	font-family: "fontello";
	font-style: normal;
	font-weight: 400;
	speak: never;
}

/* Columns */
@media (min-width: 992px) {
    #pci-popup-modal-shipping .shipping-popup-geo-section {
        display: flex;
        justify-content: space-between;
    }
    #pci-popup-modal-shipping .shipping-popup-geo-section .shipping-popup-column-info {
        flex-basis: 70%;
    }
    #pci-popup-modal-shipping .shipping-popup-geo-section .shipping-popup-column-price {
        flex-basis: 25%;
        text-align: right;
    }
}
@media (min-width: 992px) {
    #pci-popup-modal-shipping .shipping-popup-geo-section .shipping-popup-column-price {
        padding-top: 10px;
    }
}


/*------ Other ------*/
/* Product Gallery */
#product-single-gallery {
	position: relative;
}

.related.products {padding-top: 30px;}
.related.products > h2 {padding: 0 0 40px 0; margin: 0; text-transform: uppercase;}