.catalog-visual-page,.section:has(.portfolio-grid){--gallery-line:rgba(77,229,241,.2);--gallery-surface:#08131d;--gallery-muted:#88a0b1}.catalog-visual-head{position:relative;overflow:hidden;border:1px solid var(--gallery-line);border-radius:26px;padding:24px;background:linear-gradient(145deg,rgba(8,25,37,.88),rgba(10,15,27,.94));margin-bottom:18px}.catalog-visual-head:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(70,232,241,.12),transparent 70%);inset:-120px auto auto -70px;pointer-events:none}.catalog-search-bar{position:sticky;top:74px;z-index:16;border:1px solid rgba(75,229,240,.22);border-radius:18px;background:rgba(5,14,23,.94);box-shadow:0 12px 38px rgba(0,0,0,.22);padding:11px 12px;margin:0 0 14px}.catalog-search-bar input{background:#06101a;border-color:#284254}.catalog-filter,.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:4px 0 12px}.catalog-filter::-webkit-scrollbar,.chips::-webkit-scrollbar{display:none}.catalog-filter a,.chips .chip{flex:0 0 auto;border:1px solid #223a4b;background:#09151f;border-radius:999px;padding:8px 13px;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.catalog-filter a:hover,.chips .chip:hover{border-color:#4be5ee;transform:translateY(-1px)}.catalog-filter a.active,.chips .chip.active{background:rgba(38,209,224,.14);border-color:#4be5ee;color:#7ef4f7}.unified-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:20px 0 14px}.unified-gallery-head h2{margin:4px 0}.unified-gallery-head p{max-width:720px;color:#8da2b3}.unified-gallery-grid{display:block!important;columns:4 265px;column-gap:16px}.unified-gallery-grid>.neon-gallery-card{display:inline-block!important;width:100%;break-inside:avoid;margin:0 0 16px;border:1px solid #203746!important;border-radius:20px!important;background:linear-gradient(160deg,#08141f,#09111a)!important;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.2);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.unified-gallery-grid>.neon-gallery-card:hover{transform:translateY(-3px);border-color:rgba(69,228,239,.5)!important;box-shadow:0 18px 42px rgba(0,0,0,.3),0 0 0 1px rgba(80,228,240,.05)}.catalog-photo-media{position:relative;display:block;overflow:hidden;background:#040b11}.catalog-photo-media:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,rgba(1,8,13,.78));pointer-events:none}.catalog-photo-media img{display:block;width:100%!important;height:auto!important;min-height:170px;max-height:520px;object-fit:cover;transition:transform .25s ease,filter .25s ease}.neon-gallery-card:hover .catalog-photo-media img{transform:scale(1.025);filter:saturate(1.06) contrast(1.02)}.catalog-photo-media>span{position:absolute!important;z-index:3;top:11px;right:11px;bottom:auto!important;background:rgba(3,13,20,.82)!important;border:1px solid rgba(85,231,240,.24);backdrop-filter:blur(5px);border-radius:999px!important;padding:6px 9px!important;font-size:.7rem!important}.catalog-photo-body{padding:14px 14px 15px!important}.catalog-photo-body h2{font-size:1rem;margin:0 0 6px}.catalog-photo-body p{font-size:.79rem;line-height:1.85;color:#879aa9;margin:0 0 11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-order-link{display:flex!important;justify-content:space-between;align-items:center;border-top:1px solid rgba(91,144,170,.12);padding-top:10px;color:#66edf3!important;font-size:.82rem}.gallery-zoom-trigger{position:absolute;z-index:7;left:10px;bottom:10px;width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:rgba(4,13,21,.84);color:#fff;display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(5px);transition:opacity .16s ease,transform .16s ease,background .16s ease}.catalog-photo-media:hover .gallery-zoom-trigger,.portfolio-card:hover .gallery-zoom-trigger{opacity:1;transform:none}.gallery-zoom-trigger:hover{background:rgba(38,210,225,.2)}.portfolio-grid{display:block!important;columns:3 320px;column-gap:18px}.portfolio-grid>.portfolio-card{position:relative;display:inline-block!important;width:100%;break-inside:avoid;margin:0 0 18px;border:1px solid #213847;border-radius:22px;overflow:hidden;background:#07111a;box-shadow:0 12px 34px rgba(0,0,0,.22);transition:transform .18s ease,border-color .18s ease}.portfolio-grid>.portfolio-card:hover{transform:translateY(-3px);border-color:rgba(76,230,240,.46)}.portfolio-card>img{display:block;width:100%;height:auto!important;max-height:620px;object-fit:cover}.portfolio-card .overlay{position:absolute!important;inset:auto 0 0!important;padding:48px 15px 15px!important;background:linear-gradient(transparent,rgba(2,8,13,.9) 44%,rgba(2,8,13,.98));transform:none!important;opacity:1!important}.portfolio-card .overlay h3{margin:0 0 5px;font-size:1rem}.portfolio-card .overlay>span{color:#b4c4cf;font-size:.74rem}.portfolio-card .digital-file-action{margin-top:9px}.gallery-lightbox{position:fixed;inset:0;z-index:99998;display:none;align-items:center;justify-content:center;background:rgba(1,5,9,.92);padding:24px}.gallery-lightbox.is-open{display:flex}.gallery-lightbox__stage{position:relative;max-width:min(92vw,1200px);max-height:88vh;display:grid;place-items:center}.gallery-lightbox__image{display:block;max-width:100%;max-height:82vh;border-radius:18px;box-shadow:0 26px 90px rgba(0,0,0,.6);object-fit:contain}.gallery-lightbox__caption{position:absolute;right:12px;bottom:12px;left:12px;padding:11px 14px;border-radius:13px;background:rgba(2,10,17,.78);backdrop-filter:blur(6px);color:#eefaff;font-size:.86rem}.gallery-lightbox__close,.gallery-lightbox__nav{position:absolute;border:1px solid rgba(255,255,255,.18);background:rgba(5,16,25,.82);color:#fff;cursor:pointer;display:grid;place-items:center}.gallery-lightbox__close{top:16px;left:16px;width:44px;height:44px;border-radius:50%;font-size:1.25rem}.gallery-lightbox__nav{top:50%;width:46px;height:58px;border-radius:14px;transform:translateY(-50%);font-size:1.3rem}.gallery-lightbox__prev{right:18px}.gallery-lightbox__next{left:18px}@media(max-width:900px){.unified-gallery-grid{columns:3 230px}.portfolio-grid{columns:2 260px}.catalog-search-bar{top:62px}.gallery-zoom-trigger{opacity:1;transform:none}}@media(max-width:620px){.catalog-visual-head{padding:17px;border-radius:20px}.unified-gallery-grid{columns:2 145px;column-gap:10px}.unified-gallery-grid>.neon-gallery-card{margin-bottom:10px;border-radius:15px!important}.catalog-photo-media img{min-height:120px;max-height:320px}.catalog-photo-body{padding:10px!important}.catalog-photo-body p{display:none}.catalog-photo-body h2{font-size:.83rem}.catalog-order-link{font-size:.72rem}.portfolio-grid{columns:2 145px;column-gap:10px}.portfolio-grid>.portfolio-card{margin-bottom:10px;border-radius:15px}.portfolio-card .overlay{padding:34px 10px 10px!important}.portfolio-card .overlay h3{font-size:.82rem}.portfolio-card .digital-file-action{display:none}.gallery-lightbox{padding:10px}.gallery-lightbox__nav{width:40px;height:50px}.gallery-lightbox__prev{right:8px}.gallery-lightbox__next{left:8px}}

/* Compact category navigation */
.catalog-category-shell{position:relative;margin:0 0 14px}
.catalog-filter-primary{display:flex;align-items:center;gap:8px;overflow:visible;padding:4px 0}
.catalog-filter-primary>a{flex:0 0 auto}
.catalog-more-categories{position:relative;flex:0 0 auto}
.catalog-more-categories>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:7px;border:1px solid #223a4b;background:#09151f;border-radius:999px;padding:8px 13px;color:#c8d3dc;font-size:.9rem;white-space:nowrap}
.catalog-more-categories>summary::-webkit-details-marker{display:none}
.catalog-more-categories>summary:hover,.catalog-more-categories>summary.active{border-color:#4be5ee;color:#7ef4f7;background:rgba(38,209,224,.08)}
.catalog-more-categories>summary b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#12313c;color:#8af5fa;font-size:.68rem}
.catalog-more-panel{position:absolute;z-index:30;top:calc(100% + 9px);right:0;width:min(560px,88vw);padding:12px;border:1px solid rgba(75,229,240,.24);border-radius:16px;background:rgba(5,14,23,.98);box-shadow:0 20px 54px rgba(0,0,0,.45);backdrop-filter:blur(14px)}
.catalog-category-search{display:grid;gap:5px;margin-bottom:10px}
.catalog-category-search span{font-size:.72rem;color:#8296a7}
.catalog-category-search input{width:100%;height:42px;border:1px solid #294154;border-radius:11px;background:#07101a;color:#fff;padding:0 11px;font:inherit}
.catalog-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:310px;overflow:auto;padding-left:3px;scrollbar-width:thin}
.catalog-more-grid a{display:block;border:1px solid #213746;border-radius:10px;background:#09151f;padding:9px 10px;font-size:.82rem;color:#c6d2dc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-more-grid a:hover,.catalog-more-grid a.active{border-color:#4be5ee;background:rgba(38,209,224,.1);color:#82f4f8}
.catalog-category-empty{padding:18px;text-align:center;color:#7f91a1;font-size:.8rem}
@media(max-width:950px){
  .catalog-filter-primary{overflow-x:auto;overflow-y:visible;scrollbar-width:thin;padding-bottom:10px}
  .catalog-more-categories{position:static}
  .catalog-more-panel{position:fixed;right:16px;left:16px;top:110px;width:auto;max-height:65vh;overflow:auto}
}
@media(max-width:620px){
  .catalog-more-grid{grid-template-columns:1fr}
  .catalog-filter-primary>a:nth-of-type(n+6){display:none}
}

/* V3 — stable, compact premium gallery */
.catalog-visual-page{
  padding:30px 0 64px;
}
.catalog-visual-head-v2{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:center;
  padding:22px 24px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 88% 18%,rgba(61,229,242,.12),transparent 25%),
    radial-gradient(circle at 12% 85%,rgba(255,76,215,.08),transparent 28%),
    linear-gradient(145deg,rgba(7,23,34,.94),rgba(10,13,23,.97))!important;
}
.catalog-hero-copy h1{
  margin:4px 0 8px;
  font-size:clamp(1.9rem,3.5vw,3.2rem);
  line-height:1.2;
}
.catalog-hero-copy>p{
  max-width:760px;
  margin:0;
  color:#9babb9;
  font-size:.9rem;
  line-height:1.9;
}
.catalog-hero-meta{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin-top:14px;
}
.catalog-hero-meta span{
  padding:6px 10px;
  border:1px solid rgba(84,213,229,.14);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:#8799aa;
  font-size:.7rem;
}
.catalog-hero-meta b{color:#71e9f1}

.catalog-search-bar-v2{
  position:relative!important;
  top:auto!important;
  z-index:14;
  display:grid!important;
  grid-template-columns:minmax(0,1.6fr) minmax(210px,.65fr) auto!important;
  gap:10px!important;
  align-items:end!important;
  padding:13px!important;
  margin:0 0 10px!important;
  border-radius:17px!important;
  box-shadow:0 12px 32px rgba(0,0,0,.17)!important;
}
.catalog-search-bar-v2 label{
  display:grid;
  gap:5px;
}
.catalog-search-bar-v2 label>span{
  color:#8598aa;
  font-size:.7rem;
}
.catalog-search-bar-v2 input,
.catalog-search-bar-v2 select{
  width:100%;
  height:44px;
  border:1px solid #294154;
  border-radius:12px;
  background:#071019;
  color:#eefbff;
  padding:0 12px;
  font:inherit;
}
.catalog-search-bar-v2 .btn{height:44px;min-height:44px}

.catalog-category-shell-v2{
  position:relative;
  margin:0 0 18px;
}
.catalog-filter-primary{
  display:flex!important;
  gap:7px!important;
  align-items:center;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-width:100%;
  padding:4px 1px 8px!important;
  scrollbar-width:thin!important;
  scrollbar-color:#294657 transparent;
}
.catalog-filter-primary::-webkit-scrollbar{height:5px!important;display:block!important}
.catalog-filter-primary::-webkit-scrollbar-thumb{background:#294657;border-radius:99px}
.catalog-filter-primary>a,
.catalog-more-trigger{
  flex:0 0 auto;
  border:1px solid #243a49;
  border-radius:999px;
  background:#09151f;
  color:#c0cbd5;
  padding:8px 12px;
  font:inherit;
  font-size:.78rem;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.catalog-filter-primary>a:hover,
.catalog-filter-primary>a.active,
.catalog-more-trigger:hover,
.catalog-more-trigger.active{
  border-color:#49e4ee;
  background:rgba(42,211,225,.11);
  color:#83f5f8;
}
.catalog-more-trigger{
  display:flex;
  align-items:center;
  gap:6px;
}
.catalog-more-trigger b{
  display:grid;
  place-items:center;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  background:#12323e;
  color:#8cf5fa;
  font-size:.65rem;
}
.catalog-category-panel{
  position:fixed;
  z-index:10020;
  top:50%;
  left:50%;
  width:min(720px,calc(100vw - 32px));
  max-height:min(72vh,680px);
  transform:translate(-50%,-50%);
  overflow:auto;
  padding:18px;
  border:1px solid rgba(70,229,241,.28);
  border-radius:22px;
  background:linear-gradient(150deg,#07131d,#090e17);
  box-shadow:0 34px 100px rgba(0,0,0,.62);
}
.catalog-category-panel[hidden],
.catalog-category-backdrop[hidden]{display:none!important}
.catalog-category-backdrop{
  position:fixed;
  z-index:10010;
  inset:0;
  background:rgba(1,6,10,.76);
  backdrop-filter:blur(4px);
}
.catalog-category-panel-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.catalog-category-panel-head>div{display:grid;gap:3px}
.catalog-category-panel-head strong{font-size:1.1rem}
.catalog-category-panel-head small{color:#8093a4;font-size:.72rem}
.catalog-category-panel-head>button{
  width:38px;
  height:38px;
  border:1px solid #2b4354;
  border-radius:11px;
  background:#0a1721;
  color:#dce8ef;
  cursor:pointer;
}
.catalog-category-search{
  display:grid;
  gap:5px;
  margin-bottom:12px;
}
.catalog-category-search span{font-size:.7rem;color:#8396a8}
.catalog-category-search input{
  width:100%;
  height:44px;
  border:1px solid #294154;
  border-radius:12px;
  background:#06101a;
  color:#fff;
  padding:0 12px;
  font:inherit;
}
.catalog-more-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  max-height:440px!important;
  overflow:auto!important;
  padding:1px 1px 3px!important;
}
.catalog-more-grid a{
  display:block!important;
  min-width:0;
  padding:10px 11px!important;
  border:1px solid #233847!important;
  border-radius:11px!important;
  background:#09151f!important;
  color:#c4d0d9!important;
  font-size:.78rem!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.catalog-more-grid a:hover,
.catalog-more-grid a.active{
  border-color:#4be5ee!important;
  background:rgba(38,209,224,.11)!important;
  color:#85f4f8!important;
}
.catalog-category-panel-open{overflow:hidden}

.catalog-gallery-head-v2{
  display:flex!important;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin:10px 0 13px!important;
  padding-top:2px;
}
.catalog-gallery-head-v2 h2{
  margin:2px 0 0!important;
  font-size:1.45rem!important;
}
.catalog-gallery-head-v2 p{
  max-width:520px!important;
  margin:0!important;
  font-size:.78rem!important;
  line-height:1.75;
}

/* Replace fragile masonry columns with a predictable responsive grid. */
.unified-gallery-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  columns:auto!important;
}
.unified-gallery-grid>.neon-gallery-card{
  display:flex!important;
  flex-direction:column;
  width:auto!important;
  min-width:0;
  margin:0!important;
  break-inside:auto!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:linear-gradient(155deg,#08141e,#070d14)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.2)!important;
}
.unified-gallery-grid>.neon-gallery-card:hover{
  transform:translateY(-3px)!important;
}
.unified-gallery-grid .catalog-photo-media{
  aspect-ratio:1/1;
  min-height:0;
}
.unified-gallery-grid .catalog-photo-media img{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:cover!important;
}
.unified-gallery-grid .catalog-photo-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:12px 13px 13px!important;
}
.unified-gallery-grid .catalog-photo-body h2{
  font-size:.92rem!important;
  margin:0 0 5px!important;
}
.unified-gallery-grid .catalog-photo-body p{
  font-size:.72rem!important;
  line-height:1.75!important;
  margin-bottom:9px!important;
}
.unified-gallery-grid .catalog-order-link{
  margin-top:auto;
  font-size:.74rem!important;
}

@media(max-width:1100px){
  .unified-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .catalog-visual-head-v2{grid-template-columns:1fr}
  .catalog-search-bar-v2{grid-template-columns:1fr 1fr!important}
  .catalog-search-bar-v2 .catalog-main-search{grid-column:1/-1}
  .catalog-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .catalog-gallery-head-v2{align-items:flex-start;flex-direction:column}
  .unified-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .catalog-visual-page{padding-top:18px}
  .catalog-visual-head-v2{padding:17px!important}
  .catalog-search-bar-v2{grid-template-columns:1fr!important}
  .catalog-search-bar-v2 .catalog-main-search{grid-column:auto}
  .catalog-more-grid{grid-template-columns:1fr!important}
  .unified-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .unified-gallery-grid .catalog-photo-body p{display:none!important}
}


/* V4 — visual category-card carousel */
.catalog-search-simple{
  grid-template-columns:minmax(0,1fr) auto auto!important;
  margin-bottom:18px!important;
}
.catalog-search-simple .catalog-main-search{min-width:0}
.catalog-search-simple .btn{white-space:nowrap}

.category-showcase{
  margin:8px 0 26px;
  padding:18px;
  border:1px solid rgba(87,197,221,.16);
  border-radius:24px;
  background:
    radial-gradient(circle at 95% 0%,rgba(53,219,236,.09),transparent 28%),
    radial-gradient(circle at 0% 100%,rgba(255,70,202,.065),transparent 30%),
    linear-gradient(150deg,rgba(7,17,27,.92),rgba(9,13,22,.96));
  overflow:hidden;
}
.category-showcase-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:14px;
}
.category-showcase-head h2{
  margin:3px 0 4px;
  font-size:clamp(1.25rem,2.2vw,1.75rem);
  line-height:1.3;
}
.category-showcase-head p{
  margin:0;
  color:#7f91a2;
  font-size:.76rem;
}
.category-slider-controls{
  display:flex;
  direction:ltr;
  gap:7px;
  flex:0 0 auto;
}
.category-slider-controls button{
  width:42px;
  height:42px;
  border:1px solid #2a4253;
  border-radius:13px;
  background:#09141d;
  color:#dffbff;
  font:700 1.45rem/1 sans-serif;
  cursor:pointer;
  transition:.18s ease;
}
.category-slider-controls button:hover{
  border-color:#48e4ee;
  background:rgba(49,213,228,.1);
  color:#7cf5f8;
  transform:translateY(-1px);
}
.category-slider-controls button:disabled{
  opacity:.3;
  cursor:default;
  transform:none;
}
.category-slider-viewport{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:smooth;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  cursor:grab;
  touch-action:auto; /* Native vertical page scroll, horizontal swipe and pinch zoom. */
  overscroll-behavior-inline:contain;
}
.category-slider-viewport::-webkit-scrollbar{display:none}
.category-slider-viewport.is-dragging{
  cursor:grabbing;
  scroll-behavior:auto;
  scroll-snap-type:none;
  user-select:none;
}
.category-slider-track{
  display:flex;
  gap:12px;
  width:max-content;
  min-width:100%;
  padding:2px 1px 5px;
}
.category-card{
  position:relative;
  flex:0 0 clamp(210px,18vw,255px);
  height:170px;
  overflow:hidden;
  border:1px solid rgba(103,137,163,.2);
  border-radius:19px;
  background:#09131d;
  scroll-snap-align:start;
  box-shadow:0 10px 26px rgba(0,0,0,.18);
  isolation:isolate;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.category-card:hover{
  transform:translateY(-4px);
  border-color:rgba(74,228,238,.52);
  box-shadow:0 18px 38px rgba(0,0,0,.28),0 0 24px rgba(58,211,225,.08);
}
.category-card.active{
  border-color:#4ae4ee;
  box-shadow:0 0 0 1px rgba(74,228,238,.2),0 18px 38px rgba(0,0,0,.28),0 0 28px rgba(65,220,235,.13);
}
.category-card-art{
  position:absolute;
  inset:0;
  z-index:-3;
  overflow:hidden;
  background:
    radial-gradient(circle at 70% 26%,rgba(58,224,239,.2),transparent 32%),
    radial-gradient(circle at 18% 76%,rgba(245,65,194,.15),transparent 34%),
    #09141e;
}
.category-card-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.02);
  filter:saturate(.9) brightness(.72);
  transition:transform .35s ease,filter .25s ease;
}
.category-card:hover .category-card-art img{
  transform:scale(1.075);
  filter:saturate(1.05) brightness(.82);
}
.category-card-gradient{
  position:absolute;
  z-index:-2;
  inset:0;
  background:
    linear-gradient(180deg,rgba(3,10,16,.08),rgba(3,10,16,.18) 28%,rgba(3,9,15,.93) 92%),
    linear-gradient(90deg,rgba(5,13,21,.58),transparent 70%);
}
.category-card-content{
  position:absolute;
  z-index:2;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:14px;
}
.category-card-kicker{
  width:max-content;
  max-width:100%;
  margin-bottom:5px;
  padding:4px 7px;
  border:1px solid rgba(126,236,245,.18);
  border-radius:999px;
  background:rgba(3,14,21,.58);
  backdrop-filter:blur(5px);
  color:#75eaf2;
  font-size:.61rem;
}
.category-card h3{
  margin:0 0 3px;
  color:#fff;
  font-size:1.08rem;
  line-height:1.35;
  text-shadow:0 2px 12px rgba(0,0,0,.45);
}
.category-card p{
  min-height:1.2em;
  margin:0 0 9px;
  overflow:hidden;
  color:#aebbc5;
  font-size:.67rem;
  line-height:1.55;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.category-card-action{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  width:100%;
  padding-top:8px;
  border-top:1px solid rgba(255,255,255,.1);
  color:#e4fbff;
  font-size:.69rem;
  font-weight:800;
}
.category-card-action b{
  color:#63e7ef;
  font-size:1rem;
  transition:transform .18s ease;
}
.category-card:hover .category-card-action b{transform:translateX(-3px)}
.category-card-letter{
  position:absolute;
  top:18px;
  left:20px;
  color:rgba(255,255,255,.16);
  font-size:5rem;
  font-weight:900;
  line-height:1;
}
.category-card-all .category-card-art{
  background:
    radial-gradient(circle at 80% 22%,rgba(45,226,241,.34),transparent 25%),
    radial-gradient(circle at 28% 42%,rgba(255,64,201,.25),transparent 28%),
    linear-gradient(135deg,#071b27,#111225 62%,#1b0d21);
}
.category-all-mark{
  position:absolute;
  top:18px;
  left:18px;
  font:900 3.3rem/1 sans-serif;
  letter-spacing:-.08em;
  color:rgba(236,253,255,.16);
}
.category-card-all .category-card-art i{
  position:absolute;
  border:2px solid rgba(88,238,247,.22);
  border-radius:50%;
}
.category-card-all .category-card-art i:nth-of-type(1){width:74px;height:74px;top:18px;right:18px}
.category-card-all .category-card-art i:nth-of-type(2){width:42px;height:42px;top:33px;right:34px;border-color:rgba(255,88,214,.24)}
.category-card-all .category-card-art i:nth-of-type(3){width:15px;height:15px;top:47px;right:48px;background:rgba(92,237,246,.22)}

.category-slider-progress{
  height:3px;
  margin-top:12px;
  overflow:hidden;
  border-radius:99px;
  background:rgba(255,255,255,.055);
}
.category-slider-progress span{
  display:block;
  width:24%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#3de4ee,#d755ed);
  transform-origin:right center;
  transition:transform .15s ease,width .15s ease;
}

.catalog-card-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  align-items:center;
  margin-top:auto;
}
.catalog-card-actions .catalog-order-link{
  margin-top:0!important;
  min-width:0;
}
.catalog-similar-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 9px;
  border:1px solid rgba(86,215,229,.18);
  border-radius:10px;
  background:rgba(42,195,211,.055);
  color:#87e8ee;
  font-size:.66rem;
  font-weight:800;
  white-space:nowrap;
  transition:.17s ease;
}
.catalog-similar-link:hover{
  border-color:rgba(83,229,240,.48);
  background:rgba(48,207,221,.12);
  color:#c3fbff;
}

/* Make the chosen category and card actions obvious without adding clutter. */
.catalog-gallery-head-v2{
  padding:4px 2px 2px!important;
}
.catalog-gallery-head-v2 .eyebrow{
  color:#58e1eb;
}
.unified-gallery-grid>.neon-gallery-card{
  border-color:rgba(77,115,140,.2)!important;
}
.unified-gallery-grid>.neon-gallery-card:hover{
  border-color:rgba(69,224,236,.46)!important;
}
.unified-gallery-grid .catalog-photo-media>span{
  border:1px solid rgba(119,237,244,.2)!important;
  background:rgba(4,16,23,.76)!important;
  backdrop-filter:blur(6px);
}

@media(max-width:900px){
  .category-card{flex-basis:220px;height:160px}
  .category-showcase{padding:15px}
}
@media(max-width:700px){
  .catalog-search-simple{grid-template-columns:1fr auto!important}
  .catalog-search-simple .catalog-main-search{grid-column:1/-1}
  .category-showcase-head{align-items:flex-start}
  .category-showcase-head p{display:none}
  .category-slider-controls button{width:38px;height:38px}
  .category-card{flex-basis:190px;height:150px}
  .category-card-content{padding:12px}
  .category-card h3{font-size:.94rem}
  .category-card p{display:none}
}
@media(max-width:480px){
  .category-showcase{margin-inline:-2px;padding:13px 11px;border-radius:19px}
  .category-showcase-head{gap:8px}
  .category-slider-controls{display:none}
  .category-card{flex-basis:168px;height:142px}
  .category-slider-track{gap:9px}
  .catalog-card-actions{grid-template-columns:1fr}
  .catalog-similar-link{min-height:32px}
}


/* V5 — reliable multi-card category carousel + richer gallery atmosphere */
.catalog-visual-page{
  position:relative;
  isolation:isolate;
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif;
  background:
    radial-gradient(circle at 88% 7%,rgba(45,224,241,.10),transparent 25%),
    radial-gradient(circle at 9% 28%,rgba(237,70,205,.08),transparent 27%),
    radial-gradient(circle at 52% 72%,rgba(96,82,232,.055),transparent 34%);
}
.catalog-visual-page:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.38),transparent 72%);
}
.catalog-visual-head-v2{
  min-height:250px;
  padding:30px 32px!important;
  border-color:rgba(82,224,237,.2)!important;
  background:
    linear-gradient(115deg,rgba(6,20,31,.98),rgba(8,14,25,.96)),
    radial-gradient(circle at 82% 20%,rgba(54,230,241,.18),transparent 27%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 24px 70px rgba(0,0,0,.18);
}
.catalog-hero-copy{
  max-width:830px;
}
.catalog-hero-copy .eyebrow{
  margin-bottom:8px;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:0;
}
.catalog-hero-copy h1{
  max-width:900px;
  margin:0 0 10px;
  font-size:clamp(2rem,3.35vw,3.35rem);
  font-weight:800;
  letter-spacing:-.04em;
  line-height:1.35;
  text-shadow:none;
}
.catalog-hero-copy>p{
  max-width:760px;
  color:#91a2b2;
  font-size:.88rem;
  font-weight:400;
  line-height:2;
}
.catalog-hero-meta span{
  font-weight:500;
}
.catalog-search-simple{
  padding:14px 15px!important;
  border-color:rgba(74,211,226,.18)!important;
  background:linear-gradient(145deg,rgba(7,18,28,.97),rgba(7,13,22,.97))!important;
}
.catalog-search-simple input{
  font-weight:400;
}

.category-showcase{
  position:relative;
  padding:22px 22px 18px;
  border-color:rgba(69,213,229,.18);
  border-radius:26px;
  background:
    radial-gradient(circle at 92% 12%,rgba(54,229,241,.115),transparent 28%),
    radial-gradient(circle at 8% 92%,rgba(246,65,204,.085),transparent 30%),
    linear-gradient(145deg,rgba(5,18,29,.98),rgba(8,12,21,.98) 54%,rgba(12,10,22,.98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    0 22px 60px rgba(0,0,0,.2);
}
.category-showcase:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(120deg,rgba(255,255,255,.018),transparent 34%,rgba(65,225,239,.025));
}
.category-showcase-head{
  position:relative;
  z-index:2;
  align-items:center;
  margin-bottom:18px;
}
.category-showcase-head .eyebrow{
  margin-bottom:5px;
  font-size:.7rem;
  font-weight:600;
  letter-spacing:0;
}
.category-showcase-head h2{
  margin:0 0 4px;
  font-size:clamp(1.45rem,2.35vw,2rem);
  font-weight:750;
  letter-spacing:-.025em;
  line-height:1.45;
}
.category-showcase-head p{
  color:#8395a6;
  font-size:.75rem;
  font-weight:400;
}

/* Force predictable LTR scrolling geometry; card content itself remains RTL. */
.category-slider-viewport{
  position:relative;
  direction:ltr!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  width:100%!important;
  max-width:100%!important;
}
.category-slider-track{
  direction:ltr!important;
  display:grid!important;
  grid-auto-flow:column!important;
  grid-auto-columns:clamp(215px,18vw,255px)!important;
  grid-template-columns:none!important;
  justify-content:start!important;
  align-items:stretch!important;
  gap:12px!important;
  width:max-content!important;
  min-width:max-content!important;
  padding:3px 2px 7px!important;
}
.category-card{
  direction:rtl!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
  height:182px!important;
  opacity:1!important;
  visibility:visible!important;
}
.category-card-art{
  z-index:0!important;
}
.category-card-gradient{
  z-index:1!important;
}
.category-card-content{
  z-index:2!important;
}
.category-card h3{
  font-size:1.02rem;
  font-weight:700;
  letter-spacing:-.01em;
}
.category-card p{
  color:#a7b5c0;
  font-size:.66rem;
  font-weight:400;
}
.category-card-kicker{
  font-weight:600;
}
.category-card-action{
  font-weight:650;
}

.category-slider-controls button{
  font-family:Arial,sans-serif;
  font-weight:500;
}
.category-slider-progress{
  margin-top:14px;
  height:2px;
  background:rgba(255,255,255,.045);
}
.category-slider-progress span{
  min-width:70px;
  background:linear-gradient(90deg,#46e5ee,#7d83ff 54%,#eb55d2);
}

.catalog-gallery-head-v2 h2{
  font-size:1.55rem!important;
  font-weight:750!important;
  letter-spacing:-.02em;
}
.catalog-gallery-head-v2 p{
  color:#8194a6!important;
}
.unified-gallery-grid .catalog-photo-body h2{
  font-weight:700;
  letter-spacing:-.01em;
}
.unified-gallery-grid .catalog-photo-body p{
  font-weight:400;
}

@media(min-width:1280px){
  .category-slider-track{
    grid-auto-columns:minmax(225px,245px)!important;
  }
}
@media(max-width:900px){
  .category-slider-track{
    grid-auto-columns:210px!important;
  }
  .category-card{height:166px!important}
}
@media(max-width:700px){
  .category-showcase{padding:17px 15px 15px}
  .category-slider-track{grid-auto-columns:185px!important;gap:10px!important}
  .category-card{height:154px!important}
}
@media(max-width:480px){
  .catalog-visual-head-v2{min-height:0;padding:20px 17px!important}
  .catalog-hero-copy h1{font-size:1.75rem}
  .category-slider-track{grid-auto-columns:164px!important;gap:9px!important}
  .category-card{height:145px!important}
}


/* V6 — category neon artwork, grab slider and full category browser */
.category-showcase-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.category-show-all{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:0 13px;
  border:1px solid rgba(80,226,239,.28);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(23,46,58,.78),rgba(10,21,30,.95));
  color:#dffcff;
  font:700 .75rem/1 'Vazirmatn',Tahoma,sans-serif;
  cursor:pointer;
  transition:.18s ease;
}
.category-show-all:hover{
  transform:translateY(-1px);
  border-color:#54e5ee;
  box-shadow:0 0 22px rgba(70,225,237,.08);
}
.category-show-all b{
  min-width:23px;
  height:23px;
  display:grid;
  place-items:center;
  padding:0 5px;
  border-radius:999px;
  background:rgba(68,225,237,.12);
  color:#7ef3f7;
  font-size:.64rem;
}

.category-neon-art{
  position:absolute;
  z-index:2;
  top:10px;
  left:12px;
  width:48%;
  max-width:118px;
  min-width:78px;
  aspect-ratio:3/2;
  opacity:.92;
  pointer-events:none;
  filter:drop-shadow(0 0 5px rgba(60,230,243,.55)) drop-shadow(0 0 13px rgba(54,209,232,.28));
}
.category-neon-art svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.category-neon-art svg path,
.category-neon-art svg rect,
.category-neon-art svg circle{
  stroke:#69eff6;
  stroke-width:3.1;
  stroke-linecap:round;
  stroke-linejoin:round;
  fill:none;
  vector-effect:non-scaling-stroke;
}
.category-neon-art svg .accent{
  stroke:#ff62d5;
  filter:drop-shadow(0 0 5px rgba(255,92,212,.65));
}
.category-neon-art svg .spark{
  stroke:#ffd86b;
  filter:drop-shadow(0 0 5px rgba(255,210,95,.62));
}
.category-neon-art[data-neon-kind="coffee"] svg path,
.category-neon-art[data-neon-kind="food"] svg path,
.category-neon-art[data-neon-kind="bakery"] svg path{
  stroke:#ffb14a;
}
.category-neon-art[data-neon-kind="beauty"] svg path,
.category-neon-art[data-neon-kind="flower"] svg path{
  stroke:#ff69d5;
}
.category-neon-art[data-neon-kind="game"] svg path,
.category-neon-art[data-neon-kind="music"] svg path{
  stroke:#63e7ff;
}
.category-neon-art[data-neon-kind="car"] svg path,
.category-neon-art[data-neon-kind="building"] svg path,
.category-neon-art[data-neon-kind="medical"] svg path{
  stroke:#5cecf4;
}
.category-neon-art[data-neon-kind="diamond"] svg path{
  stroke:#ffe07a;
}
.category-neon-art[data-neon-kind="pet"] svg path,
.category-neon-art[data-neon-kind="fruit"] svg path{
  stroke:#7cf38f;
}
.category-card-art img + .category-neon-art{
  background:rgba(2,10,15,.2);
  border-radius:18px;
  backdrop-filter:blur(2px);
}
.category-card:hover .category-neon-art{
  transform:scale(1.035);
  filter:drop-shadow(0 0 7px rgba(60,230,243,.7)) drop-shadow(0 0 18px rgba(54,209,232,.32));
}
.category-neon-art{transition:.22s ease}

.category-drag-hint{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  margin-top:9px;
  color:#687d8e;
  font-size:.64rem;
  user-select:none;
}
.category-drag-hint span{
  color:#63e7ef;
  font-size:.95rem;
}
.category-slider-viewport{
  cursor:grab!important;
  -webkit-overflow-scrolling:touch;
}
.category-slider-viewport.is-dragging{
  cursor:grabbing!important;
}
.category-slider-viewport.is-dragging .category-card{
  pointer-events:none;
}

/* Full category browser */
.category-browser-panel{
  width:min(980px,calc(100vw - 34px))!important;
  max-height:min(82vh,760px)!important;
  padding:20px!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 88% 8%,rgba(58,227,239,.10),transparent 24%),
    radial-gradient(circle at 10% 92%,rgba(242,69,203,.075),transparent 26%),
    linear-gradient(150deg,#07131d,#090d16)!important;
}
.category-browser-panel .catalog-category-panel-head{
  margin-bottom:14px;
}
.category-browser-panel .catalog-category-panel-head strong{
  display:block;
  margin-top:2px;
  font-size:1.4rem;
  font-weight:800;
}
.category-browser-panel .catalog-category-search{
  margin-bottom:14px;
}
.category-browser-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
  max-height:500px;
  overflow:auto;
  padding:2px 2px 4px;
  scrollbar-width:thin;
}
.category-browser-card{
  position:relative;
  min-height:92px;
  display:grid;
  grid-template-columns:82px minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
  padding:9px 11px;
  overflow:hidden;
  border:1px solid rgba(91,124,148,.18);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(10,24,34,.95),rgba(7,14,22,.98));
  color:#dce7ee;
  transition:.18s ease;
}
.category-browser-card:hover,
.category-browser-card.active{
  transform:translateY(-1px);
  border-color:rgba(78,226,237,.5);
  background:linear-gradient(145deg,rgba(12,33,43,.98),rgba(9,16,25,.98));
  box-shadow:0 10px 24px rgba(0,0,0,.18),0 0 20px rgba(55,213,226,.06);
}
.category-browser-art{
  position:relative;
  width:82px;
  height:70px;
  overflow:hidden;
  border-radius:12px;
  background:
    radial-gradient(circle at 65% 28%,rgba(55,223,237,.18),transparent 34%),
    #08131c;
}
.category-browser-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:brightness(.55) saturate(.85);
}
.category-browser-art .category-neon-art{
  top:5px;
  left:6px;
  width:70px;
  min-width:0;
  max-width:none;
}
.category-browser-card>div:nth-child(2){
  min-width:0;
  display:grid;
  gap:3px;
}
.category-browser-card b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:.8rem;
}
.category-browser-card small{
  color:#75899a;
  font-size:.64rem;
}
.category-browser-card>span{
  color:#62e6ee;
  font-size:1rem;
}
.catalog-category-backdrop{
  z-index:10040!important;
}
.category-browser-panel{
  z-index:10050!important;
}
.catalog-category-panel-open body{
  overflow:hidden;
}

@media(max-width:900px){
  .category-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .category-showcase-actions{width:100%;justify-content:space-between}
  .category-show-all{min-height:38px}
  .category-neon-art{width:54%;top:7px;left:7px}
  .category-drag-hint{font-size:.6rem}
}
@media(max-width:560px){
  .category-browser-grid{grid-template-columns:1fr}
  .category-browser-panel{padding:14px!important}
  .category-browser-card{min-height:82px;grid-template-columns:70px minmax(0,1fr) auto}
  .category-browser-art{width:70px;height:62px}
  .category-browser-art .category-neon-art{width:60px}
}


/* V7 — image-only category cards + inline category picker */
.category-neon-art,
.catalog-category-backdrop,
.category-browser-panel{
  display:none!important;
}

.category-showcase{
  overflow:visible!important;
}

.category-inline-panel{
  margin:0 0 16px;
  padding:14px;
  border:1px solid rgba(76,220,234,.16);
  border-radius:18px;
  background:
    radial-gradient(circle at 88% 10%,rgba(48,224,238,.07),transparent 27%),
    linear-gradient(145deg,rgba(7,19,29,.96),rgba(8,13,22,.98));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.category-inline-panel[hidden]{display:none!important}
.category-inline-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,.65fr);
  gap:14px;
  align-items:end;
  margin-bottom:12px;
}
.category-inline-head>div{
  display:grid;
  gap:3px;
}
.category-inline-head strong{
  color:#edfaff;
  font-size:1rem;
}
.category-inline-head small{
  color:#7f92a3;
  font-size:.68rem;
}
.category-inline-head label{
  display:grid;
  gap:5px;
}
.category-inline-head label>span{
  color:#8095a6;
  font-size:.66rem;
}
.category-inline-head input{
  width:100%;
  height:40px;
  border:1px solid #294052;
  border-radius:11px;
  background:#07111a;
  color:#fff;
  padding:0 11px;
  font:inherit;
}
.category-inline-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  max-height:265px;
  overflow:auto;
  padding:2px;
  scrollbar-width:thin;
}
.category-inline-item{
  min-width:0;
  min-height:42px;
  padding:7px 10px;
  border:1px solid rgba(93,126,151,.18);
  border-radius:11px;
  background:#09151f;
  color:#c7d3dc;
  font:650 .72rem/1.45 'Vazirmatn',Tahoma,sans-serif;
  cursor:pointer;
  transition:.16s ease;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.category-inline-item:hover,
.category-inline-item.active{
  border-color:rgba(75,228,239,.52);
  background:rgba(46,207,223,.095);
  color:#83f4f8;
}
.category-inline-item[hidden]{display:none!important}

.category-slider-track{
  grid-auto-columns:clamp(235px,20vw,285px)!important;
  gap:14px!important;
}
.category-card{
  appearance:none;
  -webkit-appearance:none;
  border:1px solid rgba(83,121,146,.22)!important;
  padding:0!important;
  font:inherit;
  text-align:right;
  color:inherit;
  height:215px!important;
  border-radius:21px!important;
  background:#07121b!important;
}
.category-card-art{
  position:absolute!important;
  inset:0!important;
  overflow:hidden!important;
  background:#07111a!important;
}
.category-card-art img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:1!important;
  filter:saturate(.94) contrast(1.04) brightness(.88)!important;
  transform:scale(1.015);
  transition:transform .3s ease,filter .25s ease;
}
.category-card:hover .category-card-art img,
.category-card.active .category-card-art img{
  transform:scale(1.055);
  filter:saturate(1.04) contrast(1.06) brightness(.96)!important;
}
.category-card-gradient{
  z-index:1!important;
  background:
    linear-gradient(180deg,rgba(2,8,13,.04),rgba(2,8,13,.14) 28%,rgba(2,8,13,.78) 68%,rgba(2,8,13,.97) 100%)!important;
}
.category-card-content{
  z-index:2!important;
  min-height:100%!important;
  padding:15px 16px!important;
  justify-content:flex-end!important;
  background:transparent!important;
}
.category-card-kicker{
  margin-bottom:6px!important;
  border-color:rgba(113,235,243,.21)!important;
  background:rgba(4,14,20,.7)!important;
  color:#79ecf2!important;
  backdrop-filter:blur(5px);
}
.category-card h3{
  margin-bottom:3px!important;
  font-size:1.06rem!important;
  font-weight:750!important;
  text-shadow:0 2px 12px rgba(0,0,0,.72)!important;
}
.category-card p{
  margin-bottom:8px!important;
  color:#c0cad1!important;
  text-shadow:0 1px 8px rgba(0,0,0,.68);
}
.category-card-action{
  border-top-color:rgba(255,255,255,.13)!important;
  color:#edfaff!important;
}
.category-card.active{
  border-color:#52e5ee!important;
  box-shadow:
    0 0 0 1px rgba(78,226,238,.18),
    0 16px 34px rgba(0,0,0,.27),
    0 0 25px rgba(63,214,228,.09)!important;
}
.category-card-all .category-card-art{
  background:#07111a!important;
}
.category-card-all .category-all-mark,
.category-card-all .category-card-art i{
  display:none!important;
}

.category-show-all[aria-expanded="true"]{
  border-color:#55e4ee;
  background:rgba(48,208,223,.11);
  color:#8af5f8;
}
.category-drag-hint{
  margin-top:7px!important;
}

.neon-gallery-card.hidden-by-filter{
  display:none!important;
}
.catalog-similar-link{
  border:1px solid rgba(83,224,237,.18);
  background:rgba(40,206,221,.06);
  color:#82edf3;
  cursor:pointer;
  font:700 .66rem/1 'Vazirmatn',Tahoma,sans-serif;
}
.catalog-similar-link:hover{
  border-color:#58e5ee;
  background:rgba(40,206,221,.12);
  color:#d4fdff;
}

@media(max-width:1100px){
  .category-inline-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:820px){
  .category-inline-head{grid-template-columns:1fr}
  .category-inline-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .category-slider-track{grid-auto-columns:220px!important}
  .category-card{height:195px!important}
}
@media(max-width:580px){
  .category-inline-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:310px}
  .category-slider-track{grid-auto-columns:178px!important;gap:10px!important}
  .category-card{height:172px!important}
  .category-card-content{padding:11px 12px!important}
  .category-card h3{font-size:.92rem!important}
  .category-card p{display:none}
}


/* V8 — promote "all designs" and keep inline category chooser tidy */
.category-inline-all{
  margin:0 0 12px;
}
.category-inline-item-all{
  width:100%;
  min-height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 16px!important;
  border-color:rgba(76,228,239,.42)!important;
  background:
    radial-gradient(circle at 88% 24%,rgba(66,226,238,.15),transparent 30%),
    linear-gradient(135deg,rgba(8,30,40,.98),rgba(7,18,27,.98))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 26px rgba(0,0,0,.16);
  white-space:normal!important;
  text-align:right;
}
.category-inline-item-all span{
  color:#f4feff;
  font-size:.9rem;
  font-weight:800;
}
.category-inline-item-all small{
  color:#83cfd5;
  font-size:.67rem;
  font-weight:500;
}
.category-inline-item-all:hover,
.category-inline-item-all.active{
  border-color:#56e6ef!important;
  background:
    radial-gradient(circle at 88% 24%,rgba(66,226,238,.21),transparent 30%),
    linear-gradient(135deg,rgba(8,35,45,1),rgba(8,21,31,1))!important;
  box-shadow:
    0 0 0 1px rgba(77,229,240,.08),
    0 13px 30px rgba(0,0,0,.2),
    0 0 22px rgba(61,218,230,.08);
}
.category-inline-panel{
  transition:opacity .16s ease,transform .16s ease;
}
.category-inline-panel:not([hidden]){
  animation:categoryInlineIn .16s ease both;
}
@keyframes categoryInlineIn{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}


/* V9 — compact centered "all designs" control */
.category-inline-all{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  margin:0 0 12px!important;
}

.category-inline-item-all{
  width:min(460px,100%)!important;
  min-height:48px!important;
  padding:8px 16px!important;
  margin:0 auto!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}

.category-inline-item-all span{
  font-size:.84rem!important;
  font-weight:800!important;
  line-height:1.4!important;
}

.category-inline-item-all small{
  font-size:.62rem!important;
  line-height:1.4!important;
  opacity:.86!important;
}

@media(max-width:560px){
  .category-inline-item-all{
    width:min(360px,100%)!important;
    min-height:44px!important;
    padding:7px 13px!important;
  }
  .category-inline-item-all span{
    font-size:.78rem!important;
  }
  .category-inline-item-all small{
    font-size:.58rem!important;
  }
}


/* Portfolio real-work cards: never crop executed-project photos. */
.portfolio-grid>.portfolio-card{
  min-height:0!important;
}
.portfolio-grid>.portfolio-card>img{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  background:#05090e;
}
.portfolio-grid>.portfolio-card .overlay{
  position:relative!important;
  inset:auto!important;
  padding:12px 15px 14px!important;
  background:linear-gradient(180deg,#08131d,#061019)!important;
}


/* Executed portfolio v2: compact real grid + full uncropped photos. */
.portfolio-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  columns:auto!important;
  column-gap:0!important;
  gap:16px!important;
  align-items:start!important;
}
.portfolio-grid>.portfolio-card{
  display:flex!important;
  flex-direction:column!important;
  width:auto!important;
  margin:0!important;
  min-width:0!important;
  min-height:0!important;
  break-inside:auto!important;
}
.portfolio-grid>.portfolio-card>img{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:240px!important;
  max-height:240px!important;
  object-fit:contain!important;
  background:#04080d!important;
}
.portfolio-grid>.portfolio-card .overlay{
  position:relative!important;
  inset:auto!important;
  min-height:58px!important;
  padding:10px 12px 12px!important;
  background:linear-gradient(180deg,#08131d,#061019)!important;
}
.portfolio-grid>.portfolio-card .overlay h3{
  margin:0 0 3px!important;
  font-size:.86rem!important;
  line-height:1.65!important;
}
.portfolio-grid>.portfolio-card .overlay>span{
  font-size:.68rem!important;
}
.portfolio-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin:28px 0 4px;
}
.portfolio-pagination a{
  min-width:38px;
  height:38px;
  padding:0 11px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(86,126,151,.28);
  border-radius:11px;
  background:#08141e;
  color:#c8d6df;
  font-size:.78rem;
  transition:.16s ease;
}
.portfolio-pagination a:hover,
.portfolio-pagination a.active{
  border-color:#54e5ee;
  background:rgba(54,216,230,.13);
  color:#8ef8fb;
}

@media(max-width:1180px){
  .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .portfolio-grid>.portfolio-card>img{height:225px!important;max-height:225px!important}
}
@media(max-width:860px){
  .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .portfolio-grid>.portfolio-card>img{height:210px!important;max-height:210px!important}
}
@media(max-width:520px){
  .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .portfolio-grid>.portfolio-card>img{height:175px!important;max-height:175px!important}
  .portfolio-grid>.portfolio-card .overlay{min-height:52px!important;padding:8px 9px 10px!important}
  .portfolio-grid>.portfolio-card .overlay h3{font-size:.75rem!important}
  .portfolio-pagination a{min-width:34px;height:34px;padding:0 9px}
}