.brand2.brand-logo img{
  width:auto;
  height:70px;
  border:0;
  border-radius:0;
  object-fit:contain;
  box-shadow:none;
}

.footer2 .brand-logo img{
  height:84px;
  filter:brightness(1.08);
}

.catalog-toolbar{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 22px;
}

.product-search{
  position:relative;
  height:72px;
  flex:1;
  display:flex;
  align-items:center;
  gap:14px;
  overflow:hidden;
  padding:0 15px 0 11px;
  background:linear-gradient(120deg,#fff 0%,#fffdf8 100%);
  border:1px solid #dcd0bf;
  border-radius:22px;
  box-shadow:0 16px 38px rgba(48,35,19,.08),inset 0 1px 0 #fff;
  transition:border-color .22s,box-shadow .22s,transform .22s;
}

.product-search::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  background:linear-gradient(#006b43,#b6925d,#006b43);
  opacity:.88;
}

.product-search:hover{
  border-color:#c7b08d;
  box-shadow:0 18px 44px rgba(48,35,19,.11),inset 0 1px 0 #fff;
}

.product-search:focus-within{
  border-color:#b38c54;
  box-shadow:0 0 0 4px rgba(179,140,84,.13),0 20px 48px rgba(48,35,19,.12);
  transform:translateY(-1px);
}

.product-search .search-icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
  display:grid;
  place-items:center;
  border:1px solid #e2d6c6;
  border-radius:15px;
  color:#087044;
  background:linear-gradient(145deg,#f2eee5,#fff);
  box-shadow:0 7px 16px rgba(54,39,20,.08);
  transform:none;
}

.search-icon svg{
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
}

.product-search .search-field{
  min-width:0;
  flex:1;
  display:grid;
  gap:1px;
  transform:none;
}

.search-field small{
  color:#aa8350;
  font:900 9px/1.2 Arial,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.product-search input{
  width:100%;
  min-width:0;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:#211c16;
  font:600 14px/1.35 Arial,sans-serif;
}

.product-search input::placeholder{
  color:#91887d;
  font-weight:500;
}

.product-search input::-webkit-search-cancel-button{display:none}

.product-search button{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  border:1px solid #e0d6c8;
  border-radius:12px;
  background:#f3eee6;
  color:#6b6156;
  cursor:pointer;
  transition:background .2s,color .2s,transform .2s;
}

.product-search button:hover{
  background:#1a1712;
  color:#fff;
  transform:rotate(4deg);
}

.product-search button svg{
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
}

.result-count{
  min-width:84px;
  height:44px;
  display:grid;
  place-items:center;
  padding:0 15px;
  border:1px solid #ded3c3;
  border-radius:99px;
  background:#efe8dc;
  color:#695f54;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  white-space:nowrap;
}

.category-filters{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:9px;
  overflow:visible;
  margin:0 0 30px;
  padding:9px;
  border:1px solid #ded3c3;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(239,233,222,.92),rgba(250,247,241,.96));
  box-shadow:0 15px 36px rgba(48,35,19,.07),inset 0 1px 0 rgba(255,255,255,.9);
}

.category-filters button{
  position:relative;
  width:100%;
  min-width:0;
  min-height:62px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  overflow:hidden;
  padding:12px 12px 12px 16px;
  border:1px solid transparent;
  border-radius:17px;
  background:rgba(255,255,255,.68);
  color:#342e27;
  font:800 11px/1.35 Arial,sans-serif;
  text-align:left;
  white-space:normal;
  box-shadow:0 4px 13px rgba(45,32,18,.035);
  transition:transform .2s,border-color .2s,background .2s,box-shadow .2s,color .2s;
}

.category-filters button::before{
  content:"";
  position:absolute;
  left:0;
  top:16px;
  bottom:16px;
  width:3px;
  border-radius:0 4px 4px 0;
  background:#b7925d;
  opacity:.5;
  transition:opacity .2s,top .2s,bottom .2s;
}

.category-filters button:hover{
  z-index:1;
  transform:translateY(-2px);
  border-color:#ccb995;
  background:#fff;
  box-shadow:0 11px 24px rgba(45,32,18,.09);
}

.category-filters button:focus-visible{
  outline:3px solid rgba(0,107,67,.2);
  outline-offset:2px;
}

.category-filters button b{
  min-width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  border:1px solid #ded2c1;
  border-radius:50%;
  background:#f0e9dd;
  color:#716658;
  font-size:10px;
  box-shadow:inset 0 1px 0 #fff;
}

.category-filters button.active{
  color:#fff;
  border-color:#075f3d;
  background:linear-gradient(135deg,#075d3c,#087c4e);
  box-shadow:0 13px 25px rgba(4,91,57,.22),inset 0 1px 0 rgba(255,255,255,.14);
}

.category-filters button.active::before{
  top:10px;
  bottom:10px;
  background:#d0ad71;
  opacity:1;
}

.category-filters button.active b{
  border-color:rgba(255,255,255,.22);
  background:#c6a268;
  color:#102a1f;
  box-shadow:none;
}

@media(max-width:1100px){
  .category-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:700px){
  .category-filters{
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:minmax(215px,78vw);
    gap:8px;
    overflow-x:auto;
    margin-left:-14px;
    margin-right:-14px;
    padding:8px 14px 12px;
    border-left:0;
    border-right:0;
    border-radius:0;
    scroll-padding-left:14px;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  .category-filters::-webkit-scrollbar{display:none}
  .category-filters button{min-height:58px;scroll-snap-align:start}
}

@media(max-width:620px){
  .site-header .brand-logo img{height:58px}
  .catalog-toolbar{align-items:stretch;flex-direction:column;gap:9px}
  .product-search{height:66px;flex:none;border-radius:19px}
  .product-search .search-icon{width:42px;height:42px;flex-basis:42px;border-radius:13px}
  .search-field small{font-size:8px}
  .result-count{align-self:flex-end}
}

@media(prefers-reduced-motion:reduce){
  .category-filters button,.product-search{transition:none}
}

/* Brand artwork: exact transparent logo replaces the former MH monograms. */
.hero-grain{
  background-image:url("images/mucizevi-brand-pattern-v2.png");
}

.gold-disc{
  padding:9px;
  isolation:isolate;
}

.gold-disc::after{
  z-index:-1;
}

.gold-disc img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 4px 8px rgba(0,0,0,.55));
}

.story-visual>img{
  opacity:.24;
}

.story-mark{
  position:relative;
  padding:22px;
  background:radial-gradient(circle,rgba(8,8,6,.94) 0%,rgba(8,8,6,.76) 66%,rgba(8,8,6,.18) 100%);
}

.story-mark img{
  position:static;
  display:block;
  width:100%;
  height:100%;
  opacity:1;
  object-fit:contain;
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.55));
}

.product-art img{
  width:min(66%,220px);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 16px 28px rgba(0,0,0,.2));
}

@media(max-width:580px){
  .story-mark{padding:15px}
}

/* Mobile layout safety and deliberate phone composition. */
html,body{max-width:100%;overflow-x:clip}
main,.hero-inner,.hero-text,.scene,.catalog,.catalog-head,.catalog-toolbar,.product-grid,.product-card,.story,.story-copy,.contact2,.footer2{min-width:0}

@media(max-width:700px){
  .wrap{width:calc(100% - 32px)}
  .topline{height:27px;padding:0 16px;font-size:7px;white-space:nowrap;overflow:hidden}
  .site-header{height:72px;gap:12px}
  .site-header .brand-logo{min-width:0;max-width:155px;overflow:hidden}
  .site-header .brand-logo img{width:auto;height:50px;max-width:100%}
  .nav-order{flex:0 0 auto;padding:9px 0;font-size:9px;white-space:nowrap}
  .hero2,.hero-inner{min-height:0}
  .hero-inner{display:block;padding-top:1px;padding-bottom:28px}
  .hero-text{padding:48px 0 10px}
  .hero-kicker{font-size:8px;letter-spacing:.2em}
  .hero-kicker span{width:24px;margin-right:9px}
  .hero-text h1{max-width:100%;margin:20px 0;font-size:clamp(43px,13.4vw,58px);line-height:.96;overflow-wrap:normal}
  .hero-text>p{max-width:34em;font-size:14px;line-height:1.65}
  .hero-buttons{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:27px}
  .primary2{min-height:48px;display:inline-flex;align-items:center;justify-content:space-between}
  .scene{height:300px;margin-top:8px;overflow:hidden}
  .scene-frame{inset:0 -32px 0 -32px;transform:none!important;filter:drop-shadow(0 24px 24px #0008)}
  .scene-frame img{object-position:67% center;mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 94%,transparent 100%)}
  .glass-tag{right:4px;bottom:28px;max-width:150px;padding:12px 14px}
  .glass-tag b{font-size:13px}
  .gold-disc{top:14px;right:8px;width:62px;height:62px;padding:6px}
  .signature .wrap{grid-template-columns:1fr;padding:24px 0}
  .signature p{grid-column:auto;margin:0 0 19px;font-size:20px}
  .signature div div{margin:0;padding:11px 0;border-left:0;border-top:1px solid #302b24}
  .catalog{padding-top:68px;padding-bottom:72px}
  .catalog-head{gap:15px;margin-bottom:28px}
  .catalog-head h2{font-size:clamp(40px,12vw,54px)}
  .category-filters{width:auto;max-width:none;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;overscroll-behavior-inline:contain}
  .category-filters button{max-width:82vw;white-space:normal;line-height:1.25}
  .product-card:hover{transform:none}
  .story-visual{height:390px}
  .story-visual>img{width:100%;height:100%;object-fit:cover}
  .story-mark{width:min(220px,62vw);height:min(220px,62vw);padding:16px}
  .story-mark img{position:static!important;width:100%!important;height:100%!important;opacity:1!important}
  .story-copy{padding:58px 22px 62px}
  .story-copy h2{font-size:clamp(36px,10.5vw,44px);overflow-wrap:break-word}
  .story-copy blockquote{margin:27px 0;font-size:21px}
  .story-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .cta{min-height:520px;height:auto}
  .cta-orbit{max-width:92vw}
  .contact2-pro{gap:0}
  .contact2-pro a{padding:18px 0;border-left:0;border-top:1px solid #ddd1be}
  .footer2 .wrap>div{flex-wrap:wrap;justify-content:center}
  .wa-float{right:12px;bottom:12px;padding:12px 14px}
}

@media(max-width:430px){
  .site-header .brand-logo{max-width:130px}
  .site-header .brand-logo img{height:45px}
  .nav-order i{margin-right:5px}
  .hero-buttons{display:grid;justify-items:stretch}
  .hero-buttons a{width:100%;max-width:310px}
  .primary2 b{margin-left:18px}
  .scene{height:270px}
  .glass-tag{bottom:18px}
  .category-filters{grid-auto-columns:minmax(205px,82vw)}
  .product-card .purchase-actions{grid-template-columns:1fr}
  .product-card .copy-note{grid-column:1}
  .story-visual{height:340px}
  .story-stats{grid-template-columns:1fr}
  .cookie-actions{grid-template-columns:1fr}
}