/* ZRK UI/UX polish — 2026-09-17 */
:root{
  --ui-bg:#09090b;
  --ui-bg-soft:#0d0d10;
  --ui-surface:#121216;
  --ui-surface-2:#17171c;
  --ui-text:#f6f6f3;
  --ui-muted:#a5a7b1;
  --ui-line:rgba(255,255,255,.10);
  --ui-line-strong:rgba(255,255,255,.17);
  --ui-red:#ff2b2b;
  --ui-red-hover:#ff3b30;
  --ui-red-soft:rgba(255,43,43,.12);
  --ui-radius:22px;
  --ui-shadow:0 22px 60px rgba(0,0,0,.28);
  --ui-max:1280px;
}

html{scroll-padding-top:96px;max-width:100%;overflow-x:hidden}
body{max-width:100%;overflow-x:hidden}
body{background:var(--ui-bg);color:var(--ui-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:rgba(255,43,43,.34);color:#fff}
button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}
a,button{transition-property:color,background-color,border-color,opacity,transform,box-shadow;transition-duration:.18s;transition-timing-function:ease}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--ui-red);outline-offset:3px}

/* Shared desktop header */
.zrk-header{
  height:78px!important;
  min-height:78px!important;
  padding:8px 32px!important;
  background:rgba(9,9,11,.88)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.10)!important;
}
.zrk-header .logo{height:52px!important;max-width:112px!important;object-fit:contain}
.zrk-header .nav-left,.zrk-header .nav-right{gap:8px!important}
.zrk-header .nav-left a,.zrk-header .nav-right a{
  min-height:40px;display:inline-flex;align-items:center;padding:0 10px;
  border-radius:10px;font-size:13px!important;font-weight:720!important;color:#d0d1d7!important;
}
.zrk-header .nav-left a:hover,.zrk-header .nav-right a:hover{background:rgba(255,255,255,.055);color:#fff!important}
.zrk-header .nav-left a.active,.zrk-header .nav-right a.active{background:rgba(217,67,57,.11);color:#ff766d!important}
.zrk-header .phone{
  min-height:42px!important;display:inline-flex!important;align-items:center!important;
  padding:0 16px!important;border-radius:999px!important;background:var(--ui-red)!important;
  box-shadow:none!important;font-size:13px!important;font-weight:820!important;
}
.zrk-header .phone:hover{background:var(--ui-red-hover)!important;transform:translateY(-1px)}
.mobile-menu{background:rgba(16,16,20,.98)!important;border-color:var(--ui-line)!important;backdrop-filter:blur(18px)}

/* Content pages — remove distracting moving background */
.site-page .bg-video,.catalog-page .bg-video{display:none!important}
.site-page,.catalog-page{background:
  radial-gradient(circle at 78% 0,rgba(217,67,57,.075),transparent 28%),
  linear-gradient(180deg,#0a0a0d,#070709 52%,#09090b)!important}
.site-page .site-bg-overlay,.catalog-page .site-bg-overlay{background:transparent!important}
.site-page .main-wrap,.catalog-page .main-wrap{padding-top:126px!important;padding-left:36px!important;padding-right:36px!important}
.site-page .inner,.catalog-page .inner{max-width:var(--ui-max)!important}
.site-page .kicker,.catalog-page .kicker{color:var(--ui-red)!important;font-size:11px!important;font-weight:850!important;letter-spacing:.15em!important}
.site-page .page-title,.catalog-page .page-title{
  max-width:960px;font-size:clamp(44px,5.4vw,70px)!important;line-height:.98!important;
  letter-spacing:-.045em!important;font-weight:850!important;margin-bottom:20px!important;
}
.site-page .page-title span,.catalog-page .page-title span{color:var(--ui-red)!important}
.site-page .subtitle,.catalog-page .subtitle{max-width:820px!important;font-size:17px!important;line-height:1.62!important;color:#c2c4cc!important;margin-bottom:34px!important}

/* Generic cards / project pages */
.site-page .card,.site-page .project-card,.site-page .service-card,.site-page .form-card{
  border:1px solid var(--ui-line)!important;
  background:linear-gradient(145deg,rgba(21,21,26,.95),rgba(14,14,17,.96))!important;
  border-radius:22px!important;box-shadow:none!important;
}
.site-page .card:hover,.site-page .project-card:hover,.site-page .service-card:hover{
  transform:translateY(-3px)!important;border-color:rgba(255,255,255,.20)!important;box-shadow:var(--ui-shadow)!important;
}
.site-page .btn,.engraving-page .btn{
  min-height:48px!important;border-radius:999px!important;padding:0 20px!important;font-weight:820!important;box-shadow:none!important
}
.site-page .btn-red,.engraving-page .btn-red{background:var(--ui-red)!important;border-color:var(--ui-red)!important}
.site-page .btn-red:hover,.engraving-page .btn-red:hover{background:var(--ui-red-hover)!important;transform:translateY(-1px)}
.site-page .btn-black{background:#141419!important;border-color:var(--ui-line-strong)!important}
.site-page input,.site-page textarea,.site-page select,.engraving-page input,.engraving-page textarea,.engraving-page select{
  border-color:rgba(255,255,255,.13)!important;background:#0c0c10!important;color:#fff!important;border-radius:13px!important
}
.site-page input:focus,.site-page textarea:focus,.site-page select:focus,.engraving-page input:focus,.engraving-page textarea:focus,.engraving-page select:focus{
  border-color:rgba(255,118,109,.68)!important;box-shadow:0 0 0 3px rgba(217,67,57,.10)!important;outline:0!important
}
.site-page .project-grid{gap:16px!important}
.site-page .project-image{background:#111116!important}
.site-page .project-image img{transition:transform .5s ease!important}
.site-page .project-card:hover .project-image img{transform:scale(1.025)!important}

/* Portfolio */
.site-page .portfolio-section{padding-top:126px!important}
.site-page .portfolio-inner{max-width:var(--ui-max)!important;padding-left:36px!important;padding-right:36px!important}
.site-page .portfolio-title{font-size:clamp(44px,5.4vw,70px)!important;line-height:.98!important;letter-spacing:-.045em!important}
.site-page .portfolio-title span{color:#ef5a50!important}
.site-page .portfolio-subtitle{font-size:17px!important;color:#b8bbc4!important;margin-top:16px!important}
.site-page .portfolio-grid{gap:12px!important}
.site-page .portfolio-tile{border-radius:20px!important;border:1px solid rgba(255,255,255,.08)!important;background:#101014!important;box-shadow:none!important}
.site-page .portfolio-tile img{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .25s ease!important;filter:saturate(.92) contrast(1.02)}
.site-page .portfolio-tile:hover img{transform:scale(1.025)!important;filter:saturate(1) contrast(1.04)}

/* Services listing */
.site-page .hero-services{padding-top:126px!important}
.site-page .hero-title{font-size:clamp(46px,6vw,76px)!important;line-height:.97!important;letter-spacing:-.045em!important}
.site-page .hero-subtitle{max-width:800px!important;color:#c0c3cb!important;line-height:1.6!important}
.site-page .cards-grid{gap:16px!important}
.site-page .service-card{overflow:hidden!important}
.site-page .service-title{letter-spacing:-.025em!important}
.site-page .service-icon{border-radius:18px!important;background:#17171c!important}

/* Service detail pages */
.service-detail-page{background:#08090b!important}
.service-detail-page .service-bg{background:radial-gradient(circle at 13% 12%,rgba(217,67,57,.10),transparent 25%),linear-gradient(180deg,#09090c 0%,#060709 70%,#09090c 100%)!important}
.service-detail-page .service-grid-bg{opacity:.055!important;background-size:64px 64px!important}
.service-detail-page .service-page{padding-top:78px!important}
.service-detail-page .service-hero{max-width:var(--ui-max)!important;padding:72px 36px 48px!important;gap:52px!important;min-height:600px!important}
.service-detail-page .service-hero h1{font-size:clamp(48px,6vw,78px)!important;line-height:.96!important;letter-spacing:-.048em!important}
.service-detail-page .service-hero h1 span{color:var(--ui-red)!important}
.service-detail-page .service-hero__lead{font-size:17px!important;line-height:1.62!important;color:#c9cbd2!important}
.service-detail-page .service-visual{height:390px!important;border-radius:24px!important;border-color:var(--ui-line)!important;box-shadow:0 24px 60px rgba(0,0,0,.32)!important}
.service-detail-page .service-main{max-width:var(--ui-max)!important;padding:18px 36px 76px!important}
.service-detail-page .btn{min-height:48px!important;border-radius:999px!important;padding:0 20px!important;box-shadow:none!important}
.service-detail-page .btn-red{background:var(--ui-red)!important;border-color:var(--ui-red)!important}
.service-detail-page .btn-red:hover{background:var(--ui-red-hover)!important}
.service-detail-page .info-card,.service-detail-page .use-item,.service-detail-page .step,.service-detail-page .faq details{
  background:linear-gradient(145deg,#121217,#0e0f12)!important;border-color:var(--ui-line)!important;box-shadow:none!important
}
.service-detail-page .info-card{border-radius:20px!important;padding:24px!important}
.service-detail-page .service-wide{border-radius:22px!important;background:linear-gradient(100deg,rgba(217,67,57,.08),#111216 56%)!important}
.service-detail-page .use-item{border-radius:18px!important}
.service-detail-page .step{border-top:1px solid var(--ui-line)!important;border-radius:18px!important;position:relative!important;overflow:hidden!important}
.service-detail-page .step:before{content:"";position:absolute;left:0;top:0;width:44px;height:2px;background:var(--ui-red)}
.service-detail-page .related a{background:#111216!important;border-color:var(--ui-line)!important}
.service-detail-page .related a:hover{border-color:rgba(255,118,109,.55)!important;color:#ff8a82!important}
.service-detail-page .service-request{max-width:1208px!important;border-radius:26px!important;background:linear-gradient(145deg,#141419,#0e0f12)!important;border-color:var(--ui-line)!important;box-shadow:0 28px 70px rgba(0,0,0,.24)!important}
.service-detail-page .form-grid input,.service-detail-page .form-grid textarea{background:#0b0c0f!important;border-radius:13px!important}
.service-detail-page .form-grid input:focus,.service-detail-page .form-grid textarea:focus{border-color:rgba(255,118,109,.68)!important;box-shadow:0 0 0 3px rgba(217,67,57,.10)!important;outline:0!important}

/* Home */
.home-page{background:var(--ui-bg)!important}
.home-page .wrap{width:min(var(--ui-max),calc(100% - 48px))!important}
.home-page .header{background:rgba(9,9,11,.88)!important;backdrop-filter:blur(18px) saturate(125%)!important;border-bottom-color:rgba(255,255,255,.08)!important}
.home-page .header__in{height:76px!important}
.home-page .brand img{height:44px!important}
.home-page .nav{gap:10px!important}
.home-page .nav a{min-height:38px;display:inline-flex;align-items:center;padding:0 9px;border-radius:9px;color:#d0d1d7!important;font-size:13px!important}
.home-page .nav a:hover{background:rgba(255,255,255,.055);color:#fff!important}
.home-page .mini-cta{min-height:42px;display:inline-flex;align-items:center;padding:0 16px!important;background:var(--ui-red)!important;box-shadow:none!important}
.home-page .header-phone{color:#e5e5e9!important}
.home-page .hero{min-height:760px!important;padding-top:156px!important;padding-bottom:72px!important}
.home-page .hero:before{background:radial-gradient(circle at 76% 28%,rgba(217,67,57,.13),transparent 28%),linear-gradient(90deg,rgba(9,9,11,.985) 0%,rgba(9,9,11,.91) 44%,rgba(9,9,11,.47) 72%,rgba(9,9,11,.93) 100%)!important}
.home-page .hero-media video,.home-page .hero-media img{filter:saturate(.78) contrast(1.08) brightness(.60)!important}
.home-page .hero h1{max-width:850px!important;font-size:clamp(54px,6.5vw,88px)!important;line-height:.93!important;letter-spacing:-.055em!important}
.home-page .hero h1 span{color:var(--ui-red)!important}
.home-page .hero-lead{max-width:730px!important;font-size:clamp(18px,1.8vw,22px)!important;line-height:1.5!important;color:#d4d5da!important}
.home-page .btn{min-height:50px!important;border-radius:999px!important;padding:0 21px!important;box-shadow:none!important}
.home-page .btn-red{background:var(--ui-red)!important}
.home-page .btn-red:hover{background:var(--ui-red-hover)!important}
.home-page .proof-card{border-color:rgba(255,255,255,.11)!important;background:rgba(14,14,17,.78)!important;border-radius:16px!important;padding:16px 18px!important}
.home-page .quick-strip{background:#0d0d10!important}
.home-page .quick-item{padding:19px 18px!important;color:#a9abb4!important}
.home-page .section{padding:94px 0!important}
.home-page .section--compact{padding:72px 0!important}
.home-page .section-head{margin-bottom:36px!important;gap:40px!important}
.home-page .section-head h2{font-size:clamp(36px,4.6vw,60px)!important}
.home-page .section-head p{font-size:17px!important;line-height:1.58!important}
.home-page .service{border-color:rgba(255,255,255,.09)!important;background:linear-gradient(145deg,#141419,#101014)!important;border-radius:22px!important}
.home-page .service:not(a):hover{transform:none!important;border-color:rgba(255,255,255,.12)!important;box-shadow:none!important}
.home-page a.service:hover{transform:translateY(-3px)!important;border-color:rgba(255,118,109,.30)!important;box-shadow:0 20px 48px rgba(0,0,0,.20)!important}
.home-page .service-icon{border-radius:17px!important;background:#19191e!important}
.home-page .case,.home-page .shop-shot,.home-page .capability-photo{border-radius:20px!important}
.home-page .production-card,.home-page .engraving--visual,.home-page .request-box{border-radius:26px!important}
.home-page .request-box{background:linear-gradient(145deg,#141419,#0e0f12)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 26px 68px rgba(0,0,0,.22)!important}
.home-page .form-section{border-color:rgba(255,255,255,.08)!important}
.home-page .field input,.home-page .field textarea{background:#0b0c0f!important;border-color:rgba(255,255,255,.13)!important;border-radius:13px!important}
.home-page .field input:focus,.home-page .field textarea:focus{border-color:rgba(255,118,109,.68)!important;box-shadow:0 0 0 3px rgba(217,67,57,.10)!important;outline:0!important}

/* Home catalog cards — make product photos feel intentional, not like a large white slab */
.home-page .catalog-grid--showcase{gap:16px!important}
.home-page .product--wide{
  min-height:250px!important;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr)!important;
  padding:14px!important;gap:8px!important;border-radius:24px!important;background:linear-gradient(145deg,#151519,#101014)!important;
  border-color:rgba(255,255,255,.10)!important;
}
.home-page .product--wide:hover{transform:translateY(-3px)!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 22px 54px rgba(0,0,0,.24)!important}
.home-page .product--wide .product-media{
  min-height:222px!important;height:100%!important;padding:18px!important;border:0!important;border-radius:16px!important;
  background:#f4f4f1!important;overflow:hidden!important;
}
.home-page .product--wide .product-media img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;filter:drop-shadow(0 12px 20px rgba(0,0,0,.08))!important}
.home-page .product--wide .product-info{padding:14px 14px 12px 18px!important}
.home-page .product--wide .product-tag{background:rgba(217,67,57,.11)!important;color:#ff746b!important}
.home-page .product--wide h3{font-size:22px!important;line-height:1.1!important;margin-top:13px!important}
.home-page .product--wide p{font-size:13px!important;line-height:1.5!important}
.home-page .product--wide .product-price{font-size:25px!important}
.home-page .product-arrow{width:42px!important;height:42px!important}

/* Catalog */
.catalog-page .main-wrap{padding-bottom:96px!important}
.catalog-page .catalog-legal-note{
  max-width:980px!important;display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;gap:12px!important;
  align-items:start!important;margin:0 0 28px!important;padding:15px 17px!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:16px!important;
  background:linear-gradient(120deg,rgba(217,67,57,.075),rgba(20,21,27,.78))!important;color:#b9bdc7!important;font-size:12px!important;line-height:1.55!important;
}
.catalog-page .catalog-legal-note:before{display:none!important}
.catalog-page .catalog-legal-note__icon{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,43,43,.14);border:1px solid rgba(255,43,43,.32);color:var(--ui-red);font-weight:900;font-size:11px}
.catalog-page .catalog-legal-note__text{display:block;min-width:0}
.catalog-page .catalog-legal-note__text strong{display:inline;color:#f0f1f4!important;font-weight:850}
.catalog-page .catalog-legal-note__text span{color:#b9bdc7}
.catalog-page .catalog-toolbar{
  position:sticky!important;top:90px!important;z-index:12!important;display:flex!important;align-items:center!important;gap:12px!important;
  margin:0 0 38px!important;padding:10px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:16px!important;
  background:rgba(12,12,15,.90)!important;backdrop-filter:blur(18px) saturate(130%)!important;box-shadow:0 12px 36px rgba(0,0,0,.16)!important;
}
.catalog-page .catalog-category-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0}
.catalog-page .catalog-category-nav a{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border-radius:10px;color:#aeb2bc;font-size:12px;font-weight:780;white-space:nowrap}
.catalog-page .catalog-category-nav a:hover{background:rgba(255,255,255,.06);color:#fff}
.catalog-page .catalog-category-nav a:first-child{background:rgba(255,43,43,.12);color:#ff5d52}
.catalog-page .catalog-selection-summary{margin-left:auto!important;border-radius:11px!important;background:#17171c!important;border-color:rgba(255,255,255,.12)!important}
.catalog-page .catalog-selection-summary__action{background:var(--ui-red)!important;border-radius:8px!important}
.catalog-page .price-category-block{margin-top:58px!important;scroll-margin-top:154px}
.catalog-page .price-category-block:first-of-type{margin-top:0!important}
.catalog-page .category-heading{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:20px!important;margin-bottom:18px!important;padding:0 0 14px!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
.catalog-page .category-heading h2{font-size:clamp(24px,2.5vw,34px)!important;line-height:1.12!important;text-transform:none!important;letter-spacing:-.025em!important;font-weight:850!important}
.catalog-page .category-heading h2::after{display:none!important}
.catalog-page .category-heading p{max-width:620px!important;color:#9fa3ad!important;font-size:13px!important;line-height:1.5!important;margin:0!important}
.catalog-page .price-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;margin-bottom:0!important}
.catalog-page .price-card{
  border-radius:20px!important;border:1px solid rgba(255,255,255,.09)!important;background:linear-gradient(145deg,#151519,#101014)!important;
  box-shadow:none!important;overflow:hidden!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important
}
.catalog-page .price-card:hover{transform:translateY(-3px)!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 20px 48px rgba(0,0,0,.22)!important}
.catalog-page .price-card.is-selected{border-color:rgba(255,43,43,.48)!important;box-shadow:0 0 0 1px rgba(255,43,43,.10),0 18px 42px rgba(0,0,0,.22)!important}
.catalog-page .price-image{
  width:100%!important;height:auto!important;aspect-ratio:4/3!important;margin:0!important;padding:0!important;
  border-radius:20px 20px 0 0!important;background:#fff!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;
}
.catalog-page .price-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;border-radius:0!important;filter:none!important;display:block!important}
.catalog-page .price-info{padding:16px 17px 18px!important}
.catalog-page .card-tag{color:var(--ui-red)!important;font-size:10px!important;font-weight:850!important;letter-spacing:.11em!important;margin-bottom:8px!important}
.catalog-page .price-info h3{font-size:17px!important;line-height:1.25!important;min-height:44px!important;margin-bottom:8px!important;letter-spacing:-.015em!important}
.catalog-page .size{min-height:38px!important;margin-bottom:10px!important;color:#9fa3ad!important;font-size:12px!important;line-height:1.45!important}
.catalog-page .price-row{margin-top:8px!important;gap:9px!important}
.catalog-page .new-price{
  min-height:0!important;padding:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;
  font-size:23px!important;font-weight:900!important;box-shadow:none!important;letter-spacing:-.025em!important;
}
.catalog-page .old-price{font-size:12px!important;color:#7f838d!important;font-weight:700!important}
.catalog-page .old-price::after{height:1px!important;background:#ff3b30!important;transform:rotate(-7deg)!important}
.catalog-page .discount-badge{
  top:14px!important;left:14px!important;min-height:30px!important;padding:0 12px!important;border-radius:999px!important;
  background:linear-gradient(180deg,#ff3b30 0%,#ff2b2b 100%)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;
  font-size:10px!important;font-weight:900!important;letter-spacing:.11em!important;text-transform:uppercase!important;box-shadow:0 10px 22px rgba(255,43,43,.36)!important;backdrop-filter:none!important;z-index:3!important;
}
.catalog-page .catalog-card-actions{margin-top:15px!important;gap:10px!important}
.catalog-page .qty-control{grid-template-columns:36px 38px 36px!important;height:38px!important;border-radius:10px!important;background:#0c0d10!important;border-color:rgba(255,255,255,.13)!important}
.catalog-page .qty-control button{font-size:17px!important}
.catalog-page .qty-control button:hover{background:rgba(255,255,255,.07)!important}
.catalog-page .qty-control input{width:38px!important;font-size:13px!important}
.catalog-page .catalog-item-total{font-size:11px!important;line-height:1.3!important;color:#a9adb6!important}
.catalog-page .catalog-product.is-selected .qty-control{border-color:rgba(255,43,43,.55)!important}
.catalog-page .catalog-product.is-selected .catalog-item-total{color:#f2f2f4!important}
.catalog-page .catalog-request-section{margin-top:70px!important;border-radius:24px!important;padding:26px!important;background:linear-gradient(145deg,#151519,#0d0e11)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 28px 70px rgba(0,0,0,.22)!important}
.catalog-page .catalog-request-summary,.catalog-page .catalog-request-form{border-radius:18px!important;background:#0d0e11!important;border-color:rgba(255,255,255,.09)!important}
.catalog-page .catalog-request-form input,.catalog-page .catalog-request-form textarea{background:#131419!important;border-radius:12px!important}
.catalog-page .catalog-request-form input:focus,.catalog-page .catalog-request-form textarea:focus{border-color:rgba(255,43,43,.68)!important;box-shadow:0 0 0 3px rgba(255,43,43,.10)!important}
.catalog-page .catalog-request-form__submit{background:var(--ui-red)!important;border-radius:999px!important}
.catalog-page .catalog-request-form__submit:hover{background:var(--ui-red-hover)!important}

/* Footer */
.legal-footer,.footer{border-top-color:rgba(255,255,255,.08)!important;background:#08080a!important}
.legal-footer a,.footer a{transition:color .18s ease}
.legal-footer a:hover,.footer a:hover{color:#fff!important}

@media(max-width:1180px){
  .catalog-page .price-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .home-page .product--wide{grid-template-columns:1fr!important}
  .home-page .product--wide .product-media{min-height:210px!important}
}
@media(max-width:1100px){
  .zrk-header{height:70px!important;min-height:70px!important;padding:7px 18px!important}
  .zrk-header .logo{height:46px!important}
  .service-detail-page .service-page{padding-top:70px!important}
  .service-detail-page .service-hero{padding-top:54px!important}
  .catalog-page .catalog-toolbar{top:80px!important}
}
@media(max-width:820px){
  .site-page .main-wrap,.catalog-page .main-wrap{padding:108px 18px 72px!important}
  .site-page .portfolio-inner{padding-left:18px!important;padding-right:18px!important}
  .catalog-page .price-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .catalog-page .catalog-toolbar{position:relative!important;top:auto!important;align-items:stretch!important;flex-direction:column!important}
  .catalog-page .catalog-category-nav{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important;scrollbar-width:none}
  .catalog-page .catalog-category-nav::-webkit-scrollbar{display:none}
  .catalog-page .catalog-selection-summary{margin-left:0!important;width:100%!important}
  .catalog-page .price-category-block{scroll-margin-top:90px}
  .service-detail-page .service-hero,.service-detail-page .service-main{padding-left:20px!important;padding-right:20px!important}
  .home-page .product--wide{grid-template-columns:145px 1fr!important;padding:10px!important}
  .home-page .product--wide .product-media{min-height:185px!important;padding:12px!important}
  .home-page .product--wide .product-info{padding:10px 10px 10px 14px!important}
}
@media(max-width:560px){
  html{scroll-padding-top:76px}
  .site-page .page-title,.catalog-page .page-title{font-size:40px!important}
  .site-page .subtitle,.catalog-page .subtitle{font-size:15px!important}
  .catalog-page .price-grid{grid-template-columns:1fr!important;gap:14px!important}
  .catalog-page .price-image{aspect-ratio:4/3!important;margin:0!important;padding:0!important;border-radius:18px 18px 0 0!important}
  .catalog-page .category-heading{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}
  .catalog-page .catalog-request-section{padding:17px!important;border-radius:20px!important}
  .home-page .wrap{width:min(var(--ui-max),calc(100% - 28px))!important}
  .home-page .section{padding:68px 0!important}
  .home-page .section--compact{padding:58px 0!important}
  .home-page .hero{padding-top:126px!important}
  .home-page .product--wide{grid-template-columns:1fr!important;padding:10px!important}
  .home-page .product--wide .product-media{min-height:220px!important}
  .home-page .product--wide .product-info{padding:12px 10px 10px!important}
  .service-detail-page .service-hero{padding:38px 16px 28px!important;gap:30px!important}
  .service-detail-page .service-main{padding:12px 16px 48px!important}
  .service-detail-page .service-visual{height:260px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* Final hierarchy refinements */
.home-page .catalog-head{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr)!important;align-items:end!important}
.home-page .catalog-head h2{font-size:clamp(36px,3.9vw,52px)!important;max-width:760px!important}
.home-page .catalog-all-link{min-height:40px;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#141419;font-size:13px!important}
.home-page .catalog-all-link:hover{border-color:rgba(255,118,109,.38);background:#18181d}
.home-page .catalog-all-link span{font-size:16px}
@media(max-width:1100px){.zrk-header .mobile-menu{top:70px!important}}
@media(max-width:760px){.home-page .catalog-head{grid-template-columns:1fr!important}.home-page .catalog-head h2{font-size:40px!important}}
@media(max-width:560px){.home-page .header__in{height:68px!important}.home-page .brand img{height:38px!important}}

/* Services page: only engraving remains clickable for now */
.site-page .service-card--static{cursor:default!important}
.site-page .service-card--static:hover{transform:none!important;border-color:rgba(255,255,255,.09)!important;box-shadow:none!important}
.site-page .service-card--static:hover .service-icon{transform:none!important}


/* v7 — homepage catalog mirrors the main catalog */
.home-page #catalog{padding-top:76px!important;padding-bottom:76px!important}
.home-page #catalog .catalog-head{margin-bottom:26px!important}
.home-page #catalog .section-head h2{font-size:clamp(34px,4vw,52px)!important;max-width:720px!important}
.home-page .catalog-grid--showcase{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:15px!important;
}
.home-page .product--wide{
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  padding:0!important;
  gap:0!important;
  border-radius:20px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:linear-gradient(145deg,#151519,#101014)!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.home-page .product--wide:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.22)!important;
}
.home-page .product--wide .product-media{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:4/3!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:20px 20px 0 0!important;
  background:#fff!important;
  overflow:hidden!important;
  display:block!important;
}
.home-page .product--wide .product-media img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  border-radius:0!important;
  filter:none!important;
  transform:none!important;
}
.home-page .product--wide:hover .product-media img{transform:none!important}
.home-page .product--wide .product-info{
  flex:1!important;
  padding:16px 17px 18px!important;
  display:flex!important;
  flex-direction:column!important;
}
.home-page .product--wide .product-tag{
  min-height:0!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--ui-red)!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.11em!important;
  margin:0 0 8px!important;
}
.home-page .product--wide h3{
  min-height:44px!important;
  margin:0 0 8px!important;
  font-size:17px!important;
  line-height:1.25!important;
  letter-spacing:-.015em!important;
}
.home-page .product--wide p{
  min-height:38px!important;
  margin:0!important;
  color:#9fa3ad!important;
  font-size:12px!important;
  line-height:1.45!important;
  max-width:none!important;
}
.home-page .product--wide .product-bottom{
  margin-top:auto!important;
  padding-top:15px!important;
  align-items:center!important;
}
.home-page .product--wide .product-price{
  font-size:23px!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
}
.home-page .product-arrow{
  width:36px!important;
  height:36px!important;
  font-size:16px!important;
  background:#17171c!important;
  border-color:rgba(255,255,255,.13)!important;
}
.home-page .product--wide:hover .product-arrow{
  background:var(--ui-red)!important;
  border-color:var(--ui-red)!important;
}

/* Engraving card: real photo instead of an icon */
.site-page .service-card--engraving .card-right{padding:0!important;overflow:hidden!important;background:#151519!important}
.site-page .service-card--engraving .service-icon--photo{
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:none!important;
  transform:none!important;
}
.site-page .service-card--engraving:hover .service-icon--photo{transform:scale(1.025)!important;filter:none!important}

@media(max-width:1180px){
  .home-page .catalog-grid--showcase{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .home-page #catalog{padding-top:64px!important;padding-bottom:64px!important}
  .home-page .catalog-grid--showcase{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .home-page .product--wide{padding:0!important;grid-template-columns:none!important}
  .home-page .product--wide .product-media{min-height:0!important;padding:0!important}
  .home-page .product--wide .product-info{padding:15px 15px 17px!important}
}
@media(max-width:560px){
  .home-page #catalog{padding-top:56px!important;padding-bottom:56px!important}
  .home-page .catalog-grid--showcase{grid-template-columns:1fr!important}
  .home-page .product--wide{padding:0!important;grid-template-columns:none!important}
  .home-page .product--wide .product-media{min-height:0!important;padding:0!important;aspect-ratio:4/3!important}
  .home-page .product--wide .product-info{padding:15px 16px 17px!important}
  .site-page .service-card--engraving .card-right{min-height:220px!important;width:100%!important}
}