/* SHAHAZ.com — Free Delivery landing page (CAM-002).
 * Surgical, isolated port of SHAHAZ-Free-Delivery-Preview.html.
 * Every rule is scoped under .shahaz-fd-page / .shahaz-fd-* classes —
 * no bare element selectors (button/img/h1/body), no :root pollution,
 * nothing here can affect any other page or existing component. */

.shahaz-fd-page{
  --shz-fd-bg:#f5f3ef;--shz-fd-card:#fff;--shz-fd-ink:#111;--shz-fd-muted:#77716a;
  --shz-fd-red:#c5162e;--shz-fd-red2:#8f1023;--shz-fd-gold:#b99a58;--shz-fd-line:#ddd8cf;
  width:100%;min-height:100vh;padding:14px 14px 44px;
  background:var(--shz-fd-bg);color:var(--shz-fd-ink);
  font-family:Inter,Arial,sans-serif;
  box-sizing:border-box;
}
.shahaz-fd-page *,.shahaz-fd-page *:before,.shahaz-fd-page *:after{box-sizing:border-box}

.shahaz-fd-header{
  height:100px;width:100%;margin:0 auto 18px;position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(135deg,#0c0c0c,#1a1816 55%,#090909);
  border:1px solid rgba(185,154,88,.7);
  border-radius:34px 9px 30px 9px;
}
.shahaz-fd-header:before{
  content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.14);
  border-radius:27px 4px 23px 4px;
}
.shahaz-fd-header:after{
  content:"";position:absolute;width:180px;height:180px;right:-65px;top:-92px;
  border:1px solid rgba(197,22,46,.55);border-radius:50%;
  box-shadow:inset 0 0 0 14px rgba(197,22,46,.04), inset 0 0 0 28px rgba(185,154,88,.04);
}
.shahaz-fd-head-content{position:relative;z-index:2;display:flex;align-items:center;gap:14px;padding-left:24px}
.shahaz-fd-mark{
  width:48px;height:48px;display:grid;place-items:center;color:var(--shz-fd-gold);
  border:1px solid rgba(185,154,88,.8);border-radius:15px 5px 15px 5px;font-size:22px
}
.shahaz-fd-kicker{display:block;color:#d8c18c;font-size:9px;font-weight:800;letter-spacing:.28em;text-transform:uppercase}
.shahaz-fd-title{margin:3px 0 0;color:#fff;font:500 clamp(24px,4vw,35px)/1 Georgia,serif}
.shahaz-fd-note{position:relative;z-index:2;margin-right:30px;color:#aaa49c;font-size:10px;letter-spacing:.14em;text-transform:uppercase}

.shahaz-fd-empty{max-width:1600px;margin:24px auto;text-align:center;color:var(--shz-fd-muted);font-size:14px}

.shahaz-fd-products{
  width:100%;max-width:1600px;margin:auto;display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;
}
.shahaz-fd-product{
  min-width:0;background:var(--shz-fd-card);overflow:hidden;position:relative;
  border:1px solid var(--shz-fd-line);border-radius:22px 8px 22px 8px;
  transition:.25s ease;box-shadow:none
}
.shahaz-fd-product:nth-child(2n){border-radius:8px 24px 8px 24px}
.shahaz-fd-product:nth-child(3n){border-radius:25px 8px 8px 25px}
.shahaz-fd-product:nth-child(4n){border-radius:8px 23px 23px 8px}
.shahaz-fd-product:hover{transform:translateY(-4px);border-color:rgba(185,154,88,.8);box-shadow:none}

/* Accessible focus, without the default blue browser box/outline. */
.shahaz-fd-page a,.shahaz-fd-page button{-webkit-tap-highlight-color:transparent}

@media(max-width:1023px){
  .shahaz-fd-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
  .shahaz-fd-note{display:none}
}
@media(max-width:640px){
  .shahaz-fd-page{padding:8px 7px 30px}
  .shahaz-fd-header{height:100px;margin-bottom:12px;border-radius:28px 6px 27px 6px}
  .shahaz-fd-head-content{padding-left:16px;gap:10px}
  .shahaz-fd-mark{width:40px;height:40px;font-size:18px}
  .shahaz-fd-kicker{font-size:7px}.shahaz-fd-title{font-size:24px}
  .shahaz-fd-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}

/* 395 — Natural image height + true shortest-column masonry for Free Delivery.
 * The product image itself determines the image-area height; there is no
 * fixed/aspect-ratio spacer. Cards are laid out by JS into the shortest
 * available column so a short image never leaves a vertical hole. */
.shahaz-fd-products{
  display:grid;
  position:relative;
  min-height:1px;
}
.shahaz-fd-product{
  position:relative;
  top:auto;
  left:auto;
  width:auto;
  margin:0;
}
.shahaz-fd-products.is-masonry{display:block}
.shahaz-fd-products.is-masonry .shahaz-fd-product{
  position:absolute;
  top:0;
  left:0;
  margin:0;
}