/* ===== START: Quick quantity grouped grid ===== */
.px-qq-group {
	--px-qq-accent: #1c7c71;
	--px-qq-tint: #e9f4f2;
	position: relative;
	margin-bottom: 1rem;
	padding: 1rem 1rem 0.5rem;
	border: 1px solid var(--px-qq-accent);
	border-left-width: 5px;
	border-radius: 0.75rem;
	background-color: var(--px-qq-tint);
}

.px-qq-group:nth-of-type(4n + 2) {
	--px-qq-accent: #a35a00;
	--px-qq-tint: #fdf1e3;
}

.px-qq-group:nth-of-type(4n + 3) {
	--px-qq-accent: #5b4bc4;
	--px-qq-tint: #eeecfa;
}

.px-qq-group:nth-of-type(4n + 4) {
	--px-qq-accent: #3d7a4d;
	--px-qq-tint: #eaf4ed;
}

.px-qq-group-title {
	display: inline-block;
	margin-bottom: 0.75rem;
	padding: 0.2rem 0.7rem;
	border-radius: 999px;
	background-color: var(--px-qq-accent);
	font-size: 0.7rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #ffffff;
}

.px-qq-grid {
	margin-left: -0.375rem;
	margin-right: -0.375rem;
}

.px-qq-cell {
	padding-left: 0.375rem;
	padding-right: 0.375rem;
	margin-bottom: 0.75rem;
}

.px-qq-label {
	display: block;
	margin-bottom: 0.2rem;
	font-size: 0.8rem;
	font-weight: 700;
	color: #111111;
}

.px-qq-cell .quick-quantity-input {
	width: 100%;
	text-align: center;
	background-color: #ffffff;
	border: 1px solid #d5d5d5;
}

.px-qq-cell .quick-quantity-input:focus {
	border-color: var(--px-qq-accent);
	box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.08);
	outline: none;
}
/* ===== END: Quick quantity grouped grid ===== */

/* ===== START: Compact image swatches ===== */
.px-swatches {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.5rem;
	padding-top: 1.4rem;
	margin-bottom: 0.5rem;
}

.px-swatch {
	position: static;
	margin: 0;
	cursor: pointer;
}

.px-swatch input {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}

.px-swatch-tile {
	display: block;
	width: 3.25rem;
	height: 3.25rem;
	overflow: hidden;
	border: 1px solid #e0e0e0;
	border-radius: 0.5rem;
	background-color: #ffffff;
}

.px-swatch-tile img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 40%;
}

.px-swatch-text {
	display: block;
	padding: 0.25rem;
	font-size: 0.6rem;
	line-height: 1.1;
	text-align: center;
	color: #111111;
}

.px-swatch input:checked + .px-swatch-tile {
	border-color: #111111;
	box-shadow: 0 0 0 2px #111111;
}

.px-swatch input:focus-visible + .px-swatch-tile {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);
}

.px-swatch-name {
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
	font-size: 0.75rem;
	font-weight: 400;
	color: #6c757d;
	opacity: 0;
	pointer-events: none;
}

.px-swatch input:checked ~ .px-swatch-name {
	opacity: 1;
}
/* ===== END: Compact image swatches ===== */

/* ===== START: Segmented control ===== */
.px-seg {
	display: inline-flex;
	max-width: 100%;
	padding: 0.125rem;
	border-radius: 999px;
	background-color: #f2f2f2;
}

.px-seg-item {
	position: relative;
	margin: 0;
	cursor: pointer;
}

.px-seg-item input {
	position: absolute;
	width: 0;
	height: 0;
	opacity: 0;
}

.px-seg-label {
	display: block;
	padding: 0.3rem 0.85rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.3;
	white-space: nowrap;
	text-align: center;
	color: #555555;
	transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.px-seg-item input:checked + .px-seg-label {
	background-color: #ffffff;
	color: #111111;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.16);
}

.px-seg-item:hover input:not(:checked) + .px-seg-label {
	color: #111111;
}

.px-seg-item input:focus-visible + .px-seg-label {
	box-shadow: 0 0 0 2px #111111;
}

@media (max-width: 575.98px) {
	.px-seg {
		display: flex;
	}

	.px-seg-item {
		flex: 1 1 0;
		min-width: 0;
	}

	.px-seg-label {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}
/* ===== END: Segmented control ===== */

/* ===== START: Option panels ===== */
.px-option-panel {
	margin-bottom: 1rem;
	padding: 0.875rem 1rem;
	border: 1px solid #e6e6e6;
	border-radius: 0.75rem;
	background-color: #fafafa;
}

.px-option-panel .px-title {
	margin-bottom: 0.5rem;
}

.px-option-panel:has(.px-qq) {
	padding: 0;
	border: 0;
	background-color: transparent;
}
/* ===== END: Option panels ===== */

/* ===== START: Quick quantity total field ===== */
.px-qq-total {
	pointer-events: none;
	background-color: #f2f2f2;
	-moz-appearance: textfield;
}

.px-qq-total::-webkit-outer-spin-button,
.px-qq-total::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* ===== END: Quick quantity total field ===== */

@font-face {
  font-family: 'Feather';
  src:
    url('https://cdn.pixfizz.com/fz/b57182364a/0/x9oDB4c1EtL0apZRyx8s7l7T-VxKmsEPkydV4XDlvHg/~/Feather.ttf?sdxovp') format('truetype'),
    url('Feather.woff?sdxovp') format('woff'),
    url('https://cdn.pixfizz.com/fz/b15abdc2b0/0/Mt9Cf54HQm_QxhXoZ5HBA2F4i_YviKgQ3qtZUx-nRjU/~/Feather.svg?sdxovp#Feather') format('svg');
  font-weight: normal;
  font-style: normal;
}

body { 
    font-family:
    'Open Sans', sans-serif !important;
    font-size: 0.9rem;
    font-weight: 300;
    color: #2d2d2d;
    background-color: #ffffff;
}
h3,h5,h6 {
    font-family: "Lora", serif !important;
}
.font-lora {
    font-family: "Lora", serif !important;
}
html {
	scroll-behavior: smooth;
}
/* Container-fluid padding */
@media only screen and (max-width: 768px) {
    .container-fluid { 
        padding-left:1rem !important;
        padding-right:1rem !important;
    }
    /* Announcement bar */
    .navbar-topbar {
        padding-top: 0.25;
        padding-bottom: 0.25;
        font-size: 0.5rem;
    }  
    .bg-cover .bg-white-90 {
        background-color: rgba(255, 255, 255, .9)!important;
    }
}
@media only screen and (min-width: 768px) {
    .container-fluid {
        padding-left:3rem !important;
        padding-right:3rem !important;
    }
    /* Announcement bar */
    .navbar-topbar {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 0.75rem;
    }   
    .bg-cover .bg-white-90 {
        background-color: rgba(255, 255, 255, 0)!important;
    }    
}
@media (min-width: 1200px) {
    .container {
        max-width: 1400px;
    }
}
@media (min-width: 992) {
    .container {
        max-width: 960px;
    }
}
input {
    border-radius: 20px !important;
}
.form-control {
    border-radius: 20px !important;
}
/* Announcement bar background  color */
.bg-light {
    background-color: #d6d6d6 !important;
}
/* Change navbar background color */
.main-menu {
    background-color: white;
}

.footer {
    background-color: #2d2d2d !important;
    color: #ffffff;
    position: relative;
    z-index: 2;
}
.bg-dark {
    background-color: #2d2d2d !important;
}
/* Change the color of the navbar on hover  */
.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover { 
    color: #ff3237!important;
}
/* Change promotion color */
.promotion {
    background-color: #509e44 !important;
    color: #ffffff !important;
}
/* Change the background color for the cart icon  */
[data-cart-items]::before { 
    background-color: #ff3237;
    color: #ffffff !important;
}

.btn-white-primary {
    background-color: #f5f5f5;
}

.main.cart .quantity button[class*=btn] {
    background: none;
    border-radius: 0;
    width: 1.5rem;
    height: 1.5rem;
}

.navbar-toggler {
    padding: 0.5rem 0 0.5rem 0.5rem;
}
.navbar-light .navbar-toggler {
    color: #2d2d2d; 
}
.btn {
    border-radius: 20px;
}
/* Change the background color of the button on hover  */
.btn-white-primary:focus, .btn-white-primary:hover {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #fff;
}

/* Change the background color of the more info on the quick view  */
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #faa21b;
    border-color: #faa21b;
}
/* logo size */
@media (max-width: 991px) {
   .navbar-brand-logo {
        height: 50px;
    }
    .hide-mobile {
        display:none;
    }
}
@media (min-width: 992px) {
   .navbar-brand-logo {
    height: 120px;
    }
}

/* Change the  color of the navbar items */
a {
    color: #000000;
}
a:hover {
    color: #ff3237;
}
.nav-link:hover {
    color: #ff3237;
}

.navbar-light .navbar-nav .nav-link {
    font-weight: 700 !important;
    color: #2d2d2d !important;
    font-size: 1rem;
}

.navbar-light .navbar-nav .show>.nav-link {
    font-weight: 400;
    color: #ff3237 !important;
}

.navbar-light .navbar-nav .show>.nav-link:hover {
    font-weight: 400;
    color: #ff3237 !important;;
}

.nav-tabs .nav-link.active {
    color: #2d2d2d !important;;
    font-weight: 600;
}

.nav-link.active::before {
    border-top: 1px solid #ff3237 !important;;
}
/*
a:not(.btn) {
    color: #2d2d2d !important;
}
*/
/* Hover status on links */
a:not(.btn):hover .list-styled-link {
    color: #000000 !important;
}

.list-styled-link {
    background: linear-gradient(0deg, #04aade, #04aade) no-repeat right bottom / 0 var(--bg-h);
    transition: background-size 350ms;
    --bg-h: 100%;
}
.list-styled-link:where(:hover, :focus-visible) {
    background-size: 100% var(--bg-h);
    background-position-x: left;
    color:#000000 !important;
}


/* Change the  text color of  categories dropdown items  */
/**
.list-styled-link:focus, 
.list-styled-link:hover {
    color: #111;
}
    
.list-styled-link {  
    color: #2d2d2d;
    position: relative;
}
.list-styled-link::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #2d2d2d;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.list-styled-link:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
**/
.list-group-item-action {
    color: #2d2d2d;
}

.list-styled-link:hover {
    color: #faa21b;
}

.list-group-item-action:hover {
    color: #faa21b;
}

.text-body[href]:focus, .text-body[href]:hover {
    color: #faa21b !important;
}

.main.cart .quantity button[class*=btn]:hover {
    background-color: none;
}

.px-icons {
    fill: #2d2d2d;
}
.px-icons:hover {
    fill: #faa21b;
}

/* Account navigation text color on hover */
.list-group-item-action:focus,
.list-group-item-action:hover {
    #faa21b !important;
}

/* Change the  text color of  "happy holidays" below the header  */
.text-white {
    color: #fff !important;
}

/* Change the  text color of  categories dropdown items  */
.list-styled-link:focus, 
.list-styled-link:hover {
    color: #111;
}
    
.list-styled-link {  
    color: #2d2d2d;
}

.list-group-item-action {
    color: #2d2d2d;
}

.list-styled-link:hover {
    color: #faa21b;
}

.list-group-item-action:hover {
    color: #faa21b;
}

/* Change the  text color of class containing text-body  */

.text-body {
    color: #2d2d2d !important;
}

/* Change the text color of the element with text-gray-400 class */
.text-gray-400 {
    color: #909090 !important;
}    

/* Change the text color of the element with text-muted class  */
.text-muted {
    color: #767676 !important;
}

/* Change the text color of the element with text-gray-300 class  */
.text-gray-300 {color: #767676!important;}

/* Active nav-tabs color  */
.nav-item.show .nav-link, 
.nav-link.active {color: #2d2d2d;}

/* Change the text color of the element with text-primary class  */
.text-primary { color: #2d2d2d!important;}

/* Button color when active */
.btn-dark:not(:disabled):not(.disabled).active, 
.btn-dark:not(:disabled):not(.disabled):active, 
.show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #060606;
    border-color: #000;
}

/* Change the text color of the element with text-gray-500 class  */
.text-gray-500{color: #525252 !important;}

/* Text color in form-control  */
.form-control {
    color : #111;
    font-size: 0.875rem;
}

/* Email header css */
.hover-underline:hover {
  text-decoration: underline !important;
}

@media (max-width: 640px) {
  .sm-inline-block {
    display: inline-block !important;
  }
  .sm-w-auto {
    width: auto !important;
  }
  .sm-w-full {
    width: 100% !important;
  }
  .sm-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .sm-px-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .sm-py-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .sm-text-left {
    text-align: left !important;
  }
}

/* copied from product-filter master */
input {
    /* -webkit-appearance: checkbox !important; */
}
    
.product-single .product-price {
    display: block;
    margin-bottom: 1.1rem;
    font-size: 1rem;
    line-height: 1;
    font-family: 'Lato', sans-serif;
    letter-spacing: .1em;
    font-weight:bold;
}

.product-single .product-name {
    margin-top: .6rem;
    text-transform: capitalize !important;
    letter-spacing: .02em !important;
    font-size: 1.5rem;
    font-weight: 400;
}

.product-single .product-category {
    margin-top: .6rem;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
    font-size: .8rem;
    color: #969696;
}
.collection-name {
    font-weight:800;
    font-size: 1.3rem;
    color: #4297D7;
}
.font-size-xs {
    font-size: 0.75rem !important;
}

input[type="color"] {
	-webkit-appearance: none;
	border: 1px solid #faa21b;
	width: 40px;
	height: 40px;
	padding: 0.1rem;
}
input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}
input[type="color"]::-webkit-color-swatch {
	border: none;
}
.btn-primary {
    color: #ffffff !important;
    border-color: #ff3237 !important;
    background-color: #ff3237 !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    color: #ffffff !important;
    border-color: #1c6c8c !important;
    background-color: #1c6c8c !important;
}
.btn-dark:hover, .btn-dark:active, .btn-dark:focus {
    color: #ffffff !important;
    border-color: #1c6c8c !important;
    background-color: #1c6c8c !important;
}
.btn-dark {
    color: #ffffff;
    border-color: #2d2d2d !important;
    background-color: #2d2d2d !important;
}
.btn-outline-primary {
    color: #ff3237 !important;
    border-color: #ff3237 !important;
    border-radius: 0px !important;
}
.btn-outline-primary:hover {
    background-color: #ff3237 !important;
    border-color: #ff3237 !important;
    color: #ffffff !important;
}
.btn-upload {
    border-radius: 20px;
    border: 1px solid #666666;
}
.btn-upload:hover {
    border: 1px solid #3b3b3b;
    background-color: #3b3b3b;
    color: #ffffff;
}
.btn-upload.fe-image::before {
    font-family: 'Feather' !important;
    margin-right: 0.5rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* copied from px-option */
.select-box::before {
    top: 74% !important;
}
.px-title {
    font-weight:600;
    margin:0;
    padding: 0.5rem 0 2px;
    font-size:0.8rem;
}
/* Radio buttons */
.custom-control-input:checked~.custom-control-label::before {
    border-color:#ff3237;
    background-color:#ff3237;
}
/*Photo prints variant image radius*/
.px-photo-prints .px-sidebar .px-sidebar-content .px-size-options .px-option .px-image-control label img {
    border-radius: 20px;
}
/*Product page radio pill button style */
.variant-selector label {
    display: block;
}
.variant-selector label.field-label .label-text{
    outline: 1px solid #666666;
    background: #ffffff;
    color: #000000;
    font-size: 0.65rem;
    border-radius: 20px;
    margin-bottom:10px;
}
.variant-selector label.field-label .label-img {
    cursor: pointer;
    display: inline-block;
    /*filter: drop-shadow(1px 1px 2px #d6d6d6);*/
    border-radius: 20px;
}
.variant-selector label.field-label:hover .label-text,
.variant-selector label.field-label input:checked + .label-text {
    background: #3b3b3b;
    color: #ffffff;
    outline: none;
    cursor: pointer !important;
    border-radius: 20px;
}
.variant-selector label.field-label input:hover + .label-img img {
    outline: 2px solid #3b3b3b;
    border-radius: 20px;
}
.variant-selector label.field-label input:checked + .label-img {
    outline: 2px solid #3b3b3b !important;
    border-radius: 20px;
}
.variant-selector label.field-label input:hover + .label-img-color img {
    outline: 2px solid #3b3b3b;
    border-radius: 20px;
}
.variant-selector label.field-label input:checked + .label-img-color img {
    outline: 2px solid #3b3b3b !important;
    border-radius: 20px;
}
.product-form {
    display: block !important;

}    

@media all and (max-width:100em){
    .btn-dark {
        display:block;
        width: 100%;
    }
}
.product-image-full {
    display:none !important;
}

.product-form select {
    width: 100%;
    -webkit-appearance: none;
}
.product-form select {
    max-width: none;
    padding: 1rem 5rem 1rem 1rem;
    color: #222;
    border-color: #ccc;
    font-size: 1rem;
    background-color: whitesmoke;
    border: 1px solid whitesmoke;
    margin: 0 0 10px 0;
    width: 100%;
    -webkit-appearance: auto;
}
/** Breadcrumb alignment **/
.breadcrumb{display:flex;flex-wrap:wrap;padding:0 0;margin-bottom:1.5rem;list-style:none;background-color:transparent}
.breadcrumb-item+.breadcrumb-item{display:inline-flex; padding-left:.5rem}
.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}
.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}
.breadcrumb-item.active{color:inherit}
.breadcrumb-item+.breadcrumb-item::before {
    display:inline-block;
    padding-right:0.5rem;
    color:#909090;
    content: url('https://cdn.pixfizz.com/fz/99c75efb46/0/FssXgJxeYAIWGEdwtgHZGGxc8kC-Zc7ouZ5LPgXOTo4/~/chevron-right-regular.svg');
    opacity: 0.5;
    width:0.9rem;
    height:auto;
}

/* form index layout */
.card-actions .card-action+.card-action+.card-action {display:none}

@media only screen and (min-width: 992px){
    .classic .flex-row {display:none}

    .navbar-sidenav {display:none!important}
}
.classic .flex-row .nav-item.ml-lg-n4 {margin-right: 1.25rem;}
.navbar-sidenav {display: flex !important}
 @media only screen and (max-width: 768px){
    .btn-gray-500 {margin-top:10px;}
    .navbar-sidenav {display:none!important}
} 
.card-img-overlay form { display:inline-block }
.bg-cover-main{min-height: 510px;}
.bg-cover-grid{min-height: 240px;}
.progress .progress-bar {width: 66%}
.custom-select{background-color: whitesmoke!important }
.card-actions .card-action+.card-action+.card-action {display:none;}
.btn-white-primary:focus, .btn-white-primary:hover {
    background-color: #faa21b;
    border-color: #faa21b;
    color: #2d2d2d;
}
.address form {display:inline-block;}
.address .btn-circle {border-radius: 50%;}
.dropright-toggle span.active:after {color:black;}
.dropright-toggle::after {display:none;}
.shoppage select.custom-select.custom-select-xs{display:none;}
.reorder .btn a {color:black;}
.btn-outline-dark a:hover {color:#fff;}  
.reorder:hover {color:#fff;}  
.myaccount .dropdown-menu {left:-100px;}
.tooltip-inner { font-size: 0.85rem; }
.card-body { padding: 1rem; }
.card-actions {
    padding: 1rem;
    bottom: 1.5rem;
}
.card-actions .card-action+.card-action+.card-action {display:none;}

/** Info button on variants **/
.info-button {
    font-size: 0.9rem;
    padding-left: 5px;
    vertical-align: top;
}
/* Popup container - can be anything you want */
.popup-option {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.popup-option .close {
  position: absolute;
  right: 4px !important;
  top: 4px !important;
  padding: 5px;
  color: #ffffff;
  transition: color .3s;
  font-size: 1em;
  line-height: .6em;
  font-weight: 300;
}


/* The actual popup */
.popup-option .popuptext-option {
  visibility: hidden;
  width: 320px;
  background-color: #3b3b3b;
  color: #ffffff;
  font-size: 0.85rem;
  text-align: center;
  border-radius: 0px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -16px;
  font-weight: 300;
  border-radius:20px;
}

/* Popup arrow */
.popup-option .popuptext-option::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 8%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #3b3b3b transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup-option .show-option {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}
/** Class to assign to gallery to have it sticky on page scroll **/
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.dropdown-menu {
    opacity: inherit;
    display: none;
}

/** Cart notification popup **/
.cart-notification .tooltip-inner {
    background-color: #faa21b;
    font-size: 1.2em;
    padding: 0.5em 1em;
}
.cart-notification.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #faa21b;
}
/** Gallery Styling **/
.add-gallery-button {
    position: absolute;
    top: 8px;
    right: 32px;
    border: none;
    background: none;
    padding: 0;
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #767676;
    padding: 3px 6px;
    border-radius: 3px;
    transition: all 0.3s;
}
.add-gallery-button:hover, .add-gallery-button:focus {
    background: #DDDDDD;
    outline: none;
    color: #767676;
}
.gallery-preview {
    display: flex;
    height: 150px;
    background: #FAFAFA;
    border: 1px solid #DDDDDD;
    padding: 0;
    cursor: pointer;
}
.gallery-main-image {
    height: 100%;
    max-width: 150px;
    object-fit: cover;
    width: 150px;
}
.gallery-preview__desc {
    padding: 13px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: calc(100% - 150px);
}
.gallery-preview__heading-wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 10px;
}
.gallery-preview__heading-wrapper h6 {
    font-weight: 500;
    font-size: 24px;
    line-height: 35px;
    color: #111111;
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.gallery-preview__button {
    border: none;
    background: none;
    height: max-content;
    padding: 3px 6px;
    border-radius: 3px;
    transition: all 0.3s;
}
.gallery-preview__button:hover, .gallery-preview__button:focus {
    background: #DDDDDD;
    outline: none;
}
.gallery-preview__date {
    font-size: 15px;
    line-height: 22px;
    color: #767676;
}
.gallery-preview__image-count {
    display: flex;
    gap: 8px;
}
.gallery-preview__image-count span {
    font-size: 15px;
    line-height: 22px;
    color: #767676;
}
.gallery-preview__desc__bottom {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
* {
  box-sizing: border-box; }

.input-number {
  display: flex;
}
input[type=number]::-webkit-inner-spin-button {
  opacity: 1;
}
.input-number input {
  width: 80px;
  height: 54px;
  padding: 0 6px;
  vertical-align: top;
  text-align: center;
  outline: none; }
.main.cart .quantity input {
    width:50px;
}
.input-number input,
.input-number-decrement,
.input-number-increment {
  border: 1px solid #ccc;
  height: 54px;
  user-select: none; }

.input-number-decrement,
.input-number-increment {
  display: inline-block;
  width: 30px;
  line-height: 52px;
  background: none;
  color: #444;
  text-align: center;
  font-weight: bold;
  cursor: pointer; }
  .input-number-decrement:active,
  .input-number-increment:active {
    background: #ddd; }

.input-number-decrement {
  border-right: none;
  border-radius: 20px 0 0 20px; }

.input-number-increment {
  border-left: none;
  border-radius: 0 20px 20px 0; }
  
.card {
    color: #2d2d2d;
}  
/** Support swap on hover for px-image-preview **/
.card-img-hover px-design-preview::part(img) {
	float: left
}

.card-img-hover px-design-preview.card-img-top::part(img) {
	transition: opacity .2s ease-in-out
}

.card-img-hover px-design-preview.card-img-back::part(img) {
	opacity: 0
}

.card-img-hover px-design-preview.card-img-front::part(img) {
	position: absolute;
	left: 0;
    top: 0;
}

.card-img:hover .card-img-hover px-design-preview.card-img-back::part(img) {
	opacity: 1
}

.card-img:hover .card-img-hover px-design-preview.card-img-front::part(img) {
	opacity: 0
}
  
#stamped-main-widget input#stamped-button-submit {
    pointer-events: auto !important;
}
.shop-banner {
    width: 100%; 
    height: 100%;
}

@media(min-width: 576px) {
    .shop-banner {
        height: 292px;
    }
}


@media(min-width: 768px) {
    .shop-banner {
        height: 189px;
    }
}

@media(min-width: 992px) {
    .shop-banner {
        height: 258px;
    }
}

@media(min-width: 1200px) {
    .shop-banner {
        height: 310px;
    }
}
.custom-control.custom-checkbox {
    display:block;
}
.custom-control {
    padding-left: 2.25rem;
}
li::marker {
  color: #de1f1f;
  list-style-type: square !important;
}
.product-description ul {
    list-style-type: square !important;
}

.table thead th {
    font-weight:700;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background: white;
    position: sticky;
    top: 0;
}
.table tbody td {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}
.card-copyaction {
    position: absolute;
    top: 7rem;
    z-index: 1;
}
.card-cartaction {
    position: absolute;
    top: 13rem;
    z-index: 1;
}
.card-deleteaction {
    position: absolute;
    top: 1rem;
    z-index: 1;
}
.card-shareaction {
    position: absolute;
    top: 10rem;
    z-index: 1;
}

.header-link {
    color: currentColor !important;
}
/** Password reveal **/
.user-box {
  position: relative;
  margin-bottom: 30px;
}
.user-box input:focus ~ label,
.user-box input:valid ~ label {
  transform: translateY(-20px);
  font-size: 14px;
  color: #333;
}
.password-toggle-icon {
  position: absolute;
  top: 62%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
}

.shadow {
    box-shadow: 0 .25rem .25rem rgba(17, 17, 17, .3)!important;
}

/** Checkbox styles **/
.checkbox-wrapper-4 * {
    box-sizing: border-box;
  }
  .checkbox-wrapper-4 .cbx {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 6px 8px;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.2s ease;
    display: inline-block;
  }
  .checkbox-wrapper-4 .cbx:not(:last-child) {
    margin-right: 6px;
  }
  .checkbox-wrapper-4 .cbx:hover {
    background: rgba(0,119,255,0.06);
  }
  .checkbox-wrapper-4 .cbx span {
    float: left;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
  }
  .checkbox-wrapper-4 .cbx span:first-child {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    transform: scale(1);
    border: 1px solid #cccfdb;
    transition: all 0.2s ease;
    box-shadow: 0 1px 1px rgba(0,16,75,0.05);
  }
  .checkbox-wrapper-4 .cbx span:first-child svg {
    position: absolute;
    top: 3px;
    left: 2px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
  }
  .checkbox-wrapper-4 .cbx span:last-child {
    padding-left: 8px;
    line-height: 18px;
  }
  .checkbox-wrapper-4 .cbx:hover span:first-child {
    border-color: #07f;
  }
  .checkbox-wrapper-4 .inp-cbx {
    position: absolute;
    visibility: hidden;
  }
  .checkbox-wrapper-4 .inp-cbx:checked + .cbx span:first-child {
    background: #07f;
    border-color: #07f;
    animation: wave-4 0.4s ease;
  }
  .checkbox-wrapper-4 .inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
  }
  .checkbox-wrapper-4 .inline-svg {
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    user-select: none;
  }
  @media screen and (max-width: 640px) {
    .checkbox-wrapper-4 .cbx {
      width: 100%;
      display: inline-block;
    }
  }
  @-moz-keyframes wave-4 {
    50% {
      transform: scale(0.9);
    }
  }
  @-webkit-keyframes wave-4 {
    50% {
      transform: scale(0.9);
    }
  }
  @-o-keyframes wave-4 {
    50% {
      transform: scale(0.9);
    }
  }
  @keyframes wave-4 {
    50% {
      transform: scale(0.9);
    }
  }
/** Photo Prints Highlight Color **/.px-photo-prints {
    --highlight-color: #ff3237;
    --highlight-color-light: #1c6c8c;
}
/** Slider option **/
.variant-selector label.field-label input[name="variants[push-pull]"] + .label-text {
    max-width:86px !important;
}

.slidecontainer {
  width: 100%;
  padding-top:12px;
}

.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  border-radius: 5px;
  background: #e9e9e9;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #faa21b;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #04AA6D;
  cursor: pointer;
}
/** Multi Upload Group Styling **/
px-multi-image-upload {
    --handle-width: 18px;
    --handle-gap: 8px;
}

px-multi-image-upload .px-title {
    margin: 0;
    padding: 0.5em 0 2px;
}

px-multi-image-upload .px-title label {
    margin-bottom: 0;
}

px-multi-image-upload .image-uploads-wrapper {
    border-left: 1px dashed #aaa;
    padding-left: 0.75em;
}

px-multi-image-upload :not(.px-multi-upload-button-container[hidden]) + .image-uploads-wrapper {
    margin-top: 1em;
}

px-multi-image-upload px-option {
    display: block;
    outline-offset: -1px;
}

px-multi-image-upload px-image-upload {
    padding: 4px;
    transition: background-color 0.2s;
}

px-multi-image-upload[data-drag-active="true"] px-image-upload {
    opacity: 0.5;
    outline: 2px dashed #aaa;
}

px-multi-image-upload[data-drag-active="true"] px-option[data-dropzone-active="true"] px-image-upload {
    background-color: #faa21b;
    outline-color: #faa21b;
}

px-multi-image-upload px-image-upload .px-thumbnail {
    align-items: center;
    cursor: pointer;
    display: flex !important;
    padding-left: calc(var(--handle-width) + var(--handle-gap));
    position: relative;
}

px-multi-image-upload px-image-upload .px-thumbnail::before {
    --vertical-margin: 4px;
    background-color: #faa21b;
    background-image: url('data:image/svg+xml,<svg width="800" height="800" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 8C10.3284 8 11 7.32843 11 6.5C11 5.67157 10.3284 5 9.5 5C8.67157 5 8 5.67157 8 6.5C8 7.32843 8.67157 8 9.5 8ZM9.5 14C10.3284 14 11 13.3284 11 12.5C11 11.6716 10.3284 11 9.5 11C8.67157 11 8 11.6716 8 12.5C8 13.3284 8.67157 14 9.5 14ZM11 18.5C11 19.3284 10.3284 20 9.5 20C8.67157 20 8 19.3284 8 18.5C8 17.6716 8.67157 17 9.5 17C10.3284 17 11 17.6716 11 18.5ZM15.5 8C16.3284 8 17 7.32843 17 6.5C17 5.67157 16.3284 5 15.5 5C14.6716 5 14 5.67157 14 6.5C14 7.32843 14.6716 8 15.5 8ZM17 12.5C17 13.3284 16.3284 14 15.5 14C14.6716 14 14 13.3284 14 12.5C14 11.6716 14.6716 11 15.5 11C16.3284 11 17 11.6716 17 12.5ZM15.5 20C16.3284 20 17 19.3284 17 18.5C17 17.6716 16.3284 17 15.5 17C14.6716 17 14 17.6716 14 18.5C14 19.3284 14.6716 20 15.5 20Z" fill="%23fff"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    content: "";
    display: block;
    height: calc(100% - 2 * var(--vertical-margin));
    left: 0;
    position: absolute;
    width: var(--handle-width);
}
.checkout-page {
    background-color: #f6f6f6;
}
/** custom admin border radius setting **/
.px-rounded {
    border-radius: 20px;
}
.px-rounded-top {
    border-radius: 20px 20px 0 0;
}
.px-rounded-bottom {
    border-radius: 0 0 20px 20px;
}
.card-outline-address {
    outline: 1px solid #1c6c8c;
}
.card-outline-address:hover {
    outline: 2px solid #ff3237;
}
.no-crop {
    width: 100%;  /* Makes it responsive */
    height: auto; /* Keeps original aspect ratio */
    object-fit: contain; /* Ensures the full image is visible */
    max-width: 100vw; /* Prevents overflow */
}
/* Scroll to top button */
#scrollToTopBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background-color: #ff3237;
    color: #ffffff;
    border: none;
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    transition: opacity 0.3s, transform 0.3s;
}

/* Button hover effect */
#scrollToTopBtn:hover {
    background-color: #1c6c8c;
}

/* Show the button */
#scrollToTopBtn.show {
    display: block;
    opacity: 1;
    transform: translateY(0);
}
.rounded {
    border-radius:1rem !important;
}
.btn-primary {
    border-radius: 30px 30px 30px 0px;
    background: #ff3237;
}
.btn-dark {
    border-radius: 30px 30px 30px 0px;
}
.product-price {
    font-weight:800;
    font-size: 1.3rem;
    color: #4297D7;
}
/* Testimonial Section */
.testimonial-section {
  position: relative;
  width: 100%;
  height: 435px;
  overflow: hidden;
  background: linear-gradient(
    135deg,
    #3b82f6 0%,
    #ff3237 100%
  ); /* Blue gradient from lighter to darker blue */
}


.testimonial-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.testimonial-container {
  position: relative;
  display: flex;
  align-items: center;
  gap: 7rem; /* gap-28 equivalent */
  padding: 0 2.5rem; /* px-10 equivalent */
  margin: 0 auto;
  height: 100%;
  max-width: 1400px;
}

/* Image styles */
.testimonial-image-container {
  position: relative;
  flex-shrink: 0;
}

.testimonial-image {
  width: 316px;
  height: 355px;
  object-fit: cover;
  border-radius: 20px 20px 20px 0;
}

.testimonial-image-border {
  position: absolute;
  width: 315px;
  height: 354px;
  top: 13px;
  left: -13px;
  border: 3px solid white;
  border-radius: 30px 30px 30px 0;
}

/* Testimonial content */
.testimonial-content {
  max-width: 946px;
  font-size: 1.5rem; /* text-2xl equivalent */
  line-height: 2rem; /* leading-8 equivalent */
  color: white;
}

.testimonial-content figcaption {
  margin-top: 1.25rem; /* mt-5 equivalent */
}

/* Responsive styles */
@media (max-width: 768px) {
  .testimonial-section {
    height: auto;
  }

  .testimonial-container {
    flex-direction: column;
    gap: 2.5rem; /* gap-10 equivalent */
    padding: 2.5rem 1.25rem; /* py-10 px-5 equivalent */
    text-align: center;
  }

  .testimonial-content {
    font-size: 1.125rem; /* text-lg equivalent */
    line-height: 1.75rem; /* leading-7 equivalent */
  }
}

@media (max-width: 640px) {
  .testimonial-container {
    padding: 1.25rem; /* p-5 equivalent */
  }

  .testimonial-image-container {
    transform: scale(0.8);
  }

  .testimonial-image-border {
    transform: scale(0.8);
  }

  .testimonial-content {
    font-size: 1rem; /* text-base equivalent */
    line-height: 1.5rem; /* leading-6 equivalent */
  }
}
.fundraising-banner {
  border-radius: 0;
}

.banner-container {
  gap: 20px;
  display: flex;
  padding-left: 5rem;
}

.content-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  line-height: normal;
  width: 42%;
  margin-left: 0;
}

.content-wrapper {
  margin-top: 4rem;
  align-self: stretch;
}

.banner-heading {
  color: rgba(0, 0, 0, 1);
  font-size: 4rem;
  font-weight: 900;
  margin: 0;
}

.image-column {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  line-height: normal;
  width: 58%;
  margin-left: 20px;
}

.banner-image {
  aspect-ratio: 0.84;
  object-fit: contain;
  object-position: center;
  width: 100%;
  flex-grow: 1;
}

@media (max-width: 991px) {
  .banner-container {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }

  .content-column {
    width: 100%;
  }

  .content-wrapper {
    max-width: 100%;
    margin-top: 40px;
  }

  .banner-heading {
    max-width: 100%;
    font-size: 40px;
  }

  .shop-now-button {
    padding: 17px 20px 30px;
    margin-top: 40px;
  }

  .image-column {
    width: 100%;
  }

  .banner-image {
    max-width: 100%;
  }
}
/** Shop by category section **/
.category-showcase {
  width: 100%;
  background-color: rgba(217, 217, 217, 0.3);
  padding: 40px 20px;
}

.category-container {
  max-width: 1440px;
  margin: 0 auto;
}

.category-title {
  font-size: 35px;
  font-weight: 700;
  text-align: center;
  color: #000;
  margin-bottom: 40px;
}

.category-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 30px;
}

.category-card {
  width: 100%;
  border-radius: 19px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}

.category-image {
  width: 100%;
  height: 225px;
  object-fit: cover;
  display: block;
}

.category-name {
  height: 54px;
  font-size: 22px;
  font-weight: 900;
  color: #000;
  padding: 15px;
  margin: 0;
  display: flex;
  align-items: center;
}

@media (max-width: 991px) {
  .category-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .category-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
/* ==========================================================
   START: ACCOUNT V2 (Hodgepodge)
   Ported from shopper24 CMS backup 2026-07-15.
   Four blocks, kept in shopper24's original order because
   later rules deliberately override earlier ones.
   Do not reorder.
   ========================================================== */

/* ----- 1 of 4: Account v2 Orders clean columns ----- */

/* ===== START: Account v2 Orders clean columns ===== */

/* Pay + Details stay together, right-aligned, in the actions cell */
.acv2-order-actions {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.5rem;
}
.acv2-order-actions form {
	margin: 0;
}

/* Fixed column grid on desktop so every column lines up row to row */
@media (min-width: 768px) {
	.acv2-order-row {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 160px 120px 280px;
		align-items: center;
		column-gap: 1.5rem;
	}
	.acv2-order-status {
		justify-self: start;
	}
	.acv2-order-total {
		justify-self: end;
		text-align: right;
	}
	.acv2-order-actions {
		justify-self: end;
	}
}

/* ===== END: Account v2 Orders clean columns ===== */ 

/* ----- 2 of 4: Shared G2 card / search / actions -----
   Lifted whole from shopper24's 'Account Galleries V2 (G2)'
   block. Some selectors here are gallery-only and unused on
   Hodgepodge (create tile, empty tile, back link, overflow).
   Left in place: dead selectors cost nothing at runtime and
   trimming them risks cutting a rule the projects grid shares.
   ----- */

/* ===== START: Account Galleries V2 (G2) ===== */

.account-g2 {
	background: #f6f7fa;
}

/* IMPORTANT: container is Bootstrap's .container.
   This targets containers INSIDE a section with .account-g2. */
.account-g2 .container {
	max-width: 1400px;
}

/* Back link */
.account-g2-back svg {
	width: 18px;
	height: 18px;
	opacity: 0.6;
}

/* Search pill */
.account-g2-search {
	background: rgba(255, 255, 255, 0.75);
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 20px;
	padding: 1px 10px;
	box-shadow: 0 8px 30px rgba(16, 24, 40, 0.06);
	min-width: 220px;
}
.account-g2-search svg {
	width: 18px;
	height: 18px;
	opacity: 0.5;
	margin-right: 8px;
}
.account-g2-search input {
	background: transparent;
	box-shadow: none !important;
}
/* Gallery G2 — grid container */
.account-g2-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

@media (min-width: 768px) {
	.account-g2-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1200px) {
	.account-g2-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* =========
   GRID VIEW
   ========= */

.account-g2-projects--grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 768px) {
	.account-g2-projects--grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1200px) {
	.account-g2-projects--grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.account-g2-card-wrap {
	position: relative;
}

/* Shared card */
.account-g2-card {
	display: block;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 10px 30px rgba(16, 24, 40, 0.08);
	transition: transform 0.18s ease, box-shadow 0.18s ease;
	color: inherit;
	text-decoration: none !important;
	position: relative;
	z-index: 1;
}

.account-g2-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 40px rgba(16, 24, 40, 0.12);
}

/* Uniform media + body */
.account-g2-card__media {
	height: 180px;
	background: #fff;
	overflow: hidden;
}

.account-g2-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Ensure px-project-preview fills its container in all views */
.account-g2-card__media px-project-preview {
	display: block;
	width: 100%;
	height: 100%;
}

.account-g2-card__media px-project-preview::part(img) {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.account-g2-card__body {
	padding: 12px 14px 14px 14px;
}

.account-g2-card__title {
	font-weight: 700;
	line-height: 1.2;
	margin: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.account-g2-card__meta {
	margin-top: 8px;
	font-size: 12px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px 10px;
	color: rgba(0, 0, 0, 0.55);
}

.account-g2-card__meta svg {
	width: 16px;
	height: 16px;
	opacity: 0.55;
}

/* Grid actions — hover reveal, absolute positioned */
.account-g2-actions {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	gap: 8px;
	opacity: 0;
	transition: opacity 0.18s ease;
	z-index: 3;
}

.account-g2-card-wrap:hover .account-g2-actions {
	opacity: 1;
}

/* Form tags inside actions must not break flex layout */
.account-g2-actions form {
	display: contents;
}

/* Icon button — grid default */
.account-g2-icon-btn {
	border: 1px solid rgba(0, 0, 0, 0.06);
	background: rgba(255, 255, 255, 0.88);
	border-radius: 999px;
	width: 36px;
	height: 36px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	color: rgba(0, 0, 0, 0.65);
	text-decoration: none !important;
	cursor: pointer;
}

.account-g2-icon-btn svg {
	width: 16px;
	height: 16px;
	opacity: 0.8;
}

/* Labels: hidden in grid, shown in list */
.account-g2-list-label {
	display: none;
	font-size: 10px;
	font-weight: 500;
	line-height: 1;
}

/* Elements shown only in list view: hidden by default */
.account-g2-list-only {
	display: none;
}

/* Overflow dropdown: hidden in grid */
.account-g2-overflow {
	display: none;
}

/* Order CTA: hidden in grid */
.account-g2-list-order {
	display: none;
}

/* Create tile */
.account-g2-create-tile {
	border: 2px dashed rgba(0, 0, 0, 0.14);
	background: rgba(255, 255, 255, 0.62);
	box-shadow: none;
}

.account-g2-create-tile:hover {
	border-color: rgba(13, 110, 253, 0.25);
	box-shadow: 0 14px 40px rgba(16, 24, 40, 0.10);
}

.account-g2-create-icon {
	width: 64px;
	height: 64px;
	border-radius: 999px;
	background: rgba(13, 110, 253, 0.12);
	display: flex;
	align-items: center;
	justify-content: center;
}

.account-g2-create-plus {
	font-size: 34px;
	line-height: 1;
	color: #0d6efd;
	font-weight: 600;
	transform: translateY(-1px);
}

/* Empty gallery tile */
.account-g2-empty-tile {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 20px;
	background: linear-gradient(
		145deg,
		rgba(255,255,255,0.95),
		rgba(245,247,250,0.95)
	);
}

.account-g2-empty-icon {
	width: 54px;
	height: 54px;
	border-radius: 999px;
	background: rgba(13,110,253,0.08);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 12px;
}

.account-g2-empty-icon svg {
	width: 22px;
	height: 22px;
	opacity: 0.6;
}

.account-g2-empty-title {
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 4px;
	color: #d93025;
}

.account-g2-empty-sub {
	font-size: 12px;
	color: rgba(0,0,0,0.55);
}

/* =========
   LIST VIEW
   ========= */

.account-g2-projects--list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* Card-wrap becomes a horizontal row */
.account-g2-projects--list .account-g2-card-wrap {
	display: flex;
	align-items: stretch;
	background: rgba(255, 255, 255, 0.92);
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(16, 24, 40, 0.06);
	transition: box-shadow 0.18s ease;
}

.account-g2-projects--list .account-g2-card-wrap:hover {
	box-shadow: 0 8px 24px rgba(16, 24, 40, 0.10);
}

/* Card becomes image + content flex row, loses own card styling */
.account-g2-projects--list .account-g2-card {
	flex: 1 1 auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	border-radius: 0;
	box-shadow: none;
	border: none;
	min-width: 0;
}

.account-g2-projects--list .account-g2-card:hover {
	transform: none;
	box-shadow: none;
}

/* Fixed-width image in list */
.account-g2-projects--list .account-g2-card__media {
	flex-shrink: 0;
	width: 130px;
	height: auto;
	align-self: stretch;
	border-radius: 0;
}

/* px-project-preview must fill the fixed list media container */
.account-g2-projects--list .account-g2-card__media px-project-preview {
	display: block;
	width: 130px;
	height: 100%;
	min-height:90px;
}
.account-g2-projects--list .account-g2-card__media px-project-preview::part(img) {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}
/* Content fills remaining space */
.account-g2-projects--list .account-g2-card__body {
	flex: 1 1 auto;
	min-width: 0;
}

/* Actions: lose absolute, become always-visible side panel */
.account-g2-projects--list .account-g2-actions {
	position: static;
	opacity: 1;
	display: flex;
	align-items: center;
	gap: 2px;
	padding: 0 8px;
	border-left: 1px solid rgba(0, 0, 0, 0.06);
	align-self: stretch;
}

/* No hover-reveal needed in list */
.account-g2-projects--list .account-g2-card-wrap:hover .account-g2-actions {
	opacity: 1;
}

/* Icon buttons: column layout, transparent bg, labeled */
.account-g2-projects--list .account-g2-icon-btn {
	flex-direction: column;
	gap: 4px;
	width: 52px;
	height: auto;
	min-height: 64px;
	border-radius: 10px;
	border: none;
	background: transparent;
	color: rgba(0, 0, 0, 0.55);
}

.account-g2-projects--list .account-g2-icon-btn:hover {
	background: rgba(0, 0, 0, 0.04);
	color: rgba(0, 0, 0, 0.85);
}

/* Show labels in list */
.account-g2-projects--list .account-g2-list-label {
	display: block;
}

/* Show list-only elements in list */
.account-g2-projects--list .account-g2-list-only {
	display: inline;
}

/* Order button in list view — primary accent, matches v2 feel */
.account-g2-order-btn {
	color: var(--acv2-primary, #00bcd4);
	border-color: var(--acv2-border, #e8e8e8);
}
.account-g2-order-btn:hover {
	background: var(--acv2-primary, #00bcd4);
	color: #fff;
	border-color: var(--acv2-primary, #00bcd4);
}
/* ----- START: Copy-to-clipboard toast ----- */
.account-g2-copy-tip {
	position: absolute;
	bottom: calc(100% + 6px);
	left: 50%;
	transform: translateX(-50%);
	background: #333;
	color: #fff;
	font-size: 12px;
	white-space: nowrap;
	padding: 4px 10px;
	border-radius: 4px;
	pointer-events: none;
	animation: acv2CopyFade 2s ease forwards;
	z-index: 10;
}
@keyframes acv2CopyFade {
	0%, 70% { opacity: 1; }
	100%    { opacity: 0; }
}
/* ----- END: Copy-to-clipboard toast ----- */
/* Hide standalone share button in list — moves to overflow */
.account-g2-projects--list .account-g2-share-btn {
	display: inline-flex !important;
}

/* Hide cart icon in list — replaced by Order pill */
.account-g2-projects--list .account-g2-cart-btn {
	display: none;
}

/* Show overflow dropdown in list */
.account-g2-projects--list .account-g2-overflow {
	display: block;
}

/* Strip Bootstrap's dropdown caret */
.account-g2-overflow .dropdown-toggle::after {
	display: none;
}

/* Order CTA — list view */
.account-g2-projects--list .account-g2-list-order {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	padding: 0 16px 0 4px;
	align-self: center;
}

.account-g2-projects--list .account-g2-list-order .btn {
	white-space: nowrap;
	font-size: 13px;
	font-weight: 600;
	padding: 7px 20px;
	border-radius: 999px;
	display: flex;
    align-items: center;
    justify-content: center;
}

/* ===== END: Account Galleries V2 (G2) ===== */

/* ----- 3 of 4: Saved Projects (G2) -----
   Intentionally re-declares .account-g2-projects--grid and
   --list from block 2. Later wins. This is shopper24's own
   ordering, not an error.
   ----- */

/* =========================
   SAVED PROJECTS (G2)
   ========================= */

.account-g2-project-grid {
	gap: 22px;
}

/* Force consistent card sizing */
.account-g2-project-card {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.account-g2-project-media {
	height: 240px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

@media (min-width: 768px) {
	.account-g2-project-media {
		height: 260px;
	}
}

/* px preview should fill the media area */
.account-g2-project-preview {
	width: 100%;
	height: 100%;
	display: block;
}

/* Lock body height so cards always match */
.account-g2-project-card .account-g2-card__body {
	flex: 1;
	min-height: 84px;
}

/* Clamp title to prevent taller cards */
.account-g2-project-card .account-g2-card__title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Clamp meta line too (prevents wrap on long product names like “MetalPrint 16x20”) */
.account-g2-project-card .account-g2-card__meta {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* View toggle buttons */
.account-g2-viewtoggle {
	gap: 8px;
}
.account-g2-viewtoggle .btn {
	border-radius: 999px;
	padding-left: 14px;
	padding-right: 14px;
}

/* Grid container */
.account-g2-projects--grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
}

@media (min-width: 768px) {
	.account-g2-projects--grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}
@media (min-width: 1200px) {
	.account-g2-projects--grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* List container */
.account-g2-projects--list {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

/* List cards become horizontal rows */
.account-g2-projects--list .account-g2-card {
	display: grid;
	grid-template-columns: 260px 1fr;
	align-items: stretch;
}

.account-g2-projects--list .account-g2-project-media {
	height: 160px;
}

.account-g2-projects--list .account-g2-card__body {
	min-height: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
/* =========================
   END SAVED PROJECTS (G2)
   ========================= */

/* ----- 4 of 4: Account V2 Shell ----- */

/* ===== START: Account V2 Shell =====

   Structural layout for the account v2 two-column shell:
   sidebar navigation + content area.
   Scoped entirely under .acv2 to avoid leakage.

   Uses site theme tokens via Liquid snippets for colors
   and border-radius. Falls back to sensible defaults if
   snippets are empty.

   ===== */

/* --- Custom properties (scoped) --- */
.acv2 {
	--acv2-accent: #faa21b;
	--acv2-accent-soft: #faa21b1a;
	--acv2-text: #2d2d2d;
	--acv2-text-muted: rgba(0, 0, 0, 0.50);
	--acv2-bg-page: #f5f6f8;
	--acv2-bg-card: rgba(255, 255, 255, 0.55);
	--acv2-border: rgba(0, 0, 0, 0.06);
	--acv2-radius: 20px;
	--acv2-radius-lg: 18px;
	--acv2-shadow: 0 14px 40px rgba(16, 24, 40, 0.10);
	--acv2-shadow-sm: 0 4px 16px rgba(16, 24, 40, 0.06);
	background: var(--acv2-bg-page);
	padding: 28px 0 60px;
}

/* --- Shell grid --- */
.acv2__shell {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 24px;
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 28px;
	align-items: start;
}

/* --- Sidebar --- */
.acv2-sidebar {
	position: sticky;
	top: 90px;
	background: var(--acv2-bg-card);
	border: 1px solid var(--acv2-border);
	border-radius: var(--acv2-radius-lg);
	box-shadow: var(--acv2-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.acv2-sidebar__head {
	padding: 16px 16px 12px 16px;
	font-weight: 800;
	letter-spacing: 0.2px;
	color: rgba(0, 0, 0, 0.75);
	border-bottom: 1px solid var(--acv2-border);
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.70),
		rgba(255, 255, 255, 0.35)
	);
}

.acv2-sidebar__item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 13px 14px;
	margin: 2px 6px;
	border-radius: 14px;
	color: rgba(0, 0, 0, 0.70);
	text-decoration: none !important;
	font-weight: 600;
	font-size: 14px;
	transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.acv2-sidebar__item:hover {
	background: rgba(255, 255, 255, 0.65);
	box-shadow: 0 10px 26px rgba(16, 24, 40, 0.08);
	transform: translateY(-1px);
	color: rgba(0, 0, 0, 0.85);
	text-decoration: none !important;
}

.acv2-sidebar__chev {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	opacity: 0.55;
	transition: opacity 0.18s ease, transform 0.18s ease;
}

.acv2-sidebar__chev svg {
	width: 18px;
	height: 18px;
}

.acv2-sidebar__item:hover .acv2-sidebar__chev {
	opacity: 0.85;
	transform: translateX(1px);
}

.acv2-sidebar__item.is-active {
	background: var(--acv2-accent-soft);
	box-shadow: inset 0 0 0 1px var(--acv2-accent-soft);
}

.acv2-sidebar__item.is-active .acv2-sidebar__label {
	color: rgba(0, 0, 0, 0.85);
	font-weight: 800;
}

.acv2-sidebar__item.is-active .acv2-sidebar__chev {
	opacity: 1;
	color: var(--acv2-accent);
}

.acv2-sidebar__divider {
	height: 1px;
	margin: 6px 10px;
	background: rgba(0, 0, 0, 0.07);
}

.acv2-sidebar__item.is-logout {
	background: rgba(255, 255, 255, 0.35);
}

.acv2-sidebar__item.is-logout:hover {
	background: rgba(220, 53, 69, 0.08);
	box-shadow: 0 10px 26px rgba(220, 53, 69, 0.10);
}

/* --- Page header --- */
.acv2-page-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 24px;
	flex-wrap: wrap;
}

.acv2-page-title {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: -0.02em;
	margin: 0 0 4px;
	color: var(--acv2-text);
}

.acv2-page-sub {
	color: var(--acv2-text-muted);
	font-size: 14px;
	margin: 0;
}

.acv2-page-actions {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

.acv2-accent {
	color: var(--acv2-accent);
}

/* --- Content area --- */
.acv2__content {
	min-width: 0;
}

/* --- Cards --- */
.acv2-card {
	background: var(--acv2-bg-card);
	border: 1px solid var(--acv2-border);
	border-radius: var(--acv2-radius-lg);
	box-shadow: var(--acv2-shadow-sm);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.acv2-card--pad {
	padding: 24px;
}

/* --- Section headers --- */
.acv2-section-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
}

.acv2-section-label {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--acv2-text-muted);
}

.acv2-section-link {
	font-size: 13px;
	font-weight: 600;
	color: var(--acv2-accent);
	text-decoration: none !important;
}

.acv2-section-link:hover {
	text-decoration: underline !important;
}

/* --- Form card (for info/addresses/dates forms) --- */
.acv2-form-title {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 18px;
	color: var(--acv2-text);
}

/* --- Status pills --- */
.acv2-pill {
	display: inline-flex;
	align-items: center;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 3px 10px;
	border-radius: 999px;
	white-space: nowrap;
}

.acv2-pill--shipped {
	background: #dbe7fb;
	color: #1a56db;
}

.acv2-pill--confirmed {
	background: #dff4e6;
	color: #0f7d3a;
}

.acv2-pill--delivered {
	background: #f0f1f3;
	color: #5b6271;
}

.acv2-pill--pending {
	background: #fbeacc;
	color: #9a5a06;
}

.acv2-pill--primary {
	background: var(--acv2-accent-soft);
	color: var(--acv2-accent);
}

.acv2-pill--neutral {
	background: #f0f1f3;
	color: #5b6271;
}

/* --- Empty state --- */
.acv2-empty {
	text-align: center;
	padding: 48px 24px;
}

.acv2-empty__icon {
	width: 56px;
	height: 56px;
	border-radius: 999px;
	background: var(--acv2-accent-soft);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
}

.acv2-empty__icon svg {
	width: 24px;
	height: 24px;
	opacity: 0.6;
}

.acv2-empty__title {
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 6px;
}

.acv2-empty__sub {
	font-size: 14px;
	color: var(--acv2-text-muted);
	max-width: 360px;
	margin: 0 auto;
}

/* --- Dot separator --- */
.acv2-dot {
	display: inline-block;
	width: 3px;
	height: 3px;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.25);
	vertical-align: middle;
	margin: 0 2px;
}

/* --- Icon circle buttons --- */
.acv2-icon-btn {
	width: 36px;
	height: 36px;
	border-radius: 999px;
	border: 1px solid var(--acv2-border);
	background: rgba(255, 255, 255, 0.88);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	color: rgba(0, 0, 0, 0.55);
	cursor: pointer;
	transition: background 0.15s ease, color 0.15s ease;
}

.acv2-icon-btn:hover {
	background: rgba(0, 0, 0, 0.04);
	color: rgba(0, 0, 0, 0.85);
}

.acv2-icon-btn svg {
	width: 15px;
	height: 15px;
}

/* --- Responsive --- */
@media (max-width: 991px) {
	.acv2 {
		padding: 16px 0 40px;
	}

	.acv2__shell {
		grid-template-columns: 1fr;
		gap: 16px;
		padding: 0 16px;
	}

	.acv2-sidebar {
		position: static;
	}

	.acv2-page-title {
		font-size: 24px;
	}

	.acv2-page-head {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
}

@media (max-width: 575px) {
	.acv2-page-title {
		font-size: 20px;
	}

	.acv2-page-actions {
		width: 100%;
	}

	.acv2-page-actions .account-g2-search {
		flex: 1;
	}
}
/* ===== START: Account V2 Dashboard + Orders CSS ===== */

/* ===== START: Account v2 welcome heading load animation ===== */
@keyframes acv2FadeUp {
	from {
		opacity: 0;
		transform: translateY(12px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes acv2Type {
	from {
		max-width: 0;
	}
	to {
		max-width: calc(var(--acv2-name-len, 12) * 1.15ch);
	}
}

@keyframes acv2Caret {
	0%, 100% {
		border-right-color: transparent;
	}
	50% {
		border-right-color: currentColor;
	}
}

.acv2-page-title {
	animation: acv2FadeUp 0.5s ease-out both;
}

.acv2-typing {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	vertical-align: bottom;
	max-width: 0;
	border-right: 3px solid transparent;
	animation:
		acv2Type 1.2s steps(12, end) 0.5s both,
		acv2Caret 0.7s step-end 0.5s 4 forwards;
}

.acv2-page-sub {
	animation: acv2FadeUp 0.5s ease-out 1.8s both;
}

@media (prefers-reduced-motion: reduce) {
	.acv2-page-title,
	.acv2-page-sub,
	.acv2-typing {
		animation: none;
		max-width: none;
		border-right-color: transparent;
	}
}
/* ===== END: Account v2 welcome heading load animation ===== */

/* --- Dashboard grid (two-col layout) --- */
.acv2-dash-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 24px;
	align-items: start;
}

.acv2-dash-main {
	min-width: 0;
}

.acv2-dash-side {
	min-width: 0;
}

@media (max-width: 991px) {
	.acv2-dash-grid {
		grid-template-columns: 1fr;
	}
}

/* --- Order rows (used in orders page + dashboard) --- */
.acv2-order-row {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 14px 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	flex-wrap: wrap;
}

.acv2-order-row--first {
	border-top: none;
}

.acv2-order-meta {
	flex: 1 1 auto;
	min-width: 0;
}

.acv2-order-code {
	font-weight: 700;
	font-size: 14px;
	font-family: ui-monospace, 'SF Mono', monospace;
}

.acv2-order-sub {
	font-size: 13px;
	color: rgba(0, 0, 0, 0.50);
	margin-top: 2px;
}

.acv2-order-status {
	flex-shrink: 0;
}

.acv2-order-total {
	font-weight: 700;
	font-size: 15px;
	flex-shrink: 0;
	min-width: 70px;
	text-align: right;
}

.acv2-order-actions {
	flex-shrink: 0;
}

@media (max-width: 575px) {
	.acv2-order-row {
		gap: 8px 12px;
		padding: 12px 14px;
	}

	.acv2-order-total {
		font-size: 14px;
	}
}

/* --- Date rows (used in dates page) --- */
.acv2-date-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 14px 20px;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.acv2-date-row--first {
	border-top: none;
}

.acv2-date-info {
	flex: 1 1 auto;
	min-width: 0;
}

.acv2-date-actions {
	display: flex;
	gap: 6px;
	flex-shrink: 0;
}
/* ── account v2: order details ── */
.acv2-back {
	margin-bottom: 4px;
}
.acv2-back__link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 13px;
	color: #6b7280;
	text-decoration: none;
}
.acv2-back__link svg {
	width: 14px;
	height: 14px;
	transform: rotate(180deg);
}
.acv2-back__link:hover {
	color: #111;
}

.acv2-detail-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
}
@media (max-width: 767px) {
	.acv2-detail-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}
.acv2-detail-label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #6b7280;
	margin-bottom: 4px;
}
.acv2-detail-value {
	font-size: 14px;
	font-weight: 600;
	color: #111;
}

.acv2-card__head {
	padding: 20px 24px 12px;
	font-size: 15px;
	font-weight: 600;
	color: #111;
}

.acv2-lineitem {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 16px 24px;
	border-top: 1px solid #f3f4f6;
}
.acv2-lineitem--first {
	border-top: none;
}
.acv2-lineitem__thumb {
	flex-shrink: 0;
	width: 80px;
	height: 80px;
	border-radius: 8px;
	overflow: hidden;
	background: #f9fafb;
}
.acv2-lineitem__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
px-project-preview.acv2-lineitem__img::part(img) {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.acv2-lineitem__body {
	flex: 1;
	min-width: 0;
}
.acv2-lineitem__name {
	font-size: 14px;
	font-weight: 600;
	color: #111;
	margin-bottom: 2px;
}
.acv2-lineitem__price {
	font-size: 13px;
	color: #6b7280;
	margin-bottom: 4px;
}
.acv2-lineitem__option {
	font-size: 12px;
	color: #6b7280;
}
.acv2-lineitem__actions {
	flex-shrink: 0;
}
@media (max-width: 767px) {
	.acv2-lineitem {
		flex-wrap: wrap;
	}
	.acv2-lineitem__actions {
		width: 100%;
		margin-top: 8px;
	}
}

.acv2-totals__row {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	color: #6b7280;
	padding: 6px 0;
}
.acv2-totals__row--total {
	border-top: 1px solid #e5e7eb;
	margin-top: 8px;
	padding-top: 14px;
	font-size: 16px;
	font-weight: 700;
	color: #111;
}

.acv2-delivery-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
}
@media (max-width: 767px) {
	.acv2-delivery-grid {
		grid-template-columns: 1fr;
	}
}
.acv2-delivery-address {
	font-size: 14px;
	color: #6b7280;
	line-height: 1.6;
}
/* ── order details: card spacing ── */
.acv2-order-detail .acv2-card + .acv2-card {
	margin-top: 16px;
}
.acv2-order-detail .acv2-page-head {
	margin-bottom: 16px;
}
/* ===== END: Account V2 Dashboard + Orders CSS ===== */

/* ===== END: Account V2 Shell ===== */

/* ==========================================================
   END: ACCOUNT V2 (Hodgepodge)
   ========================================================== */