/* Daei Omid v18 hotfix: clean static hero + full mobile hero + approved product framing */
.do-hero .hero-media-container{
  position:absolute!important; inset:0!important; overflow:hidden!important;
  background:#1b1712!important;
}
.do-hero .hero-static{
  display:block!important; width:100%!important; height:100%!important;
  object-fit:cover!important; object-position:center center!important;
  filter:none!important; opacity:1!important; transform:none!important; animation:none!important;
}
.do-hero .do-hero-overlay{display:none!important;opacity:0!important;background:none!important}
.hero-smoke{
  position:absolute; z-index:1; left:20%; top:29%; width:130px; height:250px;
  pointer-events:none; overflow:visible;
}
.hero-smoke i{
  position:absolute; left:50%; bottom:0; width:86px; height:118px;
  transform:translateX(-50%);
  background:radial-gradient(ellipse at center,rgba(255,255,255,.34) 0%,rgba(240,234,224,.19) 42%,rgba(255,255,255,0) 72%);
  border-radius:50%; filter:blur(10px); opacity:0;
  animation:doSmoke 5.4s ease-out infinite;
}
.hero-smoke i:nth-child(2){left:42%;width:66px;height:102px;animation-delay:1.8s}
.hero-smoke i:nth-child(3){left:58%;width:74px;height:112px;animation-delay:3.6s}
@keyframes doSmoke{
  0%{transform:translate(-50%,24px) scale(.72);opacity:0}
  18%{opacity:.42}
  70%{opacity:.22}
  100%{transform:translate(-50%,-155px) scale(1.45);opacity:0}
}

/* Drink cards: show the whole cup instead of cropping into it */
.product-card .media img[src*="cappuccino.jpg"],
.product-card .media img[src*="hotchocolate.jpg"],
.product-card .media img[src*="coffeemix.jpg"],
.product-card .media img[src*="espresso.jpg"],
.product-card .media img[src*="cremlatte.jpg"]{
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  padding:12px!important;
  background:#efe7dc!important;
}
.product-card:hover .media img[src*="cappuccino.jpg"],
.product-card:hover .media img[src*="hotchocolate.jpg"],
.product-card:hover .media img[src*="coffeemix.jpg"],
.product-card:hover .media img[src*="espresso.jpg"],
.product-card:hover .media img[src*="cremlatte.jpg"]{transform:none!important}

/* v19: clean logo, exact centered desktop menu, subtle Persian ornamental header */
.do-nav{
  position:fixed!important;
  overflow:visible!important;
  background:rgba(255,255,255,.96)!important;
}
.do-nav::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.10;
  background-size:150px 58px;
  background-position:center;
  background-repeat:repeat;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='58' viewBox='0 0 150 58'%3E%3Cg fill='none' stroke='%23977755' stroke-width='1.05' opacity='.55'%3E%3Cpath d='M0 29C18 6 36 6 54 29s36 23 54 0 30-23 42 0'/%3E%3Cpath d='M0 29c18 23 36 23 54 0S90 6 108 29s30 23 42 0'/%3E%3Cpath d='M55 29c8-11 12-17 20-24 8 7 12 13 20 24-8 11-12 17-20 24-8-7-12-13-20-24Z'/%3E%3Ccircle cx='75' cy='29' r='5'/%3E%3C/g%3E%3C/svg%3E");
}
.do-nav>.container{position:relative!important;z-index:1!important}
.do-brand img{
  content:url("../images/daeiomid-logo-clean.png")!important;
  background:transparent!important;
  filter:none!important;
  object-fit:contain!important;
}

@media(min-width:992px){
  .do-nav>.container{
    max-width:100%!important;
    min-height:92px!important;
    padding-left:30px!important;
    padding-right:30px!important;
  }
  .do-nav .do-brand{
    position:absolute!important;
    left:30px!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    z-index:5!important;
  }
  .do-nav .do-brand img{height:80px!important;width:auto!important;max-width:76px!important}
  .do-nav .navbar-collapse{position:static!important}
  .do-nav .navbar-nav{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    margin:0!important;
    padding:0!important;
    gap:18px!important;
    flex-direction:row!important;
    align-items:center!important;
    white-space:nowrap!important;
  }
  .do-nav .navbar-collapse>.btn{
    position:absolute!important;
    right:30px!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
  }
}

/* Footer: replace old text block with the clean logo */
.do-footer .footer-brand{
  font-size:0!important;
  width:150px!important;
  height:158px!important;
  margin:0 0 10px auto!important;
  background:url("../images/daeiomid-logo-clean.png") center/contain no-repeat!important;
  filter:invert(1)!important;
}
.do-footer .footer-brand + p{display:none!important}

/* Smaller, tighter product cards */
.product-card{border-radius:18px!important}
.product-card .media{height:188px!important}
.product-card .body{padding:16px!important}
.product-card h3{font-size:1rem!important;margin-bottom:8px!important}
.product-card .desc{font-size:.84rem!important;line-height:1.75!important;min-height:58px!important}
.product-card .ingredients{font-size:.73rem!important;line-height:1.65!important;padding-top:9px!important;margin-top:9px!important}
.product-card .btn{margin-top:11px!important;padding:.42rem .75rem!important;font-size:.84rem!important}
@media(min-width:1200px){.do-products #productGrid>div{width:25%!important}}
@media(min-width:992px) and (max-width:1199px){.do-products #productGrid>div{width:33.333333%!important}}
@media(min-width:576px) and (max-width:991px){.do-products #productGrid>div{width:50%!important}}

/* Mobile: full hero image, centered menu, compact products */
@media(max-width:991px){
  .do-nav>.container{min-height:72px!important;padding-left:14px!important;padding-right:14px!important}
  .do-nav .do-brand{
    position:absolute!important;
    left:14px!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
    z-index:5!important;
  }
  .do-nav .do-brand img{height:62px!important;width:auto!important;max-width:58px!important}
  .do-nav .navbar-toggler{margin-right:auto!important;margin-left:0!important}
  .do-nav .navbar-collapse{
    text-align:center!important;
    margin-top:72px!important;
    padding:14px 18px 18px!important;
    background:rgba(255,255,255,.98)!important;
  }
  .do-nav .navbar-nav{margin:0!important;align-items:center!important}
  .do-nav .nav-link{text-align:center!important}
}
@media(max-width:767px){
  .do-hero{
    min-height:0!important;
    padding-top:72px!important;
    background:#1b1712!important;
    overflow:hidden!important;
  }
  .do-hero .hero-media-container{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:auto!important;
    overflow:visible!important;
    background:#1b1712!important;
  }
  .do-hero .hero-static{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
  .hero-smoke{
    left:20%!important;
    top:22%!important;
    width:12vw!important;
    height:22vw!important;
    transform:scale(.68)!important;
    transform-origin:bottom center!important;
  }
  .do-hero .hero-content-area{
    position:relative!important;
    inset:auto!important;
    height:auto!important;
    min-height:0!important;
    padding:22px 20px 26px!important;
    background:#1b1712!important;
    display:block!important;
  }
  .do-hero .do-caption{
    position:relative!important;
    top:auto!important;right:auto!important;left:auto!important;
    transform:none!important;
    width:100%!important;max-width:none!important;
    margin:0!important;padding:0!important;text-align:right!important;
  }
  .do-hero .do-caption h1{font-size:clamp(2rem,9vw,2.8rem)!important;white-space:normal!important}
  .do-hero .do-caption .eyebrow{font-size:.92rem!important}
  .product-card .media{height:176px!important}
}
@media(max-width:575px){
  .do-products #productGrid>div{width:100%!important;max-width:360px!important;margin-left:auto!important;margin-right:auto!important}
  .product-card .media{height:168px!important}
  .product-card .body{padding:14px!important}
  .do-footer .footer-brand{margin-left:auto!important;margin-right:auto!important;width:132px!important;height:140px!important}
}