:root{--red:#602e3b;--cream:#f5eddc}.hero{min-height:600px}.hero h1 em{color:#f4ccd3}.hero-image{padding:36px 5%;background:#eeefed}.hero-image>.marouf-hero-photo{width:100%;max-width:none;mix-blend-mode:normal;transform:none;border-radius:12px}.ribbon{background:#efd3d8}.ribbon span{color:#602e3b}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marouf-picture{border:0;padding:0;width:100%;display:block;background:#eeefed}.marouf-picture img{width:100%;aspect-ratio:1.65;object-fit:contain;display:block}.product-copy{padding:24px}.product-copy h3{font-size:1.35rem;margin:8px 0 14px}.product-copy p{font-size:.94rem;line-height:1.65}.product-copy .pack{padding:10px 14px;background:#f2f5f3;border-radius:8px;font-weight:bold;font-size:.86rem}.product-copy details{font-size:.9rem;margin:12px 0 20px}.product-copy summary{cursor:pointer;font-weight:bold}.product-copy ul{padding-left:20px}.product-copy a{font-size:.85rem}.marouf-tools input{display:block;width:min(500px,100%);font:inherit;padding:12px 16px;border:1px solid #c8d1ce;border-radius:8px;margin-top:8px}.marouf-tools label{font-size:.85rem;font-weight:bold}.interlude{background:#602e3b}.source-pages #catalog-pages{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.source-pages button{border:1px solid #ddd;background:#f4f5f2;padding:4px;border-radius:6px;color:#602e3b}.source-pages img{width:100%;display:block}.source-pages span{font-size:.75rem}#viewer{width:96vw;max-width:1600px}#viewer #full{width:100%;max-height:75vh;object-fit:contain}.viewer-actions a{font-size:.8rem}@media(max-width:700px){.product-grid{grid-template-columns:1fr}.source-pages #catalog-pages{grid-template-columns:repeat(3,1fr)}.hero{min-height:0}}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.marouf-picture img{aspect-ratio:1;object-fit:contain;background:#fff}.source-pages img{height:260px;object-fit:contain;background:#f7f4f4}.hero-image{background:#f5ecee}.interlude .snack-feature{background:#f6edf0}#viewer #full{max-height:75vh;object-fit:contain}@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.product-grid{grid-template-columns:1fr}}
.marouf-picture img{filter:brightness(1.025) contrast(1.035) saturate(1.08)}.hero-image>.marouf-hero-photo{max-height:530px;object-fit:contain}.ribbon{background:#e6c790}.source-pages{padding-top:70px;padding-bottom:70px}.filters{flex-wrap:wrap}

:root{--red:#153d59;--cream:#f6f0e3}.hero-copy,.interlude{background:#153d59}.hero h1 em{color:#e6c790}.photo-crop{position:relative;display:block;overflow:hidden;width:100%;background:white}.photo-crop img{position:absolute;max-width:none!important;height:auto!important;aspect-ratio:auto!important;object-fit:fill!important;display:block}.marouf-picture{position:relative;cursor:zoom-in}.zoom-hint{position:absolute;bottom:10px;right:10px;background:#fff;padding:6px 9px;border-radius:20px;font-size:.7rem;color:#153d59}.source-photo{width:100%;max-height:75vh;object-fit:contain}#full-stage{width:min(700px,90vw);margin:auto}#full-stage .photo-crop{max-width:600px;margin:auto}#hero-product{width:100%;max-width:520px;margin:auto}#hero-product .photo-crop{border-radius:50%}.hero-image{background:#e8e3d6}.image-caption{pointer-events:none}.ribbon{color:#153d59}.source-pages button{color:#153d59}

:root{--red:#473020;--cream:#f6efe2}.hero-copy,.interlude{background:#473020}.hero-image{background:#d6bd8e}#hero-product .photo-crop{border-radius:16px}.marouf-picture{padding:28px 35%;background:#fff}.marouf-picture .photo-crop{min-height:0}.product-grid{align-items:stretch}.marouf-picture{height:265px;display:flex;align-items:center;justify-content:center}.marouf-picture .photo-crop{flex-shrink:0;width:100%}.ribbon{color:#473020}#full-stage .photo-crop{max-width:330px}.source-pages button{color:#473020}

.marouf-picture{height:320px;padding:20px;display:flex;align-items:center;justify-content:center;background:#fff}.marouf-picture>.source-photo{width:100%;height:100%;max-height:280px;aspect-ratio:auto;object-fit:contain;filter:none}.marouf-picture .photo-crop{max-width:180px;margin:auto}#full-stage .source-photo{width:auto;max-width:100%;max-height:75vh;filter:none}

#hero-product>.source-photo{display:block;width:100%;max-height:490px;object-fit:contain}#hero-product{padding:20px;background:#fff;border-radius:20px}
