/* ElleParfum.ru — оформление восстановленных страниц 2012 года.
   Исходный шаблон Joomla ja_purity_ii в веб-архиве не сохранился,
   поэтому стили написаны заново под уцелевшую разметку. */

:root{
  --paper:#faf7f4; --card:#fff; --ink:#221c1e; --muted:#7a6f71;
  --line:#e6dedb; --wine:#7d2b3d; --wine-soft:#f3e7ea; --gold:#a9843f;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
  font:16px/1.65 Georgia,'Times New Roman',serif;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto;border:0}
a{color:var(--wine);text-decoration:none}
a:hover{text-decoration:underline}

/* ---------- каркас ---------- */
#ja-wrapper{overflow:hidden}
#ja-header,#ja-container,#ja-footer,#ja-topbar{width:100%}
#ja-header>div,#ja-container>div,#ja-footer>div{max-width:1120px;margin:0 auto;padding:0 20px}
.wrap,.main,.inner{max-width:1120px;margin:0 auto;padding:0 20px;width:auto!important}
#ja-container .main,#ja-container .wrap{padding:0}
.clearfix::after{content:"";display:table;clear:both}
.clear{clear:both}

/* ---------- шапка ---------- */
#ja-header{background:var(--card);border-bottom:1px solid var(--line);padding:20px 0 0}
#ja-header h1,#ja-header .logo,#ja-header a.logo{font-size:1.6rem;margin:0}
#ja-header img{max-height:64px;width:auto}

/* ---------- меню ---------- */
ul#ja-cssmenu{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px;
  border-top:1px solid var(--line)}
ul#ja-cssmenu li{margin:0;padding:0;position:relative}
ul#ja-cssmenu>li>a{display:block;padding:13px 18px;color:var(--ink);
  font:600 .95rem/1.2 'Segoe UI',system-ui,-apple-system,sans-serif;
  border-bottom:3px solid transparent}
ul#ja-cssmenu>li>a:hover{color:var(--wine);border-bottom-color:var(--gold);text-decoration:none}
ul#ja-cssmenu li.active>a{color:var(--wine);border-bottom-color:var(--wine)}
ul#ja-cssmenu ul{display:none}
.menu-title{display:inline}

/* ---------- сетка контента ---------- */
#ja-container{padding:28px 0 10px}
#ja-mainbody,#ja-main{display:flex;gap:30px;align-items:flex-start;flex-wrap:wrap}
#ja-content,#ja-current-content,#ja-contentwrap{flex:1 1 640px;min-width:0;width:auto!important}
#ja-left,#ja-right{flex:0 0 250px;width:250px!important}
.column{width:auto!important;float:none!important}
.ja-content-main{background:var(--card);border:1px solid var(--line);border-radius:3px;
  padding:26px 28px}

/* ---------- заголовки и текст ---------- */
h1,h2,h3,h4{font-weight:600;line-height:1.25;margin:0 0 14px}
h1{font-size:1.75rem}
h2{font-size:1.35rem;margin-top:26px}
h3{font-size:1.1rem;margin-top:20px}
p{margin:12px 0}
.componentheading,.contentheading{font-size:1.5rem;font-weight:600;display:block;margin:0 0 16px}

/* ---------- хлебные крошки ---------- */
[typeof="v:Breadcrumb"],.breadcrumbs{font:.86rem/1.5 'Segoe UI',system-ui,sans-serif;color:var(--muted)}
[typeof="v:Breadcrumb"] a{color:var(--muted)}
[typeof="v:Breadcrumb"] a:hover{color:var(--wine)}

/* ---------- модули в колонках ---------- */
.ja-moduletable,.moduletable,.ja-module{background:var(--card);border:1px solid var(--line);
  border-radius:3px;margin-bottom:20px;overflow:hidden}
.ja-moduletable h3,.moduletable h3{margin:0;padding:13px 16px;background:var(--wine-soft);
  color:var(--wine);font:600 .8rem/1.3 'Segoe UI',system-ui,sans-serif;
  letter-spacing:.09em;text-transform:uppercase}
.jamod-content,.ja-box-ct{padding:14px 16px}
.ja-box-tl,.ja-box-tr,.ja-box-bl,.ja-box-br,.ja-box-t,.ja-box-b{background:none!important;
  padding:0!important;margin:0!important;height:auto!important}
.moduletable ul,.ja-moduletable ul{list-style:none;margin:0;padding:0}
.moduletable li,.ja-moduletable li{border-bottom:1px solid var(--line)}
.moduletable li:last-child,.ja-moduletable li:last-child{border-bottom:0}
.moduletable li a,.ja-moduletable li a{display:block;padding:9px 0;
  font:.94rem/1.4 'Segoe UI',system-ui,sans-serif;color:var(--ink)}
.moduletable li a:hover,.ja-moduletable li a:hover{color:var(--wine);text-decoration:none}

/* ---------- карточки товаров в сетке ---------- */
.yjwm_scproduct,.browseProductContainer{background:var(--card);border:1px solid var(--line);
  border-radius:3px;padding:16px;margin:0 0 18px;display:flex;flex-direction:column;gap:8px}
.yjwm_sc_in{display:flex;flex-direction:column;gap:8px}
.productimg,.yjwm_scproduct .container{text-align:center}
.productimg img,.yjwm_scproduct img{max-height:190px;width:auto;object-fit:contain}
.yjwm_scproduct .title,.browseProductTitle{font:600 1rem/1.35 'Segoe UI',system-ui,sans-serif}
.yjvmsc_descr{font-size:.9rem;color:var(--muted)}
.price,.productPrice,.mod_vm_price{font:700 1.15rem/1.2 'Segoe UI',system-ui,sans-serif;
  color:var(--wine);white-space:nowrap}
.price_readmore_container,.yjvmsc_price_cart{display:flex;align-items:center;
  justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:auto}

/* модульная выкладка «хиты» — в ряд */
.mod_vm_universal{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}

/* ---------- страница товара ---------- */
#vmMainPage table,.ja-content-main table{width:100%;border-collapse:collapse}
#vmMainPage td,.ja-content-main td{padding:6px 10px 6px 0;vertical-align:top}
#vmMainPage h1{margin-bottom:10px}
.extravote-container-small{display:none}
[itemprop="aggregateRating"]{font:.86rem/1.5 'Segoe UI',system-ui,sans-serif;color:var(--muted)}
.quantity_box,.inputboxquantity,.quantity_box_button,.vmCartDetails{display:none!important}

/* ---------- кнопки ---------- */
.ep-cta a,.readmore-link a,a.readmore,.button,input.addtocart_button{
  display:inline-block;padding:11px 22px;background:var(--wine);color:#fff;border:0;
  border-radius:2px;cursor:pointer;
  font:600 .92rem/1.2 'Segoe UI',system-ui,sans-serif;text-decoration:none}
.ep-cta a:hover,.readmore-link a:hover{background:#661f30;text-decoration:none}
.ep-cta{margin:14px 0}
.readmore-link{margin-top:6px}

/* ---------- подвал ---------- */
#ja-footer{background:var(--card);border-top:1px solid var(--line);margin-top:40px;padding:26px 0;
  font:.92rem/1.6 'Segoe UI',system-ui,sans-serif;color:var(--muted)}
#ja-footer a{color:var(--muted)}
.ep-note{max-width:1120px;margin:0 auto;padding:18px 20px 30px;
  font:.88rem/1.6 'Segoe UI',system-ui,sans-serif;color:var(--muted)}
.ep-note a{color:var(--wine)}

/* ---------- прочее ---------- */
#main_search,#info,.pagination{font:.9rem/1.5 'Segoe UI',system-ui,sans-serif}
.pagination{margin-top:20px}
.pagination a{padding:6px 11px;border:1px solid var(--line);border-radius:2px;margin-right:4px;
  display:inline-block;background:var(--card)}
table.contentpaneopen{width:100%}
hr{border:0;border-top:1px solid var(--line);margin:22px 0}
form{margin:0}
input[type=text],input[type=email],textarea{border:1px solid var(--line);border-radius:2px;
  padding:9px 11px;font:1rem/1.4 inherit;background:var(--card);max-width:100%}

@media(max-width:900px){
  #ja-left,#ja-right,#ja-mainbody,#ja-main,#tovar{flex:1 1 100%;width:100%!important}
  .ja-content-main{padding:20px 18px}
}
@media(max-width:640px){
  body{font-size:15px}
  h1{font-size:1.4rem}
  ul#ja-cssmenu>li>a{padding:11px 13px;font-size:.88rem}
  #vmMainPage table,#vmMainPage tbody,#vmMainPage tr,#vmMainPage td{display:block;width:auto!important}
  #vmMainPage td{padding:4px 0}
  .mod_vm_universal{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
}

/* ---------- шапка: логотип и служебное меню ---------- */
#ja-header .inner{display:flex;align-items:center;justify-content:space-between;gap:24px;
  flex-wrap:wrap;padding-bottom:6px}
.logo{flex:0 0 auto}
.logo a{display:block;line-height:1.15}
.logo a::before{content:"ElleParfum";display:block;
  font:700 1.75rem/1.1 'Segoe UI',system-ui,-apple-system,sans-serif;
  letter-spacing:-.01em;color:var(--ink)}
.logo a span{display:block;font-size:.8rem;color:var(--muted);
  font-family:'Segoe UI',system-ui,sans-serif;margin-top:3px}
.logo a:hover{text-decoration:none}
.logo a:hover::before{color:var(--wine)}
#top-menu{margin-left:auto}
#top-menu p{margin:0;font:.88rem/1.6 'Segoe UI',system-ui,sans-serif}
#top-menu span,#top-menu a{color:var(--muted)!important}
#top-menu a:hover{color:var(--wine)!important}
#ja-search{display:none}
#info:empty{display:none}

/* подвал прежнего владельца — приглушаем, дату не выдаём за свою */
#ja-footer{font-size:.86rem}

/* ---------- исправление раскладки каталога ----------
   Товары в старой разметке — отдельные блоки с таблицей внутри,
   поэтому сетку вешаем на сам блок, а не на его родителя. */
.mod_vm_universal{display:inline-block;vertical-align:top;width:228px;
  margin:0 14px 20px 0;background:var(--card);border:1px solid var(--line);
  border-radius:3px;padding:12px}
.mod_vm_universal table{width:100%!important;height:auto!important;border-collapse:collapse}
.mod_vm_universal td{height:auto!important;border:0!important;padding:4px 0!important;text-align:center}
.mod_vm_universal img{max-height:160px;width:auto;margin:0 auto;display:block}
.mod_vm_img{display:block;margin-top:8px;font:600 .92rem/1.35 'Segoe UI',system-ui,sans-serif;
  color:var(--ink);text-decoration:none}
.mod_vm_img:hover{color:var(--wine)}
.mod_vm_price{font:700 1.05rem/1.2 'Segoe UI',system-ui,sans-serif;color:var(--wine);margin-top:6px}
.mod_vm_CartContainer{margin-top:8px}

.yjwm_scproduct{display:inline-block;vertical-align:top;width:228px;margin:0 14px 20px 0}
.yjwm_scproduct img{max-height:160px;width:auto}

/* картинки товара на странице карточки */
#vmMainPage img{max-width:100%;height:auto}
#vmMainPage td[width="33%"] img{max-width:240px}

/* ---------- отключённые элементы магазина ----------
   Корзина и поиск на архивной копии не работают: бэкенда нет.
   Прячем, чтобы посетитель не пытался ими пользоваться. */
.vmCartModule,#ja-search{display:none!important}
.ja-module:has(.vmCartModule),.moduletable:has(.vmCartModule){display:none!important}
/* подвал-перелинковка: цвет без прозрачности, 23.10.2026 */
.pf-nav .pf-col a,.pf-nav .pf-h,.pf-nav .pf-bot,.pf-nav .pf-bot a{color:#231b1c!important}