@import url('/css/style.css');
:root{--top-offset:120px;--meating-cat-h:68px}.meating-cat-nav{position:sticky;top:calc(var(--header-h) + var(--strip-h));z-index:98;min-height:var(--meating-cat-h);margin-top:calc(var(--header-h) + var(--strip-h));display:flex;align-items:center;gap:12px;overflow-x:auto;overflow-y:hidden;padding:12px clamp(14px,8vw,220px);scrollbar-width:none;background:rgba(255,250,243,.88);border-bottom:1px solid rgba(0,0,0,.10);box-shadow:0 10px 28px rgba(45,20,8,.08);backdrop-filter:blur(14px)}.meating-cat-nav::-webkit-scrollbar{display:none}.meating-cat-tab{flex:0 0 auto;min-width:104px;padding:11px 22px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.12);color:#161616;font-weight:900;white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.04);transition:.18s}.meating-cat-tab.active{background:linear-gradient(180deg,#b00909,#840000);border-color:#840000;color:#fff;box-shadow:0 12px 26px rgba(151,9,9,.22)}.meating-main{margin-top:0;min-height:calc(100vh - var(--header-h) - var(--strip-h));padding:0 0 90px}.page-intro{width:min(980px,calc(100% - 28px));margin:0 auto;padding:38px 0 22px}.intro-kicker{font-size:.78rem;font-weight:900;letter-spacing:.22em;color:#970909;text-transform:uppercase}.page-intro h1{font-family:var(--display);font-size:clamp(3.3rem,9vw,6rem);line-height:.9;letter-spacing:.04em;color:#111;margin:8px 0}.page-intro p:last-child{max-width:560px;color:#606060;font-weight:600;line-height:1.6}.meating-list{width:min(980px,calc(100% - 28px));margin:0 auto;display:flex;flex-direction:column;gap:22px}.weight-section{display:flex;flex-direction:column;gap:12px}.section-divider{position:sticky;top:calc(var(--header-h) + var(--strip-h) + var(--meating-cat-h));z-index:50;display:flex;align-items:baseline;gap:12px;padding:14px 2px 10px;background:linear-gradient(180deg,rgba(255,250,243,.98),rgba(255,250,243,.90));backdrop-filter:blur(10px);border-bottom:1px solid rgba(151,9,9,.16)}.section-divider span{font-family:var(--display);font-size:2.25rem;letter-spacing:.05em;color:#111}.section-divider em{font-family:var(--arabic);font-style:normal;color:#555;font-size:1.08rem}.weight-row{display:grid;grid-template-columns:120px 1fr;gap:14px;background:rgba(255,253,251,.94);border:1px solid rgba(0,0,0,.11);border-radius:22px;box-shadow:0 16px 42px rgba(45,20,8,.13);padding:10px;opacity:0;transform:translateY(20px);transition:opacity .55s ease var(--delay),transform .55s ease var(--delay),box-shadow .2s}.weight-row.visible{opacity:1;transform:translateY(0)}.weight-row:hover{box-shadow:0 22px 55px rgba(45,20,8,.17)}.weight-img-wrap{position:relative;width:120px;aspect-ratio:1/1;border-radius:17px;overflow:hidden;background:#eee3d7}.weight-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:center}.weight-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#2a2a2a,#151515)}.weight-oos{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.65);color:#fff;font-family:var(--display);letter-spacing:.1em;font-size:1rem;text-transform:uppercase;text-align:center}.weight-info{min-width:0;display:flex;flex-direction:column;gap:7px;padding:4px 2px}.weight-names{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.weight-names h2{font-size:1.15rem;color:#111;line-height:1.2}.weight-names p{font-family:var(--arabic);font-size:1rem;color:#555}.weight-desc{font-size:.86rem;color:#666;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.weight-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.weight-meta span{font-size:.78rem;font-weight:900;color:#970909;text-transform:uppercase;letter-spacing:.08em}.weight-meta strong{font-family:var(--display);font-size:1.32rem;letter-spacing:.04em;color:#111;white-space:nowrap}.weight-actions{display:flex;justify-content:flex-end;margin-top:2px}.weight-qty{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:5px}.weight-qty button{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#970909;color:#fff;font-size:1.25rem;font-weight:900}.weight-qty button:disabled{background:#eee;color:#999;cursor:not-allowed}.weight-qty span{min-width:54px;text-align:center;font-weight:900;color:#111}.weight-row.oos{opacity:.68;filter:grayscale(.3)}.skeleton-list{width:min(980px,calc(100% - 28px));margin:0 auto;display:flex;flex-direction:column;gap:14px}.skeleton-list div{height:128px;border-radius:22px;background:linear-gradient(90deg,rgba(255,255,255,.45),rgba(255,253,251,.86),rgba(255,255,255,.45));border:1px solid rgba(0,0,0,.06);background-size:220% 100%;animation:shimmer 1.4s infinite}.cart-empty{margin-top:50px}.ci-extra{font-weight:900;color:#970909}.qty-num{min-width:60px}.footer{padding-top:26px}.scroll-top-btn{bottom:84px}@media (min-width:760px){.weight-row{grid-template-columns:160px 1fr;padding:12px;gap:18px}.weight-img-wrap{width:160px}.weight-names h2{font-size:1.36rem}.weight-meta strong{font-size:1.55rem}.weight-actions{margin-top:8px}.meating-list{gap:28px}.section-divider span{font-size:2.7rem}}@media (max-width:520px){:root{--meating-cat-h:62px}.meating-cat-nav{padding:10px 14px;gap:9px}.meating-cat-tab{min-width:auto;padding:10px 18px;font-size:.86rem}.meating-main{margin-top:0}.page-intro{padding:30px 0 16px}.page-intro h1{font-size:3.55rem}.weight-row{grid-template-columns:112px 1fr;gap:12px;border-radius:20px;padding:9px}.weight-img-wrap{width:112px;border-radius:15px}.weight-names h2{font-size:1rem}.weight-names p{font-size:.9rem}.weight-desc{font-size:.78rem;-webkit-line-clamp:2}.weight-meta{align-items:flex-start;flex-direction:column;gap:3px}.weight-meta strong{font-size:1.16rem}.weight-qty{gap:6px;padding:4px}.weight-qty button{width:32px;height:32px}.weight-qty span{min-width:45px;font-size:.84rem}.section-divider{top:calc(var(--header-h) + var(--strip-h) + var(--meating-cat-h));padding-top:12px}.section-divider span{font-size:2rem}.section-divider em{font-size:.92rem}}