@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;450;500;600;700&display=swap');
.brand-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}.menu-message{text-align:center;padding:30px;color:#7b8178}
:root{--paper:#f8f5ef;--ink:#253e34;--muted:#7b8178;--line:#e7e6dc;--accent:#c8764e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit}.menu-shell{max-width:700px;margin:auto;padding:0 26px}.topbar{height:103px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{color:var(--ink);text-decoration:none;font-size:37px;line-height:1;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:8px}.wordmark span{font:9px Arial,sans-serif;letter-spacing:3px;padding-right:3px}.top-note{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.top-note i{width:6px;height:6px;background:#879475;border-radius:50%}.intro{position:relative;overflow:hidden;padding:43px 0 36px}.eyebrow{font-size:12px;color:var(--accent);font-weight:500}h1{font-size:64px;line-height:1.35;letter-spacing:-3px;margin:8px 0 6px;font-weight:600}h1 span{color:var(--accent)}.intro p{font-size:14px;line-height:1.9;color:var(--muted);margin:0}.intro-art{position:absolute;left:8px;top:45px;width:155px;height:160px;pointer-events:none}.art-ring{position:absolute;width:127px;height:127px;left:0;top:15px;border:1px solid #dedfce;border-radius:50%;background:#eeeedf}.art-cup{position:absolute;font-size:83px;left:9px;top:21px;transform:rotate(-16deg);filter:drop-shadow(0 8px 6px #62614317)}.art-star{position:absolute;right:0;top:3px;font-size:39px;color:var(--accent)}.art-dot{position:absolute;width:12px;height:12px;border-radius:50%;bottom:4px;left:21px;background:#b7bd9c}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:4px 0 18px}.section-heading h2{font-size:17px;margin:0;font-weight:600}.section-heading>span{color:var(--muted);font-size:11px}.brand{margin-bottom:13px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fffefa;transition:border-color .2s,box-shadow .2s}.brand.open{border-color:#b8c2ae;box-shadow:0 9px 24px #263e3406}.brand-toggle{width:100%;border:0;background:none;padding:20px;display:flex;gap:15px;align-items:center;text-align:right;color:var(--ink);cursor:pointer}.brand-logo{flex:0 0 58px;height:58px;border-radius:16px;background:var(--brand-bg);color:var(--brand-color);display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:700;line-height:1}.brand-logo.latin{font-family:Georgia,serif;font-style:italic;font-size:31px}.brand-info{flex:1}.brand-name{display:block;font-weight:600;font-size:19px}.brand-description{display:block;color:var(--muted);font-size:11px;margin-top:3px}.brand-arrow{width:29px;height:29px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:#7b887a;transition:transform .25s,background .25s;font-size:16px}.open .brand-arrow{transform:rotate(180deg);background:var(--ink);border-color:var(--ink);color:white}.brand-panel{padding:0 20px 3px}.brand-panel[hidden]{display:none}.panel-heading{border-top:1px solid var(--line);padding-top:17px;padding-bottom:3px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.panel-heading span:first-child{color:var(--ink);font-weight:500}.product{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #eeeee5}.product:last-child{border-bottom:0;padding-bottom:21px}.product-art{height:67px;width:67px;flex:0 0 67px;border-radius:14px;background:var(--tile);display:grid;place-items:center;font-size:36px}.product-text{flex:1;min-width:0}.product h3{font-size:14px;font-weight:600;margin:0 0 4px}.product p{color:var(--muted);font-size:11px;line-height:1.65;margin:0}.price{font-size:16px;font-weight:600;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;gap:1px}.price small{font-size:9px;color:var(--muted);font-weight:400}.badge{font-size:9px;background:#efeee1;color:#7d8058;border-radius:5px;padding:1px 5px;margin-right:5px;display:inline-block;vertical-align:middle}footer{text-align:center;padding:39px 0 30px}.footer-mark{font-size:27px;font-weight:600;color:#9ca58f}footer p{font-size:11px;color:var(--muted);margin:4px 0 15px}.footer-note{font-size:10px;color:#9b9f94}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(min-width:740px){.menu-shell{padding:0 42px}.intro{padding-top:50px;padding-bottom:45px}.intro-art{left:30px;top:55px}.topbar{height:112px}}@media(max-width:370px){.menu-shell{padding:0 17px}.intro-art{left:-20px;transform:scale(.8);transform-origin:left center}.intro p{font-size:12px}h1{font-size:56px}.brand-toggle{padding:16px;gap:11px}.brand-panel{padding-left:16px;padding-right:16px}.product{gap:9px}.product-art{width:53px;height:59px;flex-basis:53px;font-size:30px}.product h3{font-size:13px}.product p{font-size:10px}.price{font-size:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Two product cards per row, with square artwork above the details. */
.brand-panel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 14px; row-gap: 23px; padding-bottom: 24px; }
.panel-heading { grid-column: 1 / -1; padding-bottom: 0; }
.product, .product:last-child { display: flex; flex-direction: column; align-items: stretch; gap: 0; min-width: 0; padding: 0; border: 0; text-align: center; }
.product-art { width: 100%; height: auto; aspect-ratio: 1 / 1; flex: none; border-radius: 10px; font-size: clamp(44px, 14vw, 78px); }
.product-art img { display: block; width: 100%; height: 100%; object-fit: contain; border-radius: inherit; }
.product-text { flex: 1; padding-top: 12px; }
.product h3 { margin: 0 0 5px; line-height: 1.7; }
.product p { line-height: 1.7; }
.badge { display: table; margin: 5px auto; }
.price { flex-direction: row; justify-content: center; align-items: baseline; gap: 4px; margin-top: 10px; }
.price small { font-size: 10px; }
@media (max-width: 370px) { .brand-panel { column-gap: 10px; } .product-art { width: 100%; height: auto; flex-basis: auto; font-size: 43px; } }