@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');:root{--purple:#56245f;--dark:#24172a;--soft:#f5eff5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--dark);font-family:Manrope,Arial,sans-serif;background:white}a{color:inherit;text-decoration:none}.wrap{width:min(1190px,calc(100% - 44px));margin:auto}.top{background:white}.topin{display:flex;align-items:center;gap:24px;min-height:91px}.brand img{width:265px;max-width:100%;height:auto;display:block}.tag{font-size:10px;letter-spacing:.08em;line-height:1.5;color:#817986}.topshops{margin-left:auto;color:var(--purple);font-size:14px}.topshops small{display:block;margin-left:22px;color:#888;font-size:11px}.nav{background:var(--purple);color:white}.navin{display:flex;gap:43px;align-items:center;height:47px}.nav a{font-size:13px}.nav a:hover{text-decoration:underline}.burger{display:none;border:0;background:none;color:var(--purple);font-size:27px}.hero{min-height:520px;background:linear-gradient(95deg,#faf7f9 0%,#f7edf5 46%,#d9bfd9 100%);background-image:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(250,246,249,.93) 37%,rgba(112,52,112,.08) 100%),var(--hero-image,linear-gradient(135deg,#f8edf5,#d5b6d5));background-position:center;background-size:cover}.heroin{min-height:520px;display:flex;align-items:center;justify-content:space-between}.hero-copy{max-width:610px;padding:60px 0}.overline{font-size:11px;letter-spacing:.35em;color:#8d6390;margin-bottom:20px}.hero h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500}.hero h1{font-size:clamp(44px,5.3vw,77px);line-height:1.08;margin:0 0 20px;letter-spacing:-.035em}.hero-copy p{color:#615b63;font-size:16px;line-height:1.7;max-width:380px}.btn{display:inline-flex;align-items:center;gap:34px;background:var(--purple);color:white;padding:15px 26px;border-radius:7px;font-size:13px;margin-top:15px}.btn:hover{background:#783b80}.btn.outline{background:transparent;color:var(--purple);border:1px solid var(--purple)}.btn.light{background:white;color:var(--purple)}.hero-deco{font-family:Georgia,serif;color:#fff9;font-size:clamp(24px,4vw,60px);letter-spacing:.1em;display:flex;flex-direction:column;align-items:center;transform:rotate(-9deg)}.hero-deco strong{font-size:2em}.benefits{display:flex;justify-content:space-between;gap:15px;padding:25px 0;color:var(--purple);font-size:12px}.section{padding-top:68px;padding-bottom:30px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.sectionhead h2{font-size:clamp(29px,3.3vw,42px);margin:0}.sectionhead a,.sectionhead span{color:var(--purple);font-size:13px}.sectionhead p{margin:8px 0 0;color:#777}.catgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.catcard{background:#fbf8fb;border-radius:10px;overflow:hidden}.catphoto{height:175px;display:grid;place-items:center;background:linear-gradient(140deg,#e7d6e7,#f9f4f9)}.catphoto.tone1{background:linear-gradient(130deg,#d7c1dc,#f5e7f1)}.catphoto.tone2{background:linear-gradient(130deg,#eee0ec,#cdb4d4)}.catphoto.tone3{background:linear-gradient(130deg,#faf3f4,#d9c7d9)}.catphoto.tone4{background:linear-gradient(130deg,#e2d5e5,#f4eef5)}.catphoto img,.shopphoto img,.aboutphoto img,.consultphoto img{width:100%;height:100%;object-fit:cover;display:block}.placeholder-mark{color:#6b3d71;font-family:Georgia,serif;letter-spacing:.18em;text-align:center;line-height:1.6;opacity:.55}.catbody{padding:14px}.catbody h3{font-size:14px;margin:0 0 8px}.catbody p{font-size:11px;color:#817b82;margin:0;line-height:1.6}.brandsection{background:#f9f6f9;margin-top:40px;padding-bottom:65px}.brandgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.brandtile{height:95px;background:white;border:1px solid #f0e9f0;border-radius:8px;display:grid;place-items:center;padding:15px;text-align:center}.brandtile span{font-size:16px;font-weight:700;letter-spacing:-.03em}.brandtile img{max-width:100%;max-height:66px;object-fit:contain}.about{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.aboutphoto{min-height:380px;background:linear-gradient(130deg,#7b4881,#d6b6d8);display:grid;place-items:center;color:white;text-align:center;letter-spacing:.12em;line-height:1.8}.aboutphoto img{height:380px}.aboutcopy h2{font-size:43px;line-height:1.2;margin:0 0 18px}.aboutcopy p{line-height:1.9;color:#716a74}.shopgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.shopcard{border:1px solid #ece5ec;border-radius:10px;overflow:hidden}.shopphoto{height:190px;background:linear-gradient(140deg,#e4d4e6,#c6a3cb);display:grid;place-items:center}.shopmark{color:white;font-family:Georgia,serif;letter-spacing:.1em}.shopmark b{background:#603269;padding:6px}.shopbody{padding:18px}.shopbody h3{margin:0 0 8px;font-size:18px}.shopbody p{min-height:46px;font-size:13px;line-height:1.6;color:#666}.shopbody a{display:inline-block;margin-top:12px;color:var(--purple);border:1px solid #b68fba;border-radius:30px;padding:10px 16px;font-size:12px}.consult{margin-top:50px;margin-bottom:80px;padding:0;min-height:310px;background:linear-gradient(110deg,#54245e,#8d6093);color:white;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.consult>div:first-child{padding:40px}.consult h2{font-size:36px;margin:0}.consult p{max-width:410px;font-size:13px;line-height:1.8}.consult .overline{color:#e3c5e5}.consultphoto{background:linear-gradient(135deg,#9b74a0,#d9c0da)}.consultphoto img{height:100%}footer{background:#f6f1f6;padding:50px 0 18px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footgrid img{max-width:230px}.footgrid p{font-size:12px;color:#79707b;line-height:1.8}.footgrid b{display:block;margin-bottom:15px}.footgrid a{display:block;font-size:13px;margin:9px 0}.copyright{font-size:11px;color:#aaa;margin-top:50px;border-top:1px solid #e3d9e3;padding-top:16px}.subpage{min-height:50vh;padding:60px 0}@media(max-width:850px){.catgrid{grid-template-columns:repeat(3,1fr)}.brandgrid{grid-template-columns:repeat(4,1fr)}.shopgrid{grid-template-columns:repeat(2,1fr)}.navin{gap:20px}.hero-deco{display:none}.about{gap:25px}}@media(max-width:600px){.wrap{width:calc(100% - 30px)}.topin{min-height:70px}.brand img{width:195px}.tag,.topshops{display:none}.burger{display:block;margin-left:auto}.nav{display:none}.nav.open{display:block}.navin{height:auto;flex-direction:column;align-items:start;padding:18px 0;gap:20px}.hero,.heroin{min-height:410px}.hero-copy{padding:45px 0}.hero h1{font-size:43px}.benefits{flex-wrap:wrap;gap:10px}.section{padding-top:48px}.catgrid{grid-template-columns:repeat(2,1fr);gap:10px}.catphoto{height:135px}.brandgrid{grid-template-columns:repeat(3,1fr)}.brandtile{height:75px;padding:8px}.brandtile span{font-size:12px}.about{grid-template-columns:1fr}.aboutphoto{min-height:230px}.aboutphoto img{height:230px}.aboutcopy h2{font-size:32px}.shopgrid{grid-template-columns:1fr 1fr;gap:10px}.shopphoto{height:120px}.shopbody{padding:12px}.shopbody h3{font-size:16px}.shopbody p{font-size:12px}.consult{grid-template-columns:1fr}.consultphoto{display:none}.footgrid{grid-template-columns:1fr 1fr}.footgrid>div:first-child{grid-column:span 2}}
/* Екатерина Про — UMI Native 4: адаптивные дополнения */
.hero{position:relative;overflow:hidden;background:#faf7f9!important}
.hero::before{content:"";position:absolute;inset:0 0 0 auto;width:66%;background-image:var(--hero-image);background-size:cover;background-position:center 38%;z-index:0}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#faf7f9 0%,#faf7f9 29%,rgba(250,247,249,.90) 41%,rgba(250,247,249,.20) 66%,transparent 86%);z-index:0}
.heroin{position:relative;z-index:1;justify-content:flex-start}
.hero-copy{position:relative;z-index:2}
.hero-copy h1{max-width:590px}
.brandtile{transition:transform .2s,border-color .2s}
.brandtile:hover{transform:translateY(-3px);border-color:#bea1c3}
.catcard{transition:transform .2s}
.catcard:hover{transform:translateY(-4px)}
.shopmeta{min-height:0!important;margin:5px 0!important;color:#8b6d8d!important;font-size:12px!important}
.shopbody .shopphone{border:0;padding:0;display:block;margin:7px 0 0;font-weight:600}
.empty-msg{font-size:13px;color:#8b7a8d;padding:15px 0}
.breadcrumbs{font-size:12px;color:#7a647e;margin-bottom:28px}
.breadcrumbs a{color:#56245f}
.subpage h1{font-size:clamp(34px,4vw,52px);font-family:'Playfair Display',Georgia,serif;font-weight:500}
.subpage-image{max-height:330px;max-width:min(100%,620px);width:auto;object-fit:contain;display:block;margin:14px 0 25px}
.subpage-intro{font-size:16px;color:#615b63}
.rich-content{font-size:15px;line-height:1.8;max-width:850px}
.rich-content img{max-width:100%;height:auto}
.subgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:32px}
.subtile{min-height:155px;border:1px solid #eee6ee;border-radius:12px;background:#fbf9fc;padding:22px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;font-size:14px;font-weight:600}
.subtile img{width:100%;max-height:82px;object-fit:contain}
.subtile:hover{border-color:#98749c}
@media (max-width:850px){.hero::before{width:73%}.hero::after{background:linear-gradient(90deg,#faf7f9 0%,rgba(250,247,249,.95) 35%,rgba(250,247,249,.2) 90%)}.subgrid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.hero::before{width:100%;opacity:.26;background-position:center right}.hero::after{background:linear-gradient(90deg,rgba(250,247,249,.98),rgba(250,247,249,.67))}.hero-copy{max-width:95%}.hero h1{font-size:40px}.subgrid{grid-template-columns:repeat(2,1fr)}.subtile{min-height:130px;padding:14px}}

/* EКАТЕРИНА ПРО v4.2: обрезанный фирменный логотип и визуальное редактирование UMI */
.brand{display:flex;align-items:center;flex-shrink:0}
.brand img{width:265px;height:auto;max-height:72px;object-fit:contain;object-position:left center}
.footgrid img{width:230px;max-width:100%;height:auto;object-fit:contain}
.brand img.logo-square{width:265px;height:58px;object-fit:cover;object-position:center center}
.footgrid img.logo-square{width:230px;height:50px;object-fit:cover;object-position:center center}
.hero{isolation:isolate;background:#faf7f9!important}
.hero .hero-background{position:absolute;inset:0 0 0 auto;width:66%;height:100%;object-fit:cover;object-position:center 38%;z-index:0}
.hero::before{display:none}
.hero::after{pointer-events:none}
.hero .heroin{pointer-events:none}
.hero .hero-copy{pointer-events:auto}
/* В штатном режиме редактирования картинка остаётся доступной для выбора */
body[umi\:edit-mode] .hero::after, body.edit-in-place .hero::after{pointer-events:none}
@media(max-width:850px){.hero .hero-background{width:73%}}
@media(max-width:600px){.brand img{width:195px;max-height:54px}.brand img.logo-square{width:195px;height:43px}.hero .hero-background{width:100%;opacity:.26;object-position:right center}}


/* Екатерина Про 4.4: фирменные SVG-иконки категорий из /images/ekpro/icons/categories/ */
.catphoto.has-icon {
  background: radial-gradient(ellipse at 50% 45%, #fffafd 0%, #f7edf7 58%, #f0e1f0 100%);
  position: relative;
  overflow: hidden;
}
.catphoto.has-icon::after {
  content: "";
  position: absolute;
  inset: 8px;
  border: 1px solid rgba(108, 56, 117, .075);
  border-radius: 8px;
  pointer-events: none;
}
.catphoto img.category-icon {
  display: block;
  width: 91%;
  height: 94%;
  object-fit: contain;
  object-position: center;
  transition: transform .3s ease;
}
.catcard:hover .category-icon { transform: scale(1.06) translateY(-2px); }
.catphoto img.category-photo { display:block; width:100%; height:100%; object-fit:cover; }
.catcard { box-shadow: 0 2px 14px rgba(72, 32, 80, .025); transition: transform .25s ease, box-shadow .25s ease; }
.catcard:hover { transform:translateY(-5px); box-shadow: 0 12px 25px rgba(72,32,80,.1); }
.catbody { min-height: 90px; }
@media(max-width:600px){
  .catphoto img.category-icon { width:99%; height:96%; }
  .catbody { min-height:102px; }
}
@media(prefers-reduced-motion:reduce){
  .catcard,.catphoto img.category-icon{transition:none}
}


/* EKPRO ABOUT PHOTO FIT FIX 2026-10 */
/* Только блок «О компании», остальные фотографии не затрагиваются. */
.aboutphoto {
  position: relative !important;
  display: block !important;
  width: 100%;
  height: 380px !important;
  min-height: 380px !important;
  overflow: hidden !important;
  padding: 0 !important;
  background: #f1e8f1;
}
.aboutphoto img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  padding: 0 !important;
}
.aboutphoto > span { display: none !important; }
@media (max-width: 600px) {
  .aboutphoto { height: 260px !important; min-height: 260px !important; }
}