@import url("/assets/frappe/dist/css/website.bundle.HGQEUMZB.css");

body, .web-page-content { background: #faf7f1; color: #241a15; font-family: "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif; }
.navbar { min-height: 76px; padding: 0.85rem 0; background: #faf7f1 !important; border-bottom: 1px solid #e8e0d5; }
.navbar .container { min-height: 42px; position: relative; }
.navbar-brand { position: absolute; left: 50%; transform: translateX(-50%); margin: 0; padding: 0; }
.navbar-brand .just-jeans-wordmark { color: #231711; font-size: 1.15rem; font-weight: 500; letter-spacing: .28em; white-space: nowrap; }
.navbar-nav .nav-link { color: #31251e !important; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
.navbar-cta { border: 0; border-radius: 0; background: #59604c; color: #fff; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; padding: .78rem 1.15rem; }
.navbar-cta:hover { background: #3e4436; color: #fff; }
.page-header { position: relative; display: flex; align-items: center; min-height: clamp(330px, 36vw, 500px); padding: 3rem clamp(1.5rem, 6vw, 6rem); overflow: hidden; background: #efe5d7; }
.page-header::after { content: ""; position: absolute; inset: 0 0 0 auto; width: min(42%, 600px); background: url("/files/just-jeans-look-1.jpg") center 18% / cover no-repeat; }
.page-header .mb-6 { position: relative; z-index: 1; max-width: 54%; margin: 0; color: #251811; font-size: 0; }
.page-header .mb-6::before { content: "JUSTJEANS"; display: block; font-size: clamp(2.7rem, 5.5vw, 5rem); font-weight: 500; line-height: .98; letter-spacing: .18em; }
.page-header .mb-6::after { content: "Collection preview · prices and availability not shown"; display: block; margin-top: 1.3rem; color: #685b4f; font-size: .92rem; letter-spacing: .025em; }
.page_content { max-width: 1520px; margin: 0 auto; padding: 3rem clamp(1rem, 3vw, 3rem) 4.5rem; }
.page_content > .row { margin: 0; }
.page_content > .row > .order-1 { display: none !important; }
#product-listing { flex: 0 0 100%; max-width: 100%; padding: 0; }
#products-grid-area { margin: 0 -.65rem; }
#product-listing .item-card { min-width: 0; flex: 0 0 25%; max-width: 25%; padding: .65rem; }
#product-listing .card { height: auto !important; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
#product-listing .card-img-container { aspect-ratio: 4 / 5; overflow: hidden; background: #e9e1d6; }
#product-listing .card-img { width: 100%; height: 100%; border-radius: 0; object-fit: cover; transition: transform .55s ease; }
#product-listing .item-card:hover .card-img { transform: scale(1.025); }
#product-listing .card-body { padding: 1rem .1rem .8rem; }
#product-listing .product-title { color: #261c16; font-size: .97rem; font-weight: 500; letter-spacing: .025em; }
#product-listing .product-category { display: none; }
#product-listing .product-price { color: #493c32; }
.web-footer { background: #eee6da; border-top: 1px solid #e6ddd1; color: #382a22; padding-top: 1.4rem; }
.web-footer .footer-info { border-top: 0; }
.web-footer .footer-powered { color: #382a22; font-size: .75rem; letter-spacing: .2em; text-transform: uppercase; }
@media (max-width: 991px) { #product-listing .item-card { flex-basis: 33.3333%; max-width: 33.3333%; } }
@media (max-width: 767px) {
 .navbar { min-height: 64px; padding: .6rem 0; }
 .navbar .container { min-height: 38px; }
 .navbar-brand .just-jeans-wordmark { font-size: .95rem; letter-spacing: .2em; }
 .navbar-cta { padding: .55rem .65rem; font-size: .58rem; }
 .page-header { min-height: 330px; padding: 2rem 1.25rem; }
 .page-header::after { width: 43%; }
 .page-header .mb-6 { max-width: 62%; }
 .page-header .mb-6::before { font-size: clamp(2.1rem, 8vw, 3.5rem); letter-spacing: .12em; }
 .page-header .mb-6::after { max-width: 17rem; font-size: .78rem; line-height: 1.45; }
 .page_content { padding: 1.6rem .8rem 3rem; }
 #products-grid-area { margin: 0 -.35rem; }
 #product-listing .item-card { flex-basis: 50%; max-width: 50%; padding: .35rem; }
 #product-listing .card-body { padding-top: .7rem; }
 #product-listing .product-title { font-size: .86rem; }
}

/* Just Jeans storefront finishing */
.page-breadcrumbs { display: none !important; }
.page-header .mb-6::before { font-size: clamp(2.5rem, 4.3vw, 4rem) !important; letter-spacing: .13em !important; }
.page-header .mb-6::after { max-width: 28rem; }
#product-listing .card-img-container { height: auto !important; aspect-ratio: 4 / 5 !important; }
#product-listing .card-img { object-position: top center !important; }
.product-code { display: none !important; }
@media (max-width: 767px) {
 .page-header .mb-6 { max-width: 53% !important; }
 .page-header .mb-6::before { font-size: clamp(1.45rem, 6.5vw, 1.75rem) !important; letter-spacing: .075em !important; }
 .page-header .mb-6::after { max-width: 95%; font-size: .68rem !important; line-height: 1.4; }
}

/* Just Jeans storefront finishing 2 */
.page-header .mb-6::before { font-size: clamp(2rem, 3.3vw, 3.1rem) !important; letter-spacing: .1em !important; }
#product-listing .card-img { height: 100% !important; min-height: 100% !important; }
@media (max-width: 767px) {
 .page-header .mb-6 { max-width: 50% !important; }
 .page-header .mb-6::before { font-size: clamp(1.25rem, 5.8vw, 1.55rem) !important; letter-spacing: .07em !important; }
}

/* Just Jeans storefront finishing 3 */
.page-content-wrapper, main { background: #faf7f1 !important; }
.page-header .mb-6::before { font-size: clamp(1.9rem, 2.8vw, 2.5rem) !important; letter-spacing: .085em !important; }
@media (max-width: 767px) {
 .page-header .mb-6::before { font-size: clamp(1.25rem, 5.8vw, 1.55rem) !important; letter-spacing: .07em !important; }
}

/* Just Jeans storefront finishing 4 */
.page-header { width: 100%; flex: 0 0 100%; }