/* Petvarius launch polish: product detail, mobile search and empty states */

/* Keep product imagery calm and consistent regardless of source dimensions. */
.feature-card .card-media-wrap{aspect-ratio:1/1;overflow:hidden}
.feature-card .card-media{width:100%;height:100%;display:grid;place-items:center}
.feature-card .card-media>img{width:100%;height:100%;object-fit:contain!important;padding:18px;background:#f8f3ec}
.feature-card .card-media--mosaic{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;padding:12px;background:#f8f3ec}
.feature-card .card-media--mosaic>img{width:100%;height:100%;min-height:0;object-fit:contain!important;padding:5px;background:#fffdf9;border-radius:9px}
.feature-card .card-media--mosaic>img:first-child:nth-last-child(3){grid-row:1/3}

/* Richer product dialog */
.product-dialog{width:min(980px,calc(100% - 30px));max-height:min(880px,calc(100dvh - 30px))}
.product-dialog .dialog-grid{align-items:start}
.product-dialog .dialog-gallery{display:grid;grid-template-columns:1fr;gap:10px;position:sticky;top:0}
.product-dialog .dialog-gallery>img{display:none;width:100%;aspect-ratio:1/1;object-fit:contain;padding:24px;border-radius:18px;background:#f7f1e8}
.product-dialog .dialog-gallery>img.is-active,.product-dialog .dialog-gallery>img:first-child:last-child{display:block}
.product-gallery-thumbs{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 5px;scrollbar-width:thin}
.product-gallery-thumbs button{flex:0 0 62px;width:62px;height:62px;padding:5px;border:1px solid #ded1c3;border-radius:12px;background:#fffdf9;cursor:pointer}
.product-gallery-thumbs button.is-active{border-color:#6a4b3b;box-shadow:0 0 0 2px rgba(106,75,59,.12)}
.product-gallery-thumbs img{width:100%;height:100%;object-fit:contain}
.product-audience{margin:18px 0;padding:15px 16px;border:1px solid #e3d7ca;border-radius:15px;background:#fbf6ef}
.product-audience h3{margin:0 0 10px;color:#493229;font-size:.82rem}
.product-audience__chips{display:flex;flex-wrap:wrap;gap:7px}
.product-audience__chips span{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:999px;background:#eee6dc;color:#5d463a;font-size:.68rem;font-weight:800}
.product-coming-note{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:14px 15px;border:1px solid #dfd2c4;border-radius:14px;background:#fffaf3;color:#6f5d52}
.product-coming-note b{display:block;margin-bottom:3px;color:#493229;font-size:.75rem}
.product-coming-note p{margin:0!important;font-size:.67rem!important;line-height:1.5}
.product-coming-note>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#ece0d5;color:#6a4b3b;font-weight:900}

/* More useful no-results state */
.empty-state{padding:42px 24px!important;border:1px dashed #ccbba9!important;border-radius:22px!important;background:linear-gradient(180deg,#fffdf9,#f8f1e8)!important}
.empty-state>span{display:grid!important;place-items:center;width:54px;height:54px;margin:0 auto 13px;border-radius:17px;background:#eee4d8;color:#6a4b3b;font-size:1.5rem!important}
.empty-state h3{margin-bottom:7px;color:#493229}
.empty-state p{max-width:430px;margin:0 auto 18px!important;color:#7b6c63}
.empty-state__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}
.empty-state__actions .secondary-button{min-height:44px;padding:0 17px;border:1px solid #d7c6b5;border-radius:12px;background:#fffdf9;color:#6a4b3b;font-weight:850;cursor:pointer}
.empty-state__suggestions{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:15px}
.empty-state__suggestions button{padding:7px 10px;border:0;border-radius:999px;background:#eee6dc;color:#654d40;font-size:.67rem;font-weight:800;cursor:pointer}

/* Mobile search becomes an intentional expandable tool instead of a cramped field. */
.mobile-search-toggle{display:none;place-items:center;width:42px;height:42px;padding:0;border:1px solid #ddcfc1;border-radius:12px;background:#fffdf9;color:#5f463a;cursor:pointer}
.mobile-search-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

@media(max-width:760px){
  .header-main{position:relative;grid-template-columns:1fr auto}
  .header-actions{gap:7px}
  .mobile-search-toggle{display:grid}
  .global-search{position:absolute;z-index:20;left:16px;right:16px;top:calc(100% + 9px);width:auto;max-width:none;margin:0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s,transform .18s,visibility .18s;box-shadow:0 18px 42px rgba(48,34,28,.18)}
  .site-header.search-open .global-search{opacity:1;visibility:visible;transform:translateY(0)}
  .site-header.search-open{padding-bottom:66px}
  .global-search kbd{display:none!important}
  .product-dialog{width:calc(100% - 18px);max-height:calc(100dvh - 18px);border-radius:20px}
  .product-dialog .dialog-grid{display:block}
  .product-dialog .dialog-gallery{position:static}
  .product-dialog .dialog-gallery>img{padding:15px;border-radius:15px}
  .product-gallery-thumbs button{flex-basis:54px;width:54px;height:54px}
}

@media(max-width:480px){
  .feature-card .card-media>img{padding:12px}
  .feature-card .card-media--mosaic{padding:8px}
  .empty-state{padding:34px 15px!important}
}