/* =========================================================
 * Tatbeelah — Products Landing Page
 * ======================================================= */
.tat-products-page{background:#fbf5f1;color:var(--tat-burgundy)}
.tat-products-page__hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(112px,10vw,164px) 0 clamp(92px,8vw,132px);background:linear-gradient(135deg,#fbf1ed 0%,#f6dfda 56%,#f0cbc6 100%)}
.tat-products-page__pattern{position:absolute;z-index:-2;inset:0;background:url("../images/pattern-blush.webp") center/660px auto repeat;opacity:.2;pointer-events:none}
.tat-products-page__hero::after{content:"";position:absolute;z-index:-1;inset:auto -8% -46% auto;width:48vw;height:48vw;border-radius:50%;background:radial-gradient(circle,rgba(205,37,50,.11),rgba(205,37,50,0) 68%);pointer-events:none}
.tat-products-page__hero-inner{position:relative}
.tat-products-page__breadcrumbs{display:flex;align-items:center;gap:10px;margin-bottom:clamp(46px,5vw,74px);color:rgba(113,34,38,.62);font-size:.82rem;font-weight:650}
.tat-products-page__breadcrumbs a{color:inherit}
.tat-products-page__breadcrumbs a:hover{color:var(--tat-red)}
.tat-products-page__hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.64fr);gap:clamp(50px,8vw,126px);align-items:end}
.tat-products-page__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:var(--tat-red);font-size:.9rem;font-weight:800}
.tat-products-page__eyebrow span{display:block;width:44px;height:2px;border-radius:99px;background:var(--tat-red)}
.tat-products-page__heading h1{margin:0;color:var(--tat-burgundy);font-size:clamp(4rem,6vw,7rem);font-weight:900;line-height:.94;letter-spacing:-.065em}
.tat-products-page__heading h1 .tat-heading-accent{color:var(--tat-red-bright);font-style:normal}
.tat-products-page__intro{max-width:520px;padding-bottom:8px}
.tat-products-page__intro p{margin:0;color:rgba(79,37,37,.68);font-size:clamp(1rem,1.16vw,1.12rem);font-weight:500;line-height:1.95}
.tat-products-page__intro .tat-btn{margin-top:26px}
.tat-products-page__catalog{padding:clamp(92px,8vw,132px) 0 clamp(104px,9vw,148px);background:#fff}
.tat-products-page__catalog-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.58fr);gap:50px;align-items:end;margin-bottom:clamp(40px,4.6vw,64px)}
.tat-products-page__catalog-kicker{margin:0 0 12px;color:var(--tat-red);font-size:.84rem;font-weight:850}
.tat-products-page__catalog-head h2{margin:0;color:var(--tat-burgundy);font-size:clamp(2.7rem,4.3vw,4.7rem);font-weight:900;line-height:1;letter-spacing:-.05em}
.tat-products-page__catalog-head>p{max-width:480px;margin:0;color:rgba(79,37,37,.58);font-size:.98rem;font-weight:500;line-height:1.9}
.tat-products-page__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.2vw,34px)}
.tat-products-page__card{position:relative;overflow:hidden;border:1px solid rgba(150,25,29,.1);border-radius:30px;background:#fbf4f1;box-shadow:0 20px 46px rgba(94,28,31,.07);transition:transform .28s var(--tat-ease),box-shadow .28s var(--tat-ease)}
.tat-products-page__card:hover{transform:translateY(-7px);box-shadow:0 30px 56px rgba(94,28,31,.12)}
.tat-products-page__media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#e9d8d3}
/* Fixed cover frame: override base.css `body.tatbeelah-site img {height:auto}`.
   Every product photo fills the same 4:3 area, independent of its original proportions. */
.tat-products-page__media{aspect-ratio:4/3;overflow:hidden}
body.tatbeelah-site .tat-products-page__media > img.tat-products-page__image{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  max-width:none;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .5s var(--tat-ease);
}
.tat-products-page__card:hover .tat-products-page__image{transform:scale(1.035)}
.tat-products-page__placeholder{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(135deg,#f5e4df,#ecd0ca)}
.tat-products-page__placeholder img{max-width:190px;height:auto;opacity:.75}
.tat-products-page__index{position:absolute;inset-inline-start:18px;inset-block-start:18px;display:grid;min-width:42px;height:42px;place-items:center;padding-inline:9px;border:1px solid rgba(255,255,255,.62);border-radius:999px;background:rgba(69,15,18,.48);backdrop-filter:blur(7px);color:#fff;font-size:.69rem;font-weight:900;letter-spacing:.08em}
.tat-products-page__card-body{padding:26px 28px 28px}
.tat-products-page__card-label{margin:0 0 9px;color:var(--tat-red);font-size:.74rem;font-weight:800}
.tat-products-page__card h3{margin:0;color:var(--tat-burgundy);font-size:clamp(2rem,2.8vw,3rem);font-weight:900;line-height:1.05;letter-spacing:-.04em}
.tat-products-page__card h3 a{color:inherit}
.tat-products-page__excerpt{min-height:58px;margin:14px 0 0;color:rgba(79,37,37,.62);font-size:.9rem;font-weight:500;line-height:1.85}
.tat-products-page__link{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(150,25,29,.12);color:var(--tat-burgundy);font-size:.86rem;font-weight:850}
.tat-products-page__link i{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--tat-burgundy);color:#fff;font-style:normal;transition:transform .24s var(--tat-ease),background .24s var(--tat-ease)}
.tat-products-page__link:hover i{transform:translateX(-5px);background:var(--tat-red)}
.tat-products-page__empty{padding:48px;border:1px dashed rgba(150,25,29,.22);border-radius:26px;background:#fcf4f1;text-align:center}
.tat-products-page__empty strong{display:block;color:var(--tat-burgundy);font-size:1.35rem}
.tat-products-page__empty p{margin:10px 0 0;color:rgba(79,37,37,.6)}
.tat-products-page__contact{position:relative;isolation:isolate;overflow:hidden;padding:clamp(70px,7vw,102px) 0;background:linear-gradient(135deg,#8f141c,#ae1923 58%,#7e1017);color:#fff}
.tat-products-page__contact-pattern{position:absolute;z-index:-1;inset:0;background:url("../images/pattern-red.webp") center/620px auto repeat;opacity:.13;mix-blend-mode:screen;pointer-events:none}
.tat-products-page__contact-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:46px;align-items:center}
.tat-products-page__contact p{margin:0 0 12px;color:#f6c0c2;font-size:15px;font-weight:800;line-height:1.6}
.tat-products-page__contact h2{max-width:720px;margin:0;color:#fff;font-size:46px;font-weight:800;line-height:1.25;letter-spacing:0;word-spacing:2px}
.tat-products-page__contact-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
.tat-products-page__contact-primary,.tat-products-page__contact-secondary{display:inline-flex;min-height:54px;align-items:center;justify-content:center;border-radius:999px;font-size:.9rem;font-weight:850;transition:transform .22s var(--tat-ease),background .22s var(--tat-ease),color .22s var(--tat-ease)}
.tat-products-page__contact-primary{flex-direction:column;gap:2px;padding:0 26px;background:#fff;color:var(--tat-burgundy)!important}
.tat-products-page__contact-primary small{font-size:11px;direction:ltr;color:rgba(90,20,24,.62)!important}
.tat-products-page__contact-secondary{padding:0 25px;border:1px solid rgba(255,255,255,.58);color:#fff!important}
.tat-products-page__contact-primary:hover,.tat-products-page__contact-secondary:hover{transform:translateY(-2px)}
.tat-products-page__contact-secondary:hover{background:#fff;color:var(--tat-burgundy)!important}
@media(max-width:1050px){.tat-products-page__hero-grid,.tat-products-page__catalog-head,.tat-products-page__contact-inner{grid-template-columns:1fr}.tat-products-page__intro{max-width:680px}.tat-products-page__grid{grid-template-columns:1fr 1fr}.tat-products-page__card:last-child:nth-child(odd){grid-column:1/-1}.tat-products-page__contact-actions{justify-content:flex-start}}
@media(max-width:700px){.tat-products-page__hero{padding:88px 0 76px}.tat-products-page__breadcrumbs{margin-bottom:38px}.tat-products-page__heading h1{font-size:clamp(3.15rem,13vw,4.7rem)}.tat-products-page__catalog{padding:72px 0 86px}.tat-products-page__catalog-head{gap:22px;margin-bottom:34px}.tat-products-page__catalog-head h2{font-size:2.8rem}.tat-products-page__grid{grid-template-columns:1fr}.tat-products-page__card:last-child{grid-column:auto}.tat-products-page__card{border-radius:24px}.tat-products-page__card-body{padding:23px 22px 24px}.tat-products-page__contact{padding:64px 0}.tat-products-page__contact-actions{flex-direction:column;align-items:stretch}.tat-products-page__contact-primary,.tat-products-page__contact-secondary{width:100%}}

@media(max-width:1050px){.tat-products-page__contact h2{font-size:42px;max-width:650px}}
@media(max-width:700px){.tat-products-page__contact h2{font-size:34px;line-height:1.3}.tat-products-page__contact p{font-size:14px}.tat-products-page__contact-primary,.tat-products-page__contact-secondary{min-height:52px}}
@media(prefers-reduced-motion:reduce){.tat-products-page__card,.tat-products-page__image,.tat-products-page__link i,.tat-products-page__contact-primary,.tat-products-page__contact-secondary{transition:none}}

/* =========================================================
 * /products/ — three category gateway cards only.
 * Scoped to the gateway: existing meat/fish/chicken product grids
 * keep their current layout and styling unchanged.
 * ======================================================= */
.tat-products-page--categories .tat-products-page__hero{padding:74px 0 86px}
.tat-products-page--categories .tat-products-page__breadcrumbs{margin-bottom:45px}
.tat-products-page--categories .tat-products-page__heading h1{max-width:730px;letter-spacing:0;line-height:1.25}
.tat-products-page--categories .tat-products-page__heading h1 .tat-heading-accent{display:block;color:var(--tat-red-bright)}
.tat-products-page--categories .tat-products-page__intro{align-self:center}
.tat-products-page--categories .tat-products-page__catalog{padding:84px 0 114px;scroll-margin-top:95px}
.tat-products-page--categories .tat-products-page__catalog-head{margin-bottom:36px}
body.tatbeelah-site .tat-products-page--categories .tat-products-page__catalog-head h2{font-size:44px!important;line-height:1.3!important;letter-spacing:0}
.tat-products-page__category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.tat-products-page__category-card{min-width:0}
body.tatbeelah-site a.tat-products-page__category-link,body.tatbeelah-site a.tat-products-page__category-link:visited{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid rgba(147,28,36,.11);border-radius:26px;background:#fff9f7;color:var(--tat-burgundy);box-shadow:0 14px 35px rgba(93,18,23,.06);text-decoration:none;transition:transform .28s var(--tat-ease),box-shadow .28s var(--tat-ease),border-color .28s var(--tat-ease)}
body.tatbeelah-site a.tat-products-page__category-link:hover{transform:translateY(-6px);border-color:rgba(147,28,36,.26);box-shadow:0 24px 46px rgba(93,18,23,.14)}
.tat-products-page__category-media{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#291819;isolation:isolate}
body.tatbeelah-site .tat-products-page__category-media > img.tat-products-page__category-image{position:absolute;inset:0;display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center;transition:transform .48s var(--tat-ease)}
.tat-products-page__category-link:hover .tat-products-page__category-image{transform:scale(1.045)}
.tat-products-page__category-media-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(22,6,10,.17),transparent 38%,rgba(22,6,10,.47) 100%);pointer-events:none}
.tat-products-page__category-number{position:absolute;z-index:2;inset-block-start:16px;inset-inline-start:16px;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:rgba(57,18,22,.38);color:#fff;font-size:13px;font-weight:800;backdrop-filter:blur(5px)}
.tat-products-page__category-tag{position:absolute;z-index:2;inset-block-end:16px;inset-inline-end:19px;color:#fff;font-size:12px;font-weight:800;text-shadow:0 2px 9px rgba(0,0,0,.5)}
.tat-products-page__category-body{display:flex;flex:1;flex-direction:column;width:100%;min-height:235px;padding:24px 25px 25px}
.tat-products-page__category-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.tat-products-page__category-eyebrow{display:block;margin-bottom:5px;color:var(--tat-red);font-size:12px;font-weight:800}
body.tatbeelah-site .tat-products-page__category-heading h3{margin:0;color:var(--tat-burgundy);font-size:32px;line-height:1.35!important;font-weight:800;letter-spacing:0}
.tat-products-page__category-icon{display:grid;flex:0 0 61px;width:61px;height:61px;place-items:center;border-radius:18px;background:#f7e7e4}
body.tatbeelah-site .tat-products-page__category-icon img{display:block;max-width:43px;max-height:43px;width:70%;height:auto;object-fit:contain}
.tat-products-page__category-description{margin:13px 0 20px;color:rgba(76,43,43,.76);font-size:14px;line-height:1.85;flex-grow:1}
.tat-products-page__category-action{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:17px;border-top:1px solid rgba(147,28,36,.13);color:var(--tat-burgundy);font-size:14px;font-weight:800}
.tat-products-page__category-action strong{font-weight:800}
.tat-products-page__category-action i{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--tat-burgundy);color:#fff;font-style:normal;transition:transform .22s ease,background .22s ease}
.tat-products-page__category-link:hover .tat-products-page__category-action i{transform:translateX(-4px);background:var(--tat-red)}
@media(max-width:1050px){.tat-products-page--categories .tat-products-page__hero{padding:58px 0 68px}.tat-products-page--categories .tat-products-page__catalog{padding:70px 0 90px}.tat-products-page__category-grid{gap:17px}.tat-products-page__category-body{padding:21px 20px}.tat-products-page__category-icon{flex-basis:53px;width:53px;height:53px}.tat-products-page__category-description{font-size:13px}}
@media(max-width:850px){.tat-products-page__category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tat-products-page__category-card:last-child:nth-child(odd){grid-column:1/-1}.tat-products-page__category-card:last-child:nth-child(odd) .tat-products-page__category-link{width:min(100%,590px);margin-inline:auto}}
@media(max-width:700px){.tat-products-page--categories .tat-products-page__hero{padding:30px 0 46px}.tat-products-page--categories .tat-products-page__breadcrumbs{margin-bottom:25px}.tat-products-page--categories .tat-products-page__hero-grid{gap:14px}.tat-products-page--categories .tat-products-page__intro .tat-btn{margin-top:18px}.tat-products-page--categories .tat-products-page__catalog{padding:54px 0 70px}.tat-products-page--categories .tat-products-page__catalog-head{margin-bottom:25px}.tat-products-page__category-grid{grid-template-columns:1fr;gap:20px}.tat-products-page__category-card:last-child:nth-child(odd){grid-column:auto}.tat-products-page__category-card:last-child:nth-child(odd) .tat-products-page__category-link{width:100%}.tat-products-page__category-media{aspect-ratio:16/10}.tat-products-page__category-body{min-height:0;padding:20px 21px 21px}body.tatbeelah-site .tat-products-page__category-heading h3{font-size:28px}.tat-products-page__category-description{margin:11px 0 17px}}
@media(prefers-reduced-motion:reduce){body.tatbeelah-site a.tat-products-page__category-link,.tat-products-page__category-image,.tat-products-page__category-action i{transition:none!important}body.tatbeelah-site a.tat-products-page__category-link:hover,.tat-products-page__category-link:hover .tat-products-page__category-image,.tat-products-page__category-link:hover .tat-products-page__category-action i{transform:none!important}}