/*
Theme Name: Champagne Outlet
Theme URI: https://champagneoutlet.hu
Description: A champagneoutlet.hu arculata – bordó fejléc és lábléc, arany kiemelés, fehér laptörzs. Storefront gyerektéma.
Author: Accounting Energy Kft.
Template: storefront
Version: 1.5.4
Text Domain: champagneoutlet
*/

/* ============================================================
   SZÍNEK
   ============================================================ */
:root{
  --co-bor:#5E0C21;
  --co-bor-mely:#48081A;
  --co-arany:#B8912F;
  --co-arany-vil:#D9BC6A;
  --co-lap:#FFFFFF;
  --co-tinta:#1F1B1C;
  --co-halk:#7A7168;
  --co-vonal:#E7E0D6;
}

body,
.site,
.site-content,
#content,
.woocommerce-page .site-content{
  background:var(--co-lap);
  color:var(--co-tinta);
}
body{ font-family:Georgia,'Times New Roman',serif; line-height:1.7; }

/* ============================================================
   LAPSZÉLESSÉG
   A Storefront a tartalmat kb. 1064 px-re szorítja, ezért marad
   nagy üres sáv a fejléc két oldalán. A champagneoutlet.unas.hu
   szinte a teljes ablakot kihasználja 24 px-es szegéllyel; ezt
   vesszük át, felső korláttal, hogy nagyon széles képernyőn se
   nyúljanak túl hosszúra a sorok.
   ============================================================ */
.col-full{
  max-width:1760px !important;
  padding-left:28px !important;
  padding-right:28px !important;
}
@media (max-width:768px){
  .col-full{ padding-left:18px !important; padding-right:18px !important; }
}

/* ============================================================
   FEJLÉC
   ============================================================ */
.site-header{
  background-color:var(--co-bor) !important;
  border-bottom:0;
}
/* A menüsor saját, sötétebb sávot kap; a benne ülő nav átlátszó,
   különben világosabb folt keletkezne a sáv közepén. */
.storefront-primary-navigation{ background-color:var(--co-bor-mely) !important; }
.main-navigation{ background-color:transparent !important; }
.site-header .site-branding h1 a,
.site-header .site-title a,
.site-header .site-description{ color:#fff !important; }
.site-header .custom-logo-link img{ max-height:64px; width:auto; }

/* --- logó a szöveges cím helyett, a champagneoutlet.unas.hu fejléce szerint --- */
.site-header .co-markajelzes{ margin-bottom:0; }
.site-header .co-logo{ display:inline-block; box-shadow:none !important; }
.site-header .co-logo img{
  display:block;
  width:auto; height:auto;
  max-width:min(330px,62vw);
  max-height:46px;
}

/* --- felső sor: logó | széles fehér kereső | belépés | kosár egy sorban,
       ahogy a champagneoutlet.unas.hu fejlécében.
       A Storefront ezeket lebegtetéssel és százalékos szélességgel rakja
       egymás mellé; ezt oldjuk fel, hogy a rács vegye át a helyezést. --- */
.site-header .site-branding,
.site-header .site-search,
.site-header .co-belepes,
.site-header .site-header-cart{
  width:auto !important;
  float:none !important;
  clear:none !important;
  margin:0 !important;
  padding:0 !important;
}
.site-header .site-search .widget{ margin:0 !important; padding:0 !important; }
.site-header .site-search form.woocommerce-product-search{ width:100%; margin:0; }
.site-header .site-header-cart li{ float:none; list-style:none; }

@media (min-width:768px){
  .site-header > .col-full{
    display:grid;
    /* a keresőoszlop nyeli el a maradék helyet, így a belépés és a
       kosár mindig egymáshoz simulva ül a jobb szélen */
    grid-template-columns:max-content minmax(240px,1fr) max-content max-content;
    align-items:stretch;
    column-gap:0;
    padding-top:16px;
    padding-bottom:16px;
  }
  .site-header > .col-full > .skip-link{
    grid-column:1 / -1;
    grid-row:1;
    height:0; margin:0; padding:0;
  }
  .site-header .site-branding{ grid-column:1; grid-row:2; align-self:center; margin-right:34px !important; }
  .site-header .site-search{ grid-column:2; grid-row:2; align-self:center; max-width:620px; margin-right:34px !important; }
  /* a belépés és a kosár egymáshoz simul, mint az UNAS fejlécében */
  .site-header .co-belepes{ grid-column:3; grid-row:2; }
  .site-header .site-header-cart{ grid-column:4; grid-row:2; }
}
.site-search .widget_product_search input[type="search"]{
  border:1px solid rgba(255,255,255,.2);
  background:#fff;
  color:var(--co-tinta);
  border-radius:0;
  padding:9px 14px;
  font-size:14px;
}
.site-search .widget_product_search input[type="search"]::placeholder{ color:#9a9089; }

/* --- belépés + kosár: két egymáshoz simuló gomb, azonos magassággal,
       ahogy az UNAS fejlécének jobb szélén --- */
.co-belepes{ display:flex; align-items:stretch; justify-content:flex-end; }
.co-belepes a{
  display:inline-flex; align-items:center; gap:8px;
  padding:0 18px;
  min-height:42px;
  border:1px solid rgba(255,255,255,.3);
  border-right:0;
  color:#fff !important;
  font-family:Georgia,'Times New Roman',serif;
  font-size:12.5px; letter-spacing:.06em;
  text-decoration:none !important; box-shadow:none !important;
  white-space:nowrap;
  transition:background-color .25s, color .25s;
}
.co-belepes a:hover{ background:rgba(255,255,255,.1); }
.co-belepes svg{ width:15px; height:15px; flex:0 0 15px; }

.site-header .site-header-cart{ display:flex; align-items:stretch; }
.site-header .site-header-cart li{ display:flex; align-items:stretch; }
/* a kosár aranyszínű tömör gomb; a mennyiséget a gomb melletti
   szám mutatja, a "0 Ft" összeget a fejlécben nem írjuk ki */
.site-header .site-header-cart .cart-contents{
  display:inline-flex; align-items:center; gap:8px;
  padding:0 18px !important;
  min-height:42px;
  background:var(--co-arany);
  border:1px solid var(--co-arany);
  color:#fff !important;
  font-family:Georgia,'Times New Roman',serif;
  font-size:12.5px; letter-spacing:.06em;
  white-space:nowrap;
  transition:background-color .25s, border-color .25s;
}
.site-header .site-header-cart .cart-contents:hover{
  background:var(--co-arany-vil);
  border-color:var(--co-arany-vil);
  color:#fff !important;
}
.site-header .site-header-cart .cart-contents .woocommerce-Price-amount,
.site-header .site-header-cart .cart-contents .amount{ display:none; }
.site-header .site-header-cart .cart-contents::after{ order:-1; margin:0; font-size:15px; }
.site-header-cart .widget_shopping_cart{ color:var(--co-tinta); }

/* --- alsó sor: a márkák vízszintes sávja, ahogy az UNAS oldalon:
       sötétebb bordó háttér, balra zárt, apró nagybetűs linkek,
       amelyek több sorba tördelődnek, ha nem férnek ki --- */
.storefront-primary-navigation{
  background-color:var(--co-bor-mely) !important;
  border-bottom:0;
}
/* a menüsor a teljes sávot elfoglalja, nem csak a Storefront 68%-át */
.storefront-primary-navigation > .col-full{ padding-top:0; padding-bottom:0; }
.main-navigation,
.main-navigation .primary-navigation,
.main-navigation .handheld-navigation{
  width:100% !important;
  float:none !important;
  margin:0 !important;
}
.main-navigation ul.menu,
.main-navigation ul.nav-menu{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  float:none;
}
.main-navigation ul.menu > li,
.main-navigation ul.nav-menu > li{ float:none; }
.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a{
  color:rgba(255,255,255,.88) !important;
  font-family:Georgia,'Times New Roman',serif;
  font-size:12.5px;
  letter-spacing:.09em;
  text-transform:uppercase;
  padding:11px 12px;
  transition:color .2s;
}
.main-navigation ul.menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:hover{ color:var(--co-arany-vil) !important; }

/* az éppen nézett márka / kategória menüpontja arany, alatta arany vonal */
.main-navigation ul.menu > li.current-menu-item > a,
.main-navigation ul.menu > li.current-menu-parent > a,
.main-navigation ul.menu > li.current-menu-ancestor > a,
.main-navigation ul.menu > li.current_page_item > a,
.main-navigation ul.menu > li.co-aktiv > a,
.main-navigation ul.nav-menu > li.current-menu-item > a,
.main-navigation ul.nav-menu > li.current-menu-parent > a,
.main-navigation ul.nav-menu > li.current-menu-ancestor > a,
.main-navigation ul.nav-menu > li.current_page_item > a,
.main-navigation ul.nav-menu > li.co-aktiv > a{
  color:var(--co-arany-vil) !important;
  box-shadow:inset 0 -2px 0 var(--co-arany);
}
.main-navigation ul.menu ul.sub-menu,
.main-navigation ul.nav-menu ul.sub-menu{ background-color:var(--co-bor-mely); }
.main-navigation ul.menu ul.sub-menu a{ color:#fff !important; }

/* ============================================================
   CÍMEK, LINKEK
   ============================================================ */
h1,h2,h3,h4,h5,h6{
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400; letter-spacing:.04em; color:var(--co-bor);
}
.entry-title,.page-title{ letter-spacing:.06em; }

/* ============================================================
   FÜGGŐLEGES TÉRKÖZÖK
   A Storefront nagyon bőkezű: a menüsor és az első termék között
   közel 400 px üres hely marad (morzsamenü 22+59 px, a kategória
   fejléce alatt további 96 px). Ezt húzzuk össze, hogy a termékek
   közelebb kerüljenek a fejléchez.
   ============================================================ */
.storefront-breadcrumb{
  padding-top:14px !important;
  padding-bottom:8px !important;
  margin-bottom:16px !important;
}
.woocommerce-products-header{ padding-bottom:22px !important; }
.woocommerce-products-header__title{ margin-bottom:0 !important; }
.woocommerce-products-header .term-description{ margin-bottom:0; }
.woocommerce-ordering,
.woocommerce-result-count{ margin-bottom:16px !important; }
.site-main > .woocommerce-notices-wrapper:empty{ display:none; }
/* a kezdőlapon sincs szükség nagy felső légrésre */
.home .site-content > .col-full{ padding-top:0; }

/* a márkakategória fejlécében a logó áll a név helyett */
.co-kat-logo{
  display:block;
  margin:0 auto;
  width:auto; height:auto;
  max-width:min(380px,84vw);
  max-height:104px;
}
.woocommerce-products-header__title:has(.co-kat-logo){ line-height:1; }
a{ color:var(--co-bor); }
a:hover{ color:var(--co-arany); }

/* ============================================================
   GOMBOK
   ============================================================ */
button, input[type="button"], input[type="reset"], input[type="submit"],
.button, .added_to_cart, .widget a.button,
.woocommerce #respond input#submit, .woocommerce a.button,
.woocommerce button.button, .woocommerce input.button{
  background-color:var(--co-bor);
  color:#fff;
  border:1px solid var(--co-bor);
  border-radius:0;
  font-family:inherit;
  font-size:12px; letter-spacing:.14em; text-transform:uppercase;
  padding:14px 26px;
  transition:background-color .25s, color .25s;
}
button:hover, .button:hover, .added_to_cart:hover,
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover,
.woocommerce button.button:hover, .woocommerce input.button:hover{
  background-color:transparent;
  color:var(--co-bor);
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt,
.woocommerce button.button.alt, .woocommerce input.button.alt{
  background-color:var(--co-arany);
  border-color:var(--co-arany);
  color:#fff;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
  background-color:var(--co-bor);
  border-color:var(--co-bor);
  color:#fff;
}

/* ============================================================
   TERMÉKKÁRTYÁK
   ============================================================ */
/* A Storefront a terméklistát lebegtetéssel rakja ki, ezért a kártyák
   nem lehetnek egyforma magasak: egy akciós termék (amelyiknél van
   "AKCIÓ!" jelvény és áthúzott ár) lejjebb tolja a saját gombját.
   Rácsra váltunk, így egy sor minden kártyája azonos magasságú. */
ul.products{
  display:grid !important;
  grid-template-columns:repeat(var(--co-oszlop,4),minmax(0,1fr));
  gap:26px;
  margin-left:0 !important;
  margin-right:0 !important;
}
ul.products::before,
ul.products::after{ display:none !important; }
ul.products.columns-1{ --co-oszlop:1 }
ul.products.columns-2{ --co-oszlop:2 }
ul.products.columns-3{ --co-oszlop:3 }
ul.products.columns-4{ --co-oszlop:4 }
ul.products.columns-5{ --co-oszlop:5 }
ul.products.columns-6{ --co-oszlop:6 }
@media (max-width:1200px){ ul.products{ --co-oszlop:4 !important; } }
@media (max-width:900px){  ul.products{ --co-oszlop:3 !important; } }
@media (max-width:600px){  ul.products{ --co-oszlop:2 !important; gap:16px; } }

ul.products li.product{
  width:auto !important;
  margin:0 !important;
  float:none !important;
  clear:none !important;
}

/* Az "AKCIÓ!" jelvény kikerül a szövegfolyamból a kép sarkába,
   így egyetlen sort sem told el. */
ul.products li.product{ position:relative; }
ul.products li.product span.onsale{
  position:absolute;
  top:12px; left:12px;
  z-index:2;
  margin:0 !important;
}

/* A kártyák egyforma magasak, a gombok egy vonalban állnak, akkor is,
   ha az egyik terméknév két-három sorba tördelődik. */
ul.products li.product{
  background:#fff;
  border:1px solid var(--co-vonal);
  padding:18px 16px 22px;
  text-align:center;
  display:flex;
  flex-direction:column;
  transition:border-color .3s, box-shadow .3s, transform .3s;
}
ul.products li.product .button,
ul.products li.product .added_to_cart{ margin-top:auto; align-self:center; }
ul.products li.product .price{ margin-bottom:12px; }
ul.products li.product:hover{
  border-color:var(--co-arany);
  box-shadow:0 10px 28px rgba(90,60,30,.08);
  transform:translateY(-3px);
}
ul.products li.product img{
  margin:0 auto 14px;
  aspect-ratio:1/1;
  object-fit:contain;
  background:#fff;
}
ul.products li.product .woocommerce-loop-product__title{
  font-size:16px; color:var(--co-bor); line-height:1.4; padding-bottom:8px;
}
/* márka és kiszerelés a terméknév alatt */
ul.products li.product .co-marka{
  font-size:10px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--co-arany); margin-bottom:2px;
}
ul.products li.product .co-kiszereles{
  font-size:12px; letter-spacing:.06em;
  color:var(--co-halk); margin-bottom:8px;
}
.co-kiszereles--nagy{
  font-size:14px; color:var(--co-halk);
  margin:0 0 10px; letter-spacing:.03em;
}
.co-kiszereles--nagy strong{ color:var(--co-tinta); font-weight:400; }

ul.products li.product .price{ color:var(--co-tinta); font-size:15px; }
ul.products li.product .price del{ color:var(--co-halk); }
ul.products li.product .price ins{ color:var(--co-bor); font-weight:400; }

/* akciós jelvény: arany, nem zöld */
span.onsale, .woocommerce span.onsale{
  background-color:var(--co-arany) !important;
  color:#fff !important;
  border-radius:0;
  font-size:11px; letter-spacing:.12em; text-transform:uppercase;
  min-height:0; min-width:0; line-height:1; padding:8px 12px;
}

/* ============================================================
   TERMÉKOLDAL
   ============================================================ */
.single-product div.product .price{ color:var(--co-bor); font-size:26px; }
.single-product div.product .woocommerce-tabs ul.tabs li.active a{ color:var(--co-bor); }
.woocommerce-message, .woocommerce-info{ border-top-color:var(--co-arany); }
.woocommerce-message::before, .woocommerce-info::before{ color:var(--co-arany); }
.woocommerce-error{ border-top-color:var(--co-bor); }

/* ============================================================
   LÁBLÉC
   ============================================================ */
.site-footer{
  background-color:var(--co-bor-mely) !important;
  color:rgba(255,255,255,.82);
  border-top:3px solid var(--co-arany);
}
.site-footer a{ color:#fff; }
.site-footer a:hover{ color:var(--co-arany-vil); }
.site-footer h1,.site-footer h2,.site-footer h3,
.site-footer .widget-title{
  color:#fff; font-size:13px; letter-spacing:.2em; text-transform:uppercase;
}
.site-info{
  border-top:1px solid rgba(255,255,255,.15);
  color:rgba(255,255,255,.7);
  text-align:center;
  font-size:13px;
  padding-top:20px;
}

/* --- Partnereink: márkalogó-csík a lábléc tetején.
       A logók háttere #FAF7F2-re van égetve, ezért a sáv is az,
       így nem látszik keret a logók körül. A sáv kifut a lap
       széléig, a szöveg viszont a tartalomoszlopban marad. --- */
.co-partnersav{
  background:#FAF7F2;
  box-shadow:0 0 0 100vmax #FAF7F2;
  clip-path:inset(0 -100vmax);
  padding:34px 0 30px;
  /* a lábléc felső belső szegélyét felszívjuk, hogy a sáv fölött ne
     maradjon vékony bordó csík */
  margin-top:-25.888px;
  margin-bottom:26px;
  text-align:center;
}
/* a lábléc általános h2-szabálya erősebb, ezért kell a !important */
.site-footer .co-partnercim{
  margin:0 0 22px;
  font-family:Georgia,'Times New Roman',serif !important;
  font-size:clamp(20px,2.2vw,26px) !important;
  font-weight:400 !important;
  letter-spacing:.02em !important;
  text-transform:none !important;
  color:var(--co-bor) !important;
}
.co-partnercim::after{
  content:"";
  display:block;
  width:52px; height:2px;
  margin:12px auto 0;
  background:var(--co-arany);
}
/* Mind a 11 logó egy sorban: azonos szélességű rácsoszlopok, a képek
   pedig az oszlop szélességéhez igazodnak. Szűkebb képernyőn kevesebb
   oszlopra vált, hogy ne zsugorodjanak olvashatatlanra. */
.co-partnerracs{
  display:grid;
  grid-template-columns:repeat(11,1fr);
  align-items:center;
  gap:12px 16px;
}
@media (max-width:1280px){ .co-partnerracs{ grid-template-columns:repeat(6,1fr); } }
@media (max-width:900px){  .co-partnerracs{ grid-template-columns:repeat(4,1fr); } }
@media (max-width:600px){  .co-partnerracs{ grid-template-columns:repeat(3,1fr); gap:10px; } }

.co-partner{
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:none !important;
  text-decoration:none !important;
  opacity:.85;
  transition:opacity .25s, transform .25s;
}
.co-partner:hover{ opacity:1; transform:translateY(-2px); }
.co-partner img{
  display:block;
  width:100%;
  max-width:130px;
  height:auto;
  object-fit:contain;
}

/* --- lábléc a champagneoutlet.unas.hu mintájára --- */
.co-lablec{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:22px;
  padding:34px 0 30px;
  text-align:center;
}
.co-lablec-logo{ display:inline-block; box-shadow:none !important; }
.co-lablec-logo img{
  display:block;
  width:auto; height:auto;
  max-width:min(260px,70vw);
  max-height:48px;
  opacity:.95;
}
.co-elerhetoseg{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 30px;
}
.co-elerhetoseg a{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-size:14px;
  color:rgba(255,255,255,.86) !important;
  text-decoration:none !important;
  box-shadow:none !important;
  transition:color .25s;
}
.co-elerhetoseg a:hover{ color:var(--co-arany-vil) !important; }
.co-elerhetoseg svg{ width:15px; height:15px; flex:0 0 15px; opacity:.75; }

.co-kozosseg{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; }
.co-kozosseg a{
  display:inline-flex;
  align-items:center; justify-content:center;
  width:40px; height:40px;
  border:1px solid rgba(255,255,255,.25);
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:none !important;
  transition:border-color .25s, background-color .25s, color .25s;
}
.co-kozosseg a:hover{
  border-color:var(--co-arany);
  background:var(--co-arany);
  color:#fff !important;
}
.co-kozosseg svg{ width:17px; height:17px; }

/* --- hírlevél-űrlap: a MailPoet fekete gombja helyett a bolt aranya.
       A MailPoet a színt a gombra írja, ezért kell a !important. --- */
.site-footer .mailpoet_submit,
.mailpoet_form .mailpoet_submit{
  background-color:var(--co-arany) !important;
  color:#fff !important;
  border-radius:0 !important;
  font-family:Georgia,'Times New Roman',serif !important;
  font-weight:400 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase;
  transition:background-color .25s;
}
.site-footer .mailpoet_submit:hover,
.mailpoet_form .mailpoet_submit:hover{ background-color:var(--co-bor) !important; }

/* kötelező felelősségi figyelmeztetés a lábléc alján */
.co-figyelmeztetes{
  background:var(--co-bor);
  color:rgba(255,255,255,.9);
  text-align:center;
  font-size:13px;
  padding:16px 20px;
  border-top:1px solid rgba(255,255,255,.15);
}

/* ============================================================
   KORKAPU (18+)
   ============================================================ */
html.co-kor-ok #co-korkapu{ display:none !important; }
#co-korkapu{
  position:fixed; inset:0; z-index:99999;
  background:var(--co-bor-mely);
  display:flex; align-items:center; justify-content:center;
  padding:24px; text-align:center;
}
#co-korkapu .co-doboz{ max-width:540px; color:#fff; }
#co-korkapu h2{ color:#fff; font-size:clamp(22px,4vw,32px); letter-spacing:.14em; margin-bottom:18px; }
#co-korkapu p{ font-size:15px; opacity:.88; margin-bottom:28px; }
#co-korkapu .co-gombsor{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
#co-korkapu button{
  font-family:inherit; font-size:12px; letter-spacing:.2em; text-transform:uppercase;
  padding:15px 32px; cursor:pointer;
  border:1px solid var(--co-arany); background:transparent; color:#fff;
}
#co-korkapu button.co-elsodleges{ background:var(--co-arany); }
#co-korkapu button:hover{ background:var(--co-arany); }
#co-korkapu .co-apro{ margin-top:26px; font-size:12px; opacity:.65; line-height:1.6; }
#co-korkapu .co-nem{ display:none; }

/* ============================================================
   KEZDŐLAP — márkánkénti blokkok
   ============================================================ */
.co-szakasz{
  padding:46px 0 40px;
  border-bottom:1px solid var(--co-vonal);
}
.co-szakasz:last-child{ border-bottom:0; }
.co-szakasz--halvany{
  background:#FBF9F5;
  /* A szakasz háttere a laptörzsön túlnyúlik, mint az UNAS oldalon.
     A kifutást a box-shadow terpesztése adja; a clip-path csak
     oldalirányban enged, függőlegesen a szakasz saját széléig tart,
     így nem keletkezik vízszintes görgetősáv. */
  box-shadow:0 0 0 100vmax #FBF9F5;
  clip-path:inset(0 -100vmax);
}
/* A szakaszcímek az UNAS oldalon nem csupa nagybetűsek, hanem
   normál írásmódú talpas betűk, alattuk rövid arany vonallal. */
.co-szakasz-cim{
  margin:0 0 6px;
  font-size:clamp(22px,2.4vw,28px);
  letter-spacing:.01em;
  text-transform:none;
  text-align:center;
  color:var(--co-bor);
}
.co-szakasz-cim::after{
  content:"";
  display:block;
  width:56px; height:2px;
  margin:14px auto 0;
  background:var(--co-arany);
}
.co-szakasz-alcim{
  margin:0 0 30px;
  text-align:center;
  font-size:15px;
  color:var(--co-halk);
}
.co-szakasz ul.products{ margin-bottom:0; }

/* --- márkacsempék --- */
/* Az UNAS kezdőlapján öt kategóriacsempe áll egy sorban. */
.co-markaracs{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}
@media (max-width:1100px){ .co-markaracs{ grid-template-columns:repeat(4,1fr); } }
@media (max-width:860px){  .co-markaracs{ grid-template-columns:repeat(3,1fr); } }
.co-markaracs--ketto{
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  max-width:760px;
  margin:0 auto;
}
.co-markacsempe{
  display:block;
  position:relative;
  background:#fff;
  border:1px solid var(--co-vonal);
  overflow:hidden;
  transition:border-color .3s, box-shadow .3s, transform .3s;
}
/* a Storefront minden hivatkozást aláhúz — a csempéken ez zavaró */
.co-markacsempe,
.co-markacsempe:hover,
.co-markacsempe:focus,
.co-markacsempe span{ text-decoration:none !important; box-shadow:none !important; }
.co-markacsempe:hover{
  border-color:var(--co-arany);
  box-shadow:0 10px 28px rgba(90,60,30,.10);
  transform:translateY(-3px);
}
.co-markacsempe img{
  display:block;
  width:100%; height:auto;
  aspect-ratio:368/245;
  object-fit:cover;
  transition:transform .5s ease;
}
.co-markacsempe:hover img{ transform:scale(1.04); }
.co-markanev{
  display:block;
  padding:14px 12px;
  text-align:center;
  font-family:Georgia,'Times New Roman',serif;
  font-size:14px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--co-bor);
  border-top:1px solid var(--co-vonal);
}
.co-markacsempe:hover .co-markanev{ color:var(--co-arany); }

/* szöveges csempe (ajándék, kiegészítők) — kép nélkül */
.co-markacsempe--szoveges{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:150px;
  padding:30px 24px;
  background:#fff;
}
.co-markacsempe--szoveges .co-markanev{
  border-top:0;
  padding:0 0 8px;
  font-size:17px;
}
.co-markaalcim{
  display:block;
  font-size:13px;
  color:var(--co-halk);
  text-align:center;
}

/* a címlapon ne látszódjon az oldalcím és a lapszéli keret */
.home.page .entry-header,
.page-template-template-fullwidth-php .entry-header{ display:none; }
.home .co-szakasz:first-child{ padding-top:10px; }

/* ============================================================
   MOBIL
   ============================================================ */
@media (max-width:768px){
  ul.products li.product{ padding:14px 12px 18px; }
  .site-header .custom-logo-link img{ max-height:48px; }
  .co-szakasz{ padding:32px 0 28px; }
  .co-markaracs{ grid-template-columns:repeat(2,1fr); gap:14px; }
  .co-markanev{ padding:11px 8px; font-size:12px; letter-spacing:.12em; }
  .site-header .co-logo img{ max-height:38px; }
  .main-navigation ul.menu > li > a,
  .main-navigation ul.nav-menu > li > a{ padding:9px 9px; font-size:11.5px; }
}