@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--fd-bg);color:var(--fd-text-dark);font-family:Inter,Noto Sans Arabic,sans-serif;line-height:1.5;transition:background-color .3s;overflow-x:hidden}h1,h2,h3,h4{font-weight:600}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}[dir=rtl]{text-align:right}.app-container{max-width:1200px;margin:0 auto;padding:0 20px}:root{--fd-bg:#f6efe7;--fd-card-bg:transparent;--fd-text-dark:#3c7680;--fd-text-light:#5a8a92;--fd-accent:#bc5b5a;--fd-shadow:none;--fd-radius:16px;--fd-pill-radius:100px}.finedine-container{background-color:var(--fd-bg);z-index:1;background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1000 1000' preserveAspectRatio='xMidYMid slice' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M150,1100 Q300,600 400,350 T700,750 T1100,850' fill='none' stroke='%23e8ded1' stroke-width='35' stroke-linecap='round' stroke-linejoin='round' /%3E%3Ccircle cx='800' cy='450' r='90' fill='%23efe5da' /%3E%3Ccircle cx='950' cy='950' r='12' fill='%233c7680' /%3E%3C/svg%3E");background-size:cover;background-attachment:fixed;min-height:100vh;padding-bottom:120px;position:relative;overflow-x:hidden}@media (width<=600px){.finedine-container{background-image:url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 1000 1000' preserveAspectRatio='xMidYMid slice' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M150,1100 Q300,600 400,350 T700,750 T1100,850' fill='none' stroke='%23e8ded1' stroke-width='50' stroke-linecap='round' stroke-linejoin='round' /%3E%3Ccircle cx='800' cy='450' r='150' fill='%23efe5da' /%3E%3Ccircle cx='950' cy='950' r='20' fill='%233c7680' /%3E%3C/svg%3E");background-attachment:scroll}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.logo-mountain-svg{z-index:0;pointer-events:none;stroke-dasharray:400;stroke-dashoffset:400px;width:320px;height:240px;animation:1.2s ease-out forwards drawMountain;position:absolute;top:-10px;left:50%;transform:translate(-50%)}@keyframes drawMountain{to{stroke-dashoffset:0}}.cliff-text-wrapper{z-index:2;position:relative}.cliff-text-anim{opacity:0;animation:1.2s cubic-bezier(.16,1,.3,1) .6s forwards riseBehind;display:block;position:relative}@keyframes riseBehind{0%{opacity:0;transform:translateY(50px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.logo-img{object-fit:contain;mix-blend-mode:multiply;width:auto;height:70px}.main-title-container{text-align:center;margin-bottom:40px;padding-top:40px}.brand-title{color:var(--fd-text-dark);letter-spacing:2px;font-size:2.5rem;font-weight:600}.nav-container{flex-wrap:wrap-reverse;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;display:flex}.search-container{width:300px;max-width:100%;position:relative}.search-input{border-radius:var(--fd-pill-radius);width:100%;color:var(--fd-text-dark);background-color:#0000;border:1px solid #3c768033;outline:none;padding:12px 40px 12px 20px;font-family:inherit;font-size:.95rem}.search-icon{color:var(--fd-text-dark);position:absolute;top:50%;right:15px;transform:translateY(-50%)}.categories-pills{scrollbar-width:none;-ms-overflow-style:none;gap:15px;display:flex;overflow-x:auto}.pill-btn{border-radius:var(--fd-pill-radius);color:#888;white-space:nowrap;background-color:#0000;border:none;padding:10px 24px;font-size:1.1rem;font-weight:600;transition:all .2s}.pill-btn.active{color:var(--fd-text-dark);background-color:#fff;transform:translateY(-2px);box-shadow:0 4px 20px #3c768026}.category-header{text-align:center;margin-bottom:30px}.category-title{color:var(--fd-text-dark);font-size:1.8rem}.finedine-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.finedine-grid--pairs{grid-template-columns:repeat(2,1fr)}@media (width<=1000px){.finedine-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.finedine-grid{grid-template-columns:1fr}.finedine-grid--pairs{grid-template-columns:1fr;gap:20px}.nav-container{flex-direction:column-reverse;align-items:stretch}.search-container{width:100%}.categories-pills{flex-wrap:wrap;justify-content:center;overflow-x:visible}}.melt-card{background-color:var(--fd-card-bg);border-radius:var(--fd-radius);box-shadow:var(--fd-shadow);cursor:pointer;opacity:0;border-bottom:1px solid #3c76800d;flex-direction:column;justify-content:space-between;min-height:120px;padding:20px;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUpFade;display:flex;position:relative;overflow:hidden}.melt-card:first-child{animation-delay:50ms}.melt-card:nth-child(2){animation-delay:.1s}.melt-card:nth-child(3){animation-delay:.15s}.melt-card:nth-child(4){animation-delay:.2s}.melt-card:nth-child(5){animation-delay:.25s}.melt-card:nth-child(6){animation-delay:.3s}.melt-card:nth-child(7){animation-delay:.35s}.melt-card:nth-child(8){animation-delay:.4s}.melt-card:nth-child(9){animation-delay:.45s}.melt-card:nth-child(10){animation-delay:.5s}.melt-card:after{content:"";background-color:var(--fd-text-dark);width:0%;height:2px;transition:width .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0}.melt-card:hover:after{width:100%}.melt-card:hover{transform:translateY(-4px)}.card-top{justify-content:space-between;align-items:flex-start;display:flex}.card-names{flex-grow:1}.name-ar{color:var(--fd-text-dark);margin-bottom:4px;font-size:1.2rem;font-weight:700}.name-en{color:var(--fd-text-light);font-size:.85rem;font-weight:400}.add-btn{color:#666;background:#fff;border:1px solid #0000001a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-right:15px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex}.melt-card:hover .add-btn{transform:scale(1.1)rotate(90deg);box-shadow:0 4px 10px #3c76804d;background:var(--fd-text-dark)!important;color:#fff!important;border-color:var(--fd-text-dark)!important}.card-bottom{justify-content:space-between;align-items:flex-end;margin-top:20px;display:flex}.price{color:var(--fd-text-dark);font-size:1rem;font-weight:600}.card-thumbnail{object-fit:cover;cursor:zoom-in;border-radius:12px;width:60px;height:60px;transition:transform .2s,box-shadow .2s;position:absolute;bottom:20px;left:20px;box-shadow:0 4px 10px #0000001a}.card-thumbnail:hover{transform:scale(1.08);box-shadow:0 8px 20px #0000002e}.lightbox-overlay{-webkit-backdrop-filter:blur(12px);z-index:2000;background:#000000d1;justify-content:center;align-items:center;animation:.25s forwards lightboxFadeIn;display:flex;position:fixed;inset:0}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-img{object-fit:contain;border-radius:20px;max-width:88vw;max-height:80vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards lightboxZoomIn;box-shadow:0 30px 80px #00000080}@keyframes lightboxZoomIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.lightbox-close{color:#fff;cursor:pointer;z-index:2001;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;transition:background .2s,transform .2s;display:flex;position:fixed;top:22px;right:22px}.lightbox-close:hover{background:#ffffff47;transform:scale(1.1)rotate(90deg)}.floating-basket-btn{background-color:var(--fd-text-dark);color:#fff;z-index:500;border:none;border-radius:100px;align-items:center;gap:15px;padding:16px 40px;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #5c2d254d}.basket-badge{color:#fff;background-color:#ff4d4d;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-8px;right:-10px}.basket-drawer{z-index:1000;background-color:#fff;flex-direction:column;width:400px;max-width:90vw;height:100%;transition:transform .3s;display:flex;position:fixed;top:0;left:-400px;box-shadow:10px 0 30px #0000001a}.basket-drawer.open{transform:translate(400px)}.basket-overlay{z-index:999;opacity:0;visibility:hidden;background-color:#0006;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.basket-overlay.visible{opacity:1;visibility:visible}