/** * Main CSS Stylesheet * * @package templateSystem * @copyright Copyright 2003-2006 Zen Cart Development Team * @copyright Portions Copyright 2003 osCommerce * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0 * @version $Id: stylesheet.css last modified Jan 2026 by June */body {margin: 0; font-family: open sans, verdana, arial, helvetica, sans-serif; font-size: 80%; /*	font-size: 16px; */	color: #000000; background: #E2CAE0 url(../images/bg.gif) repeat-x fixed;}.info {color:#006666; margin-left: 25px; margin-right: 25px; border:#006666 thin solid;}a {font-weight:bold;}#speech a, #bestsellersContent a, #shopcol3 a, .login a {font-weight:normal;} a img {border: none;}a:link, #navEZPagesTOC ul li a {color: #894E50; text-decoration: none;}a:visited {color: #894E50; text-decoration: none;}a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {color: #894E50;}a:active {color: #894E50;}h1, h2, h3, h4, h5, h6 {font-family: verdana, arial, helvetica, sans-serif;}h1 {font-size: 18px; color: #969766;}h2 {font-size: 16px;}.greeting {font-size: 1em;}h3 {font-size: 14px;}h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger {font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 1em;}.biggerText {font-size: 1em;}h1, h2, h3, h4, h5, h6 {margin: 0.3em 0; color: #969766;}h4.optionName {margin: 0;}ol, ul {line-height: 1.5em;}CODE {font-family: arial, verdana, helvetica, sans-serif;font-size: 11px;}FORM, SELECT, INPUT {display: inline; font-size: 12px; margin: 0.1em 0;}TEXTAREA {float: left; margin: auto; display: block; width: 95%;}input:focus, select:focus, textarea:focus {background: #E4FEF5;}FIELDSET {padding: 0.5em; margin: 0.5em 0em; border: 1px solid #cccccc;}LEGEND {font-weight: bold; padding: 0.3em; color:#894E50;}LABEL, h4.optionName {line-height: 1.5em; padding: 0.2em 0.2em 0.2em 0;}.payment label.radioButtonLabel {margin: 1em 0.5em; vertical-align: middle;}.payment input {margin-top: 0.2em; vertical-align: top;}.payment input#pmt-paypalwpp {margin-top: 1em;}LABEL.checkboxLabel, LABEL.radioButtonLabel {margin: 0.5em 0.3em;}#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {float: left;}LABEL.inputLabel {width: 9em;float: left;}LABEL.inputLabelPayment {width: 14em; float: left; padding-left: 2.5em;}LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {width: 11em; float: left;}#checkoutPayment LABEL.radioButtonLabel {font-weight: bold;}P, ADDRESS {padding: 0.5em 0;}ADDRESS {font-style: normal;}.clearBoth {clear: both;}HR {height: 1px; margin-top: 0.5em; border: none; border-bottom: 1px solid #9a9a9a;}/*warnings, errors, messages*/.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {line-height: 1.8em; padding: 0.5em; border: 1px solid #9a9a9a; border-radius: 8px; display: inline-block; position:relative; width:99%;}.messageStackWarning, .messageStackError {background-color: #8a4f51; color: #ffffff;}.messageStackSuccess {background-color: #e2cae0; color: #000000;}.messageStackCaution {background-color: #fff3cd; color: #000000;}.messageStackWarning img, .messageStackError img, .messageStackSuccess img, .messageStackCaution img {vertical-align: middle; margin-right: 10px;}.messageStackWarning:before, .messageStackError:before, .messageStackSuccess:before, .messageStackCaution:before {content: ''; display: inline-block; vertical-align: middle; height: 100%;}.messageStackWarning img, .messageStackError img, .messageStackSuccess img, .messageStackCaution img {float: left; margin: 2px 12px 2px 3px;}.messageStackWarning::after, .messageStackError::after, .messageStackSuccess::after, .messageStackCaution::after {content: "";display: table;clear: both;}/*wrappers - page or section containers*/#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {margin: 0em; padding: 0em;}#logoWrapper{background-image: url(../images/planetjune_logo.png); background-repeat: no-repeat; background-color: #C9CBB3; height:171px; border-bottom: 10px solid #C9CBB3;}#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {margin: auto;}#tagline {color:#000000; font-size: 24px; text-align : center; vertical-align: middle;}#sendSpendWrapper {box-sizing:border-box; border: 1px solid #cacaca; float: right; margin: 0em 0em 1em 1em; width: 38%; padding: 1em;}#sendSpendWrapper::after {content: ""; display: table; clear: both;}.floatingBox, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {margin: 0; width: 47%;}#accountLinksWrapper {margin: 0; width: 58%;}.wrapperAttribsOptions {margin: 0.3em 0em;}/*navigation*/.navSplitPagesResult {}.navSplitPagesLinks {padding-bottom: 1em;}.navNextPrevCounter {margin: 0em; font-size: 11px;}.navNextPrevList {display: inline; white-space: nowrap; margin: 0; padding: 0.5em 0em; list-style-type: none;}#navSuppWrapper {margin: 0em; padding: 1.5em 0 0 0; font-weight:bold;}#navCatTabsWrapper {margin: 0em; background-color: #C9CBB3; padding: 0.5em 0.2em; font-weight: bold;}#navCatTabsWrapper {background-color: #ffffff; color: #9a9a9a; background-image:none;}#navMain ul, #navSupp ul, #navCatTabs ul {margin: 0; padding: 10px 25px 0 0; list-style-type: none; font-size:12px;}#navSupp ul {padding-bottom: 10px; padding-left: 10px;}#navMain ul li, #navSupp ul li, #navCatTabs ul li {display: inline;}#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {text-decoration: none; padding: 5px; margin: 0; color: #ffffff; white-space: nowrap;}#navCatTabs ul li a {color: #9a9a9a;}#navEZPagesTOCWrapper {font-weight: bold; float: right; height: 1%; border: 1px solid #9a9a9a;}#navEZPagesTOC ul {margin: 0; padding: 0.5em 0em; list-style-type: none; line-height: 1.5em;}#navEZPagesTOC ul li {white-space: nowrap;}#navEZPagesTOC ul li a {padding: 0em 0.5em; margin: 0;}#navMainSearch {margin: 0;}#navCategoryIcon, .buttonRow, #indexProductListCatDescription {margin: 0.5em 0;}#navBreadCrumb {padding: 0.5em 0.8em; margin: 1px; background-color: #ffffff; font-size: 11px; font-weight: bold; margin: 0em;}#navEZPagesTop {font-size: 11px; font-weight: bold; margin: 0em; padding: 0.5em;}#navColumnOne, #navColumnTwo {background-color: transparent;}/*The main content classes*/#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {vertical-align: top;}/*.content,*/ #productDescription, .shippingEstimatorWrapper {/*font-size: 1.2em;*/ padding: 0.5em;}.alert {color: #FF0000; margin-left: 0.5em;}.advisory {}.important {font-weight: bold;}.notice {}.rating{}.gvBal {float: right;}.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {padding: 0.8em;}.smallText, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {font-size: 11px;}/*Shopping Cart Display*/#cartAdd {text-align: center; margin: 0 !important; border: none; padding: 0 0 2.5em 0;}.tableHeading TH {border-bottom: 1px solid #9a9a9a;}.tableHeading, #cartSubTotal {background-color: #C9CBB3;}#cartSubTotal {border-top: 1px solid #cccccc; font-weight: bold; text-align: right; line-height: 2.2em; padding-right: 2.5em;}.tableRow, .tableHeading, #cartSubTotal {height: 2.2em;}.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {padding: 0.5em 0em;}.cartUnitDisplay, .cartTotalDisplay {text-align: right; padding-right: 0.2em;}#scUpdateQuantity {width: 0;}.cartQuantity {width: 4.7em;}.cartNewItem {color: #621217; position: relative; /*do not remove-fixes stupid IEbug*/}.cartOldItem {color: #8a4f51; position: relative; /*do not remove-fixes stupid IEbug*/}.cartBoxTotal {text-align: right; font-weight: bold;}.cartRemoveItemDisplay {width: 3.5em;}.cartAttribsList {margin-left: 1em; font-size: 11px; color: #555555;}#mediaManager {width: 50%; margin: 0.2em; padding: 0.5em; background-color: #E4FEf5; border: 1px solid #003D00;}.normalprice, .productSpecialPriceSale {text-decoration: line-through;}.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {color: #ff0000;}.orderHistList {margin: 1em; padding: 0.2em 0em; list-style-type: none;} #cartBoxListWrapper ul, #ezPageBoxList ul {list-style-type: none;}#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {margin: 0; padding: 0.2em 0em;} #cartBoxEmpty, #cartBoxVoucherBalance {font-weight: bold;}.totalBox, .amount {width: 5.5em;text-align: right;padding: 0.2em;}.lineTitle {text-align: right; padding: 0.2em;}/*Image Display*/#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {margin: 0em 1em 1em 0em ;}.categoryIcon {}.cartImage, .listingProductImage, .cartProdTitle, .smallProductImage {margin-right: 0.5em;}/*Attributes*/.attribImg {width: 20%; margin: 0.3em 0em;}.attributesComments {font-style: italic;}/*list box contents*/.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {margin: 1em 0em;}.centerBoxWrapper {border: 1px solid #9a9a9a; height: 1%; margin: 1.1em 0;}h2.centerBoxHeading {font-size: 16px; color: #ffffff;}/*sideboxes*/h3.leftBoxHeading, h3.leftBoxHeading a, h3.rightBoxHeading, h3.rightBoxHeading a {font-size: 12px; color: #621217;}.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {margin: 0em; background-color: #C9CBB3; padding: 0.5em 0.2em;}.leftBoxContainer_, .rightBoxContainer_ {margin: 0em; border: 1px solid #9a9a9a; border-bottom: 5px solid #336633; margin-top: 1.5em;}.sideBoxContent {background-color: #ffffff;font-size:11px;padding: 0.4em;}#categoriesContent {background: #e8e7d0;}#categoriesContent a {font-weight: normal !important; color: #894E50 !important; font-size: 13px; }#categoriesContent ul.list-links {margin-left:0px;}#categoriesContent ul.list-links li {list-style-type: none; margin: 0; border-bottom: 1px solid #D3D9E3;}#categoriesContent ul.list-links li a {margin: 0; padding: 3px 5px 4px 7px; display: block;}h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {color: #FFFF33;text-decoration: none;} .rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {color: #FFFFFF;}.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {text-align: center;}.listCell0-1 {width:152px !important;}#bestsellers .wrapper {margin: 0em 0em 0em 1.5em;}#bestsellers ol {padding: 0; margin-left: 1.1em;}#bestsellers li {padding: 0; margin: 0.3em 0em 0.3em 0em;}#bannerboxHeading {background-color: #C9CBB3;}#upProductsHeading {text-align: left;}#upDateHeading {text-align: right;}.box-container {    border: 2px solid #C9CBB3;     border-radius: 8px;     margin-top: 1.5em;    overflow: hidden;}.box-heading, .box-heading a {    font-size: 13px;	font-weight: bolder !important;    color: #FFFFFF;    background-color: #C9CBB3;    margin: 0;     padding: 0.35em 0.1em;     text-align: center;	line-height: 1.2em;    display: block;    box-sizing: border-box;}.box-heading a { text-decoration: none;}.box-heading a:hover { color: #969766; text-decoration: none; }.box-content { background-color: #FFFFFF; font-size: 12px; }/* categories box parent and child categories */A.category-top, A.category-top:visited {color: #686848; text-decoration: none;}A.category-links, A.category-links:visited {color: #686848; text-decoration: none;}A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {color: #686848; text-decoration: none;}SPAN.category-subs-parent {font-weight: bold;}SPAN.category-subs-selected {font-weight: bold;}/* end categories box links *//*misc*/.back {float: left;}.forward {float: right;}.bold {font-weight: bold;}.rowOdd {background-color: #E8E8E8; height: 1.5em; vertical-align: top;}.rowEven {background-color: #F0F0F0; height: 1.5em; vertical-align: top;}.hiddenField {display: none;}.visibleField {display: inline;}CAPTION {/*display: none;*/}#myAccountGen li, #myAccountNotify li {margin: 0;} .accountTotalDisplay, .accountTaxDisplay {width: 20%; text-align: right; /*vertical-align: top*/}.accountQuantityDisplay {width: 10%; vertical-align: top;}TR.tableHeading {background-color: #969766; height: 2em;}.productListing-rowheading {background-color: #C9CBB3; height: 3em; color: #FFFFFF;}.productListing-data img {border:#b18a8b 1px solid;}/* override max-width for old tables e.g. product listing, checkout */ 	td img {max-width:none !important;}/* end - remove this once all tables have been upgraded! *//*checkout shipping address*/.shipaddress {color:blue; font-weight:bold;}.listingBuyNowButton {border:none !important;}.productListing-odd, .productListing-even {height:150px;}#siteMapList {width: 90%; float: right;}.ratingRow {margin: 1em 0em 1.5em 0em;}LABEL#textAreaReviews {font-weight: normal; margin: 1em 0em;}#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {background-color: #ffffff;}/* ADDED FOR 1.5 */.information {padding: 10px 3px; line-height: 150%;}#shoppingcartBody #shippingEstimatorContent {clear: both;}.seDisplayedAddressLabel {background-color:#e2cae0; text-align: center;}.seDisplayedAddressInfo {text-transform: uppercase; text-align: center; font-weight: bold;}#seShipTo {padding: 0.2em;}/* added padding to prevent CSS buttons from touching product image */.navNextPrevWrapper {padding-bottom: 5px;}.paypal-button-hidden {visibility: hidden;}/* markup for tables used to present tabular data */.alignLeft {text-align: left}.alignCenter {text-align: center}.alignRight {text-align: right}.tabTable {width:100%;border:none;padding:0;margin:0; border-spacing:0;border-collapse:collapse;}table{border:none;padding:0;margin:0; border-spacing:0;border-collapse:collapse;}#cartContentsDisplay {width: 100%;}#myAccountOrdersStatus, #orderHistoryHeading, #prevOrders {width: 100%;}.accountOrderId {width:30px;}.accountOrderDate, .accountOrderStatus, .accountOrderTotal {width:70px;}#seQuoteResults {width: 100%;}#seQuoteResults td {border: 1px solid black;}.listBoxContentTable {width:100%;}.listBoxContentTable td {border: 1px solid black;}#upcomingProductsTable {width: 100%;}#quantityDiscountsDetails td {border: 1px solid black;}.products-listing .productsAllListing, .productsNewListing, .productsFeaturedListing {width: 100%;}.tableBorder1 td {border: 1px solid black;}/* END ADDED FOR 1.5 */#socmedia_button {float:left; padding-right:20px; padding-bottom: 0.8em !important;}.login {float:right; font-style:normal !important; max-width: 40%; text-align:right; margin-top:10px; padding: 0 0 10px 20px; 	background: #efe2ee !important; border:2px solid #c9cbb3; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}.chooseOption {float:left; width:200px; height:100px; margin:10px; padding:10px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display:inline-block; background-color:#e8e7d0; border: 1px solid #638263;}.commBox {width:300px; height:100px; margin:0; padding:10px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; background-color:#e8e7d0; border: 1px solid #638263;}.chooseOption h2, .commBox h2 {text-align:center;}.chooseOption .details, .commBox .details {text-align:center; padding:5px 0 0;}.chooseOption ul, .commBox ul {margin: 10px 10px 10px 20px; font-size: 0.85em; font-weight:normal !important;}.chooseOption2 {float:left; width:200px; margin:10px; padding:10px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; display:inline-block; background-color:#ffffff; border: 1px solid #638263; font-size: 0.85em; font-weight:normal !important;}.chooseOption2 a {font-weight:normal !important;}/* Layout *//* column container *//* Cols (l pad, content, r pad), px: Left: 25, 130, 20. Middle: 15, 500, 15. Right: 30, 180, 25. *//* Cols SHOP: Left: 25, 130, 20. Middle: 15, 500, 15. Right: 30, 180, 25. */#shopcolmask {position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */ clear:both; float:left; width:100%; /* width of whole page */ overflow:hidden; /* This chops off any overhanging divs */ background:#fff; /* Right column background colour */}/* Average Product Rating */.reviewCount img {vertical-align: middle;}@media all and (min-width: 960px) {#shopcolmid {float:left; width:200%; margin-left:-182px; /* Width of right column */ position:relative; right:100%; background:#fff; /* Centre column background colour */}#shopcolright {float:left; width:100%; margin-left:-50%; position:relative; left:372px; /* Left column width + right column width */ background:#fff; /* Left column background colour */}#shopcol1wrap {float:left; width:50%; position:relative; right:190px; /* Width of left column */ padding-bottom:1em; /* Centre column bottom padding */}#shopcol1 {margin:0 194px 0 196px; /* Centre column side padding: Left padding = left column width + centre column left padding width; Right padding = right column width + centre column right padding width */ position:relative; left:200%; overflow:hidden;}#shopcol2 {float:left; float:right; /* This overrides the float:left above */ width:170px; /* Width of left column content (left column width minus left and right padding) */ position:relative; right:15px; /* Width of the left-hand side padding on the left column */}#shopcol3 {float:left; float:right; /* This overrides the float:left above */ width:170px; /* Width of right column content (right column width minus left and right padding) */ margin-right:41px; /* Width of right column right-hand padding + left column left and right padding. JG: I had to add 15px to get this number to work properly. */ position:relative; left:50%;}}@media only screen and (max-width: 959px) {#testimonial {display:none;}}@media only screen and (min-width: 813px) and (max-width: 959px) {#shopcolmid {float:left; width:100%; background:#fff;}#shopcolright {float:left; width:200%; position:relative; left:190px; background:#fff;}#shopcol1wrap {float:right; width:50%; position:relative; right:190px; padding-bottom:1em;}#shopcol1 {margin:0 20px 0 190px; position:relative; right:100%; overflow:hidden; width:568px;}#shopsidebars {width:170px;}#shopcol2 {float:left; width:170px; position:relative; right:187px;}#shopcol3 {float:left; width:170px; position:relative; right:187px;}}@media only screen and (min-width: 415px) and (max-width: 812px) {#shopcolright {float:left; width:100%; background:#fff;}#shopcol1wrap {float:right; width:100%; padding-bottom:1em;}#shopcol1 {display:block; margin:0 auto; overflow:hidden; max-width:568px; padding: 0 15px;}#shopsidebars {clear:both; display:block; margin: 0 auto; max-width: 568px}#shopcol2 {float:left; margin:0 auto; padding: 0 0 15px 7.5%;}#shopcol3 {float:right; margin:0 auto; padding: 0 7.5% 15px 0;}}@media only screen and (max-width: 414px) {#shopcolright {float:left; width:100%; background:#fff;}#shopcol1wrap {float:right; width:100%; padding-bottom:1em;}#shopcol1 {display:block; margin:0 auto; overflow:hidden; padding: 0 15px;}#shopsidebars {clear:both; width: 100%;}#shopcol2 {clear:both; display:block; margin:0 auto; width:170px; padding: 0 15px;}#shopcol3 {clear:both; display:block; margin:0 auto; width:170px; padding: 0 15px 15px 15px;}}/* Fix table pages (product listings, shopping cart, checkout etc) on tiny screens */@media only screen and (max-width: 499px) {.discountodd, .discounteven , #checkoutBillto, #checkoutShipto, #checkoutShippingFormsplit, #checkoutPaymentFormsplit, #sendSpendWrapper, .floatingBox {clear:both; float:none !important; width:100% !important;}#sendSpendWrapper {box-sizing: border-box; margin: 0 !important;}}@media only screen and (max-width: 300px) {.cartImage, {display:none;}th#scUnitHeading, td.cartUnitDisplay {display:none;}}@media only screen and (max-width: 350px) {#shoppingCartDefault table#cartContentsDisplay {position:relative; margin-left: -20px;}#productListing table {position:relative; margin-left: -10px;}}@media only screen and (min-width: 835px) {.topmenumobile {display:none !important;}}.tabTable {width:100%;}.tabTable .productListing-odd, .tabTable .productListing-even {display:block; clear:both; padding:5px 0;}.PL_image {float:left; padding:5px 5px 5px 0;}.PL_title {padding:5px;}.PL_price {padding:5px;}@media only screen and (max-width:450px) {.PL_image {float:none;text-align:center; padding: 5px 0;}.tabTable .productListing-odd, .tabTable .productListing-even {height:auto;}.PL_title, .PL_price {width:250px; margin:auto; text-align:center;}.listingProductImage {margin-right: 0;}}.flex-container {    display: flex;    flex-wrap: nowrap; /* This ensures that the divs are side by side */	width: 90%; /* Adjust this width as needed */}.main-image {    flex-shrink: 0; /* Prevents the main-image div from shrinking */}.info-block {    flex: 1; /* Allows the info-block div to grow and shrink as needed */}/* Media query for viewport width of 550px or less */@media (max-width: 550px) {    .flex-container {        flex-wrap: wrap; /* This will make the divs stack vertically */		margin: 0 auto; /* Centers the container horizontally */		width: 90%; /* Adjust this width as needed */    }    .main-image, .info-block {        flex-basis: 100%; /* This makes each div take the full width of the container */		flex-grow: 0;     /* Prevents divs from growing beyond their content */    }	.productMainImage {		width: 500px;		margin: 0 auto;	}}.tabcontent {	padding-bottom:1em;}/* NEW SHOP HOMEPAGE CATEGORIES */.categories-container {  width: 100%;   text-align: center; }.categoryListBoxContents {  display: inline-block;  overflow: hidden;  max-width: calc(32% - 2px); /* remove 2px if border is removed */  box-shadow: 0 4px 8px rgba(0,0,0,0.1);  border-radius: 8px;  background: #fff;  margin-right: 2%;   vertical-align: top;  transition: box-shadow 0.3s ease-in-out, transform 0.2s ease-in-out;  border: 1px solid #b18a8b;   cursor: pointer;}.categoryListBoxContents:last-child {  margin-right: 0; /* Removes margin from the right of the last child */}.categoryListBoxContents img {  width: 100%;  padding-bottom: 5px;}.categoryListBoxContents a {  display: block;  padding-bottom: 8px;}.categoryListBoxContents:hover {  transform: translateY(-5px);  box-shadow: 0 6px 12px rgba(0,0,0,0.2);}@media only screen and (max-width: 511px) {  .categoryListBoxContents {    width: calc((100% / 3) - 4px - 2px) !important;  /* Override the built-in size, remove 2px if border is removed */    max-width: 100%;    margin-right: 2px;  }  .categoryListBoxContents:last-child {    margin-right: 0;  /* Ensures no margin on the right of the last card */  }}#patternList a {  font-weight: normal !important;}.gallery-wrapper {  position: relative;  max-width: 100%;  width: 100%;  margin: 1em auto;  display: flex;  justify-content: center;}.gallery-inner {  width: 462px;  overflow: hidden;  position: relative;}.gallery-track {  display: flex;  gap: 6px;  transition: transform 0.3s ease;}.gallery-arrow {  position: absolute;  top: 50%;  transform: translateY(-50%);  width: 26px;  height: 32px;  background: rgba(240, 240, 240, 0.8);  border: none;  border-radius: 6px;  display: flex;  align-items: center;  justify-content: center;  cursor: pointer;  box-shadow: 0 0 2px rgba(0,0,0,0.3);  padding: 0;  z-index: 1;}.gallery-arrow.left {  left: 2px;}.gallery-arrow.right {  right: 2px;}.gallery-thumb {  flex: 0 0 auto;  width: 150px;  border-radius: 6px;  overflow: hidden;}.gallery-thumb img {  width: 100%;  display: block;}.gallery-arrow svg {  width: 18px;  height: 18px;  stroke: #444;  stroke-width: 2.5;  stroke-linecap: round;  stroke-linejoin: round;  fill: none;}.gallery-arrow.left svg { margin-left: -2px; }.gallery-arrow.right svg { margin-right: -2px; }.gallery-empty,#productReviewsDefaultNoReviews {  text-align: center;  margin: 1em 0;}@media (max-width: 525px) {  .gallery-wrapper {    width: 100%;    margin: 1em 0;    padding: 0 12px;    box-sizing: border-box;    overflow: hidden;  }  .gallery-inner {    overflow-x: auto;    scroll-snap-type: x mandatory;    -webkit-overflow-scrolling: touch;    flex: 1 1 auto;    min-width: 0;    box-sizing: border-box;  }  .gallery-track {    display: flex;    gap: 6px;    padding-bottom: 4px;    transition: none !important;  }  .gallery-thumb {    flex: 0 0 auto;    width: 150px;    scroll-snap-align: start;  }  .gallery-arrow {    display: none;  }}.lightbox {    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, 0.65);    z-index: 1000;    display: flex;    justify-content: center;    align-items: center;    padding: 20px;    box-sizing: border-box;}.lightbox-close {    position: absolute;    top: 20px;    right: 30px;    font-size: 30px;    color: white;    cursor: pointer;}.lightbox-image {    max-width: 90%;    max-height: 70%;    margin: auto;    border: 5px solid white;}.lightbox-caption {    color: white;    text-align: center;    margin-top: 15px;	max-width: 90%;}.lightbox-nav {    cursor: pointer;    position: absolute;    top: 50%;    width: auto;    padding: 16px;    margin-top: -50px;    color: white;    font-weight: bold;    font-size: 50px;    transition: 0.6s ease;    border-radius: 0 3px 3px 0;    user-select: none;    -webkit-user-select: none;}.lightbox-prev {    left: 0;    border-radius: 3px 0 0 3px;}.lightbox-next {    right: 0;    border-radius: 0 3px 3px 0;}@media screen and (max-width: 600px) {    .lightbox-nav {        position: absolute;        top: auto;        bottom: 60px;    }    .lightbox-prev {        left: 10px;    }    .lightbox-next {        right: 10px;    }    .lightbox-caption {        padding: 0 50px;    }}.pattern-info {  display: flex;  justify-content: space-between;  flex-wrap: wrap;  gap: 6px;  flex: 1;}.pattern-row {  display:flex;  gap:10px;   margin-bottom:16px;   align-items: flex-start;}.pattern-name {  flex: 1 1 240px;  min-width: 200px;}.pattern-buttons {  display: flex;  justify-content: space-between;  flex: 0 1 auto;  min-width: 212px;  gap: 6px;}.pattern-buttons .button-left {  display: flex;  gap: 6px;  justify-content: flex-start;  flex: 1;}.pattern-buttons .button-right {  display: flex;  gap: 6px;  justify-content: flex-end;}