/* DAR JUMANA commerce: shared with the native Harmony cart/checkout DOM. */
.dj-commerce{background:#f5efe6;color:#2b2320;overflow-x:clip}
.dj-commerce .yc-single-product{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(22px,4vw,56px);align-items:start;max-width:1280px;margin-inline:auto;padding-inline:24px}
.dj-commerce .yc-single-product>*{min-width:0}
.dj-commerce .product-details.dj-product-purchase{display:flex;flex-direction:column;gap:17px;padding-block:8px}
.dj-commerce .dj-product-eyebrow{font-size:12px;color:#6b522b;font-weight:700;margin:0}
.dj-commerce .product-name{font-size:clamp(25px,2.6vw,37px);line-height:1.5;color:#1c4f49;font-weight:700;margin:0;overflow-wrap:anywhere}
.dj-commerce .product-price{color:#1c4f49;font-size:clamp(24px,2.1vw,30px);font-weight:700;line-height:1.4;margin:0}
.dj-commerce .product-price-container{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.dj-commerce .product-images{width:100%;position:sticky;top:24px}
.dj-commerce .product-images-container{display:block;width:100%}
.dj-gallery-main{display:block;width:100%;position:relative;aspect-ratio:1;border:1px solid #e8dfd2;border-radius:18px;padding:0;background:#fffdf9;overflow:hidden;cursor:zoom-in;touch-action:pan-y}
.dj-gallery-main .main-image{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;position:static!important}
.dj-zoom-hint{position:absolute;inset-inline-end:12px;bottom:12px;padding:5px 10px;border-radius:20px;font-size:11px;background:#fffdf9ed;color:#1c4f49;pointer-events:none}
.dj-gallery-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px}
.dj-gallery-thumbnails button{aspect-ratio:1;border:1px solid #ded5c7;border-radius:10px;overflow:hidden;padding:0;cursor:pointer;background:#fffdf9}
.dj-gallery-thumbnails button[aria-pressed=true]{border:2px solid #1c4f49;box-shadow:0 0 0 2px #a9865126}
.dj-gallery-thumbnails img{width:100%;height:100%;object-fit:contain;display:block}
.dj-gallery-counter{font-size:12px;text-align:center;margin:8px 0;color:#5f6b63}
.dj-image-dialog{width:min(96vw,1200px);height:min(94vh,1200px);max-width:96vw;max-height:94vh;border:0;border-radius:16px;padding:44px 12px 12px;background:#fffdf9}
.dj-image-dialog::backdrop{background:#2b2320d9}
.dj-image-dialog img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain}
.dj-image-dialog [data-dj-close-zoom]{position:absolute;top:8px;inset-inline-end:8px;width:40px;height:40px;border:1px solid #ddd3c3;border-radius:50%;font-size:28px;line-height:1;background:#f5efe6;color:#1c4f49;cursor:pointer}
.dj-commerce .product-option-title{color:#1c4f49;font-size:14px;font-weight:700;margin-bottom:10px}
.dj-commerce .product-options{display:flex;flex-direction:column;gap:16px}
.dj-commerce .yc-options-item,.dj-commerce .yc-image-options-item,.dj-commerce .color-item,.dj-commerce .dropdown-input{border-radius:10px;border-color:#d6cbb9;min-height:44px}
.dj-commerce .yc-options-item.active,.dj-commerce .color-item.active{background:#e8f0ec;color:#1c4f49;border-color:#1c4f49}
.dj-commerce .quantity-field{border:1px solid #ded5c7;border-radius:12px;overflow:hidden;width:max-content;max-width:100%}
.dj-commerce .quantity-field button{min-width:44px;min-height:44px}
.dj-commerce .quantity-field input{color:#1c4f49;background:#fffdf9;width:64px}
.dj-commerce .add-to-cart-btn button{width:100%;min-height:56px;border-radius:13px;background:#1c4f49;color:#fffdf9;font-size:16px;font-weight:700}
.dj-commerce .add-to-cart-btn button:hover:not(:disabled){background:#153f3b}
.dj-commerce .add-to-cart-btn button:disabled{opacity:.55;cursor:not-allowed}
.dj-product-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:14px;border:1px solid #e8dfd2;border-radius:14px;background:#faf7f1;color:#1c4f49;font-size:12px;font-weight:700}
.dj-commerce .dj-product-note{color:#59665e;font-size:12px;line-height:1.9;margin:0}
.dj-product-description{grid-column:1/-1;border:1px solid #e8dfd2;border-radius:22px;padding:clamp(20px,4vw,42px);background:#fffdfa;box-shadow:0 10px 34px #1c4f490b;overflow:hidden;margin-block:10px 24px}
.dj-detail-rule{display:block;width:42px;height:2px;background:#a98651;margin-bottom:14px}
.dj-product-description h2{color:#1c4f49;font-size:clamp(23px,2.5vw,32px);margin:0 0 10px}
.dj-description-content{max-width:960px;margin:24px auto 0;line-height:1.95;font-size:15px;overflow-wrap:anywhere}
.dj-description-content img,.dj-description-content video,.dj-description-content iframe{max-width:100%;height:auto;border-radius:12px}
.dj-description-content table{display:block;max-width:100%;overflow-x:auto}
.dj-description-content h2,.dj-description-content h3,.dj-description-content h4{color:#1c4f49;line-height:1.6}
.dj-product-sticky{position:fixed;inset-inline:0;bottom:0;z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#f5efe6f5;border-top:1px solid #e8dfd2;text-align:center}
.dj-product-sticky[hidden]{display:none!important}
.dj-product-sticky button{width:min(100%,520px);min-height:52px;border:0;border-radius:100px;background:#1c4f49;color:#fffdf9;font-weight:700;cursor:pointer;font:inherit}
.dj-has-product-sticky{padding-bottom:88px}
.dj-product-card{display:flex!important;flex-direction:column;border:1px solid #e8dfd2!important;border-radius:18px!important;overflow:hidden;background:#fffdf9;text-decoration:none!important;box-shadow:0 4px 16px #1c4f4906;transition:transform .2s,box-shadow .2s;height:100%}
.dj-product-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1c4f4910}
.dj-product-card .product-thumbnail{aspect-ratio:1;position:relative;background:#fff;overflow:hidden;height:auto!important}
.dj-product-card .product-thumbnail img{width:100%;height:100%;object-fit:contain!important;display:block;position:static!important;padding:12px}
.dj-product-card .product-details{display:flex!important;flex:1;flex-direction:column;gap:10px;padding:16px!important}
.dj-product-card .product-title{font-size:15px!important;font-weight:600;line-height:1.8;color:#1c4f49!important;margin:0!important;text-align:start!important;white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.6em}
.dj-product-card .prices{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}
.dj-product-card .product-price{font-size:18px!important;font-weight:700!important;color:#1c4f49!important}
.dj-card-cta{display:flex;justify-content:space-between;color:#1c4f49;border-top:1px solid #e8dfd2;padding-top:10px;font-size:12px;font-weight:600}
.dj-media-unavailable{display:flex;align-items:center;justify-content:center;min-height:150px;padding:20px;text-align:center;background:#e8dfd2;color:#1c4f49;font-size:13px}
.dj-listing{max-width:1280px;margin-inline:auto;padding:28px 24px 60px;color:#2b2320}
.dj-listing-heading{background:#e8dfd2;border-radius:18px;padding:clamp(24px,5vw,56px);margin:10px 0 28px;position:relative;overflow:hidden;color:#1c4f49;min-height:160px}
.dj-listing-heading.has-image{color:#fffdf9;min-height:240px;display:flex;flex-direction:column;justify-content:end;background:#1c4f49}
.dj-listing-heading>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3}
.dj-listing-heading>*:not(img){position:relative}
.dj-listing-heading h1{font-size:clamp(26px,4vw,44px);line-height:1.4;margin:0;color:inherit}
.dj-listing-heading p{font-size:14px;line-height:1.8;margin:12px 0 0}
.dj-listing-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.dj-listing .product-list,.dj-listing .collection-list{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px}
.dj-listing .subcategories{display:flex;gap:12px;overflow-x:auto;padding:4px 0 20px;scroll-snap-type:x mandatory}
.dj-listing .collection-block{display:flex;flex-direction:column;border-radius:18px;background:#fffdf9;border:1px solid #e8dfd2;overflow:hidden;color:#1c4f49;text-decoration:none}
.dj-listing .collection-thumbnail{aspect-ratio:1;overflow:hidden}
.dj-listing .collection-thumbnail img{width:100%;height:100%;object-fit:cover}
.dj-listing .collection-details{padding:14px;text-align:center;font-size:15px;font-weight:700}
.dj-listing .sort-select{border:1px solid #d6cbb9;background:#fffdf9;color:#1c4f49;padding:10px 14px;border-radius:8px;min-height:44px}
.dj-empty{padding:48px 24px;text-align:center;border:1px solid #e8dfd2;border-radius:18px;background:#fffdf9}
.dj-empty h2{color:#1c4f49;font-size:24px}.dj-empty a{display:inline-block;margin-top:16px;color:#1c4f49;text-decoration:underline}
.dj-search-form{display:flex;border:1px solid #d6cbb9;border-radius:12px;overflow:hidden;background:#fffdf9;max-width:650px;margin:20px 0 28px}
.dj-search-form input{padding:14px;min-width:0;flex:1;border:0;background:transparent;color:#2b2320;font:inherit}
.dj-search-form button{background:#1c4f49;color:#fff;border:0;padding-inline:22px;font:inherit;cursor:pointer}
/* Existing cart uses YouCan's handlers; only its presentation is restyled. */
.yc-cart{color:#2b2320}.yc-cart .yc-btn,.yc-cart button.cart-submit{background:#1c4f49;color:#fffdf9;border-radius:12px;min-height:48px}
.yc-cart input{border-color:#ded5c7;border-radius:8px}.yc-cart img{object-fit:contain}
.dj-commerce :focus-visible,.dj-listing :focus-visible{outline:2px solid #1c4f49;outline-offset:4px}
@media(max-width:1023px){.dj-listing .product-list,.dj-listing .collection-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px}}
@media(max-width:767px){
 .dj-commerce .yc-single-product{grid-template-columns:minmax(0,1fr);gap:20px;padding-inline:16px}
 .dj-commerce .product-images{position:static;order:0;max-width:100%}
 .dj-commerce .product-details.dj-product-purchase{order:1;padding:0;gap:14px}
 .dj-commerce .dj-product-description{order:2;padding:20px 16px;border-radius:16px;grid-column:1;margin-top:0}
 .dj-gallery-thumbnails{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px;gap:8px}
 .dj-gallery-thumbnails button{flex:0 0 calc((100% - 30px)/4);scroll-snap-align:start;min-width:0}
 .dj-commerce .product-name{font-size:clamp(23px,6vw,29px)}
 .dj-product-trust{padding:12px 10px;font-size:11px}
 .dj-description-content{font-size:14px}
 .dj-listing{padding:20px 16px 40px}
 .dj-listing .product-list,.dj-listing .collection-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
 .dj-product-card .product-details{padding:12px!important;gap:8px}
 .dj-product-card .product-title{font-size:13px!important}
 .dj-product-card .product-price{font-size:16px!important}
 .dj-product-card{border-radius:13px!important}
 .dj-listing-toolbar{align-items:start;flex-direction:column}
 .dj-listing-heading.has-image{min-height:190px}
}
@media(prefers-reduced-motion:reduce){.dj-product-card{transition:none}.dj-product-card:hover{transform:none}}
/* Match the starter's specificity for its desktop width and image rules. */
.dj-commerce .yc-single-product .product-images{width:100%;margin:0}
.dj-commerce .yc-single-product .product-images .product-images-container{display:block}
.dj-commerce .yc-single-product .product-details.dj-product-purchase{width:100%}
.dj-commerce .product-details .product-name{font-size:clamp(25px,2.6vw,37px);line-height:1.5;font-weight:700;color:#1c4f49}
.dj-commerce .product-details .product-price{font-size:clamp(24px,2.1vw,30px);font-weight:700;color:#1c4f49}
.dj-commerce .dropdown-input .dropbtn{min-height:44px;padding:10px 14px}
.dj-commerce .dropdown-content li{padding:10px 14px;min-height:44px;cursor:pointer}
.dj-commerce .dropdown-content li:focus-visible{outline:2px solid #1c4f49;outline-offset:-2px}
@media(max-width:767px){.dj-commerce .product-details .product-name{font-size:clamp(23px,6vw,29px)}}
.yc-cart .cart-table{max-width:1280px;margin-inline:auto;padding:24px}
.yc-cart .header-bar h1{font-size:clamp(26px,4vw,40px);color:#1c4f49;margin:0 0 16px}
.yc-cart .summary-box,.yc-cart .table-container{border-radius:18px;border-color:#e8dfd2;background:#fffdf9}
.yc-cart .summary-box{padding:24px}
.yc-cart .product-image img{object-fit:contain;border-radius:10px}
.yc-cart .quantity-wrapper{border-radius:10px;border-color:#e8dfd2}
.yc-cart .quantity-wrapper button,.yc-cart .yc-btn-close{min-width:44px;min-height:44px}
.yc-cart .dj-cart-shipping-note{font-size:12px;line-height:1.9;color:#59665e;margin-top:16px}
.yc-cart #checkout-button{min-height:54px;border-radius:12px;background:#1c4f49;color:#fffdf9}
@media(max-width:767px){.yc-cart .cart-table{padding:16px}.yc-cart .summary-box{padding:18px}.yc-cart .product-title{font-size:14px;line-height:1.8}}
.dj-image-dialog [data-dj-zoom-media]{width:100%;height:100%}
.dj-commerce .dj-product-sku{font-size:12px;color:#59665e;direction:ltr;text-align:start;margin-top:10px}

.dj-product-description [style*="color:#A98651"]{color:#816236!important}
