@charset "utf-8";
/* PROTECT / ATC Systems - foaia de stil a temei noi.
   Se incarca dupa element/own.css, deci o rescrie punctual. */
/* -------------------------------------------------------------------------
   0. COMPATIBILITATE - neutralizeaza regulile vechi care se bat cu cele noi.
      Nu sterge nimic din CSS-ul de deasupra, doar il rescrie punctual.
      ------------------------------------------------------------------------- */

/* antet: inaltimi fixe si float-uri din tema veche */
#header_top{ height:auto; background-image:none; }
#header_top_wrap{ height:auto; }
#header_menu,
#header_menu li{ height:auto; }
#header_menu a{ line-height:1.4; padding-bottom:0; }
#header_menu a:hover{ border-bottom:0; }
#header_menu .list-inline{ float:none; width:auto; height:auto; font-size:15px; text-align:left; }
#header_menu .list-inline-item a,
#header_menu .box_compare_button{ margin:0; }

#header_content_wrap{ height:auto; font-size:15px; text-align:left; }
#logo{ display:block; margin-top:0; text-align:left; max-width:none; max-height:none; overflow:visible; }
#header_content_right{ float:none; margin-top:0; height:auto; width:auto; }

#cart{ float:none; width:auto; height:auto; }
#box_cart_content_full{ height:auto; line-height:1.4; }

#header_bottom{ border-top:0; }
#mainmenu > li{ float:none; }
#mainmenu > li > a{ line-height:1.2; height:52px; width:auto; }
#mainmenu > li:hover > a{ background:var(--surface); color:var(--blue-deep); }
#mainmenu > li > div,
#mainmenu > li > ul{ top:52px; background:var(--paper); }

/* continut */
#content_wrap{ width:auto; }
#right,
#left{ float:none; }

/* =========================================================================
   PROTECT / ATC Systems - stratul de baza al temei
   Se incarca peste bootstrap.css si peste CSS-ul generat de UNAS.
   Nu contine nimic specific unei limbi sau unui domeniu.
   ========================================================================= */

/* -------------------------------------------------------------------------
   1. JETOANE DE DESIGN
   ------------------------------------------------------------------------- */
:root{
  /* Culorile si formele preluate din protectglobal.com (masurate pe site) */
  --ink:#181818;          /* fundalul inchis al PROTECT */
  --ink-2:#222222;        /* suprafata inchisa, carduri */
  --ink-3:#303030;
  --ink-70:#3D3D3D;
  --ink-45:#6E6E6E;
  --ink-25:#A6A6A6;

  --blue:#3F75FF;         /* albastrul butoanelor PROTECT */
  --blue-deep:#2B5AE0;
  --blue-soft:#EDF2FF;
  --navy:#111B3A;         /* fundalul inchis de sub produse */

  --atc:#C10E28;

  --paper:#FFFFFF;
  --surface:#F6F6F6;      /* sectiunile deschise de pe protectglobal.com */
  --surface-2:#EDEDED;
  --line:#E3E3E3;
  --line-soft:#EFEFEF;

  --ok:#137A4B; --warn:#B26A00;

  --fd:'Figtree','Open Sans','Segoe UI',system-ui,-apple-system,sans-serif;
  --fb:'Figtree','Open Sans','Segoe UI',system-ui,-apple-system,sans-serif;
  --fm:'IBM Plex Mono','Consolas','SFMono-Regular',monospace;

  --wrap:1280px;
  --r:16px;               /* raza cardurilor pe protectglobal.com */
  --r-sm:8px;
  --r-pill:999px;
  --shadow:0 1px 2px rgba(24,24,24,.05), 0 8px 24px rgba(24,24,24,.06);
  --shadow-lift:0 2px 4px rgba(24,24,24,.07), 0 16px 40px rgba(24,24,24,.10);
  --t:.18s cubic-bezier(.4,0,.2,1);
}

/* -------------------------------------------------------------------------
   2. BAZA
   ------------------------------------------------------------------------- */
html{ -webkit-text-size-adjust:100%; }

body.design_ver3{
  font-family:var(--fb);
  font-size:15px;
  line-height:1.6;
  color:var(--ink-70);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

body.design_ver3 h1,
body.design_ver3 h2,
body.design_ver3 h3,
body.design_ver3 h4,
body.design_ver3 h5{
  font-family:var(--fd);
  color:var(--ink);
  font-weight:500;
  letter-spacing:0;
  line-height:1.2;
  margin:0 0 .6em;
}
body.design_ver3 h1{ font-size:34px; }
body.design_ver3 h2{ font-size:26px; }
body.design_ver3 h3{ font-size:20px; }
body.design_ver3 h4{ font-size:17px; }

body.design_ver3 a{ color:var(--blue-deep); text-decoration:none; transition:color var(--t); }
body.design_ver3 a:hover{ color:var(--blue); text-decoration:none; }

body.design_ver3 p{ margin:0 0 1em; }
body.design_ver3 strong,body.design_ver3 b{ font-weight:600; color:var(--ink); }
body.design_ver3 hr{ border:0; border-top:1px solid var(--line-soft); margin:26px 0; }

::selection{ background:var(--blue); color:#fff; }

#container{ overflow:hidden; }

/* latimea utila, aceeasi peste tot */
#header_top_wrap,
#header_content_wrap,
#header_bottom_wrap,
#content_wrap,
#content_wrap_nobox,
#newsletter_wrap,
#footer_inner,
#start_banners,
#provider_inner{
  max-width:var(--wrap);
  margin-left:auto;
  margin-right:auto;
  padding-left:20px;
  padding-right:20px;
  float:none;
  width:auto;
}

/* -------------------------------------------------------------------------
   3. ANTET - banda de sus
   ------------------------------------------------------------------------- */
#header_top{
  background:var(--ink);
  color:var(--ink-25);
  font-size:12.5px;
  letter-spacing:.01em;
  border:0;
}
#header_top_wrap{ display:flex; align-items:center; min-height:38px; }
#header_top a{ color:#C8CFDA; }
#header_top a:hover{ color:#fff; }
#header_top .col-sm-2{ display:none; }
#money_lang{ display:flex; align-items:center; gap:18px; width:auto; padding:0; }
#header_menu{ margin-left:auto; width:auto; padding:0; }
#header_menu ul{ margin:0; display:flex; align-items:center; gap:20px; }
#header_menu li{ padding:0; }

#lang .flag_list,
#lang ul{ display:flex; gap:10px; margin:0; padding:0; list-style:none; align-items:center; }
#lang .box_lang_flag{ opacity:.55; transition:opacity var(--t); display:block; }
#lang .box_lang_flag:hover{ opacity:1; }
#lang .box_lang_flag_select,
#lang .box_lang_a_select .box_lang_flag{ opacity:1; box-shadow:0 0 0 1px rgba(255,255,255,.5); }

#money select,
#header_top select{
  background:transparent;
  border:1px solid rgba(255,255,255,.18);
  color:#C8CFDA;
  border-radius:var(--r);
  padding:2px 6px;
  font-size:12.5px;
}
#header_top .select-styled{
  background:transparent;
  border:1px solid rgba(255,255,255,.18);
  color:#C8CFDA;
  padding:2px 24px 2px 8px;
  border-radius:var(--r);
}
#header_top .select-options{ background:var(--ink); color:#C8CFDA; border:1px solid rgba(255,255,255,.18); }
#header_top .select-options li:hover{ background:rgba(255,255,255,.08); }

#header_menu .login a{
  display:inline-block;
  padding:3px 12px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:var(--r);
  color:#fff;
  font-weight:600;
  letter-spacing:.02em;
}
#header_menu .login a:hover{ background:var(--blue); border-color:var(--blue); }

/* -------------------------------------------------------------------------
   4. ANTET - logo, cautare, cos
   ------------------------------------------------------------------------- */
#header_content{ background:var(--paper); border-bottom:1px solid var(--line-soft); }
#header_content_wrap{ display:flex; align-items:center; gap:32px; min-height:96px; }

#logo{ flex:0 0 auto; margin:0; }
#logo img{ max-height:64px; width:auto; display:block; }

#header_banner{ flex:1 1 auto; min-width:0; }
#header_banner img{ max-width:100%; height:auto; }

#header_content_right{ flex:0 0 auto; margin-left:auto; display:flex; align-items:center; gap:16px; }

/* cautare */
#search{ position:relative; }
#search .box_search_field,
#search #box_search_input{
  width:280px;
  height:42px;
  padding:0 44px 0 14px;
  border:1px solid var(--line);
  border-radius:var(--r);
  background:var(--surface);
  font-family:var(--fb);
  font-size:14px;
  color:var(--ink);
  box-shadow:none;
  transition:border-color var(--t), background var(--t);
}
#search #box_search_input:focus{
  outline:0;
  border-color:var(--blue);
  background:var(--paper);
  box-shadow:0 0 0 3px var(--blue-soft);
}
#search .box_search_button{
  position:absolute;
  right:0; top:0;
  width:44px; height:42px;
  border:0; background:transparent;
  color:var(--ink-45);
  cursor:pointer;
}
#search .box_search_button:hover{ color:var(--blue); }

/* cos */
#cart{ position:relative; }
#cart #box_cart_content{
  border:1px solid var(--line);
  border-radius:var(--r);
  background:var(--paper);
  padding:8px 14px;
  min-height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  color:var(--ink);
  transition:border-color var(--t);
  cursor:pointer;
}
#cart #box_cart_content:hover{ border-color:var(--blue); }
#cart .box_cart_price{ font-family:var(--fd); font-weight:700; color:var(--ink); white-space:nowrap; }
#cart .box_cart_price_label{ color:var(--ink-45); }
#box_cart_content_full{
  padding:8px 44px 8px 14px;
  border:1px solid var(--line);
  border-radius:var(--r);
  box-shadow:var(--shadow-lift);
  background:var(--paper);
}

/* -------------------------------------------------------------------------
   5. ANTET - meniul principal
   ------------------------------------------------------------------------- */
#header_bottom{ background:var(--paper); border-bottom:1px solid var(--line); }
#header_bottom_wrap{ min-height:52px; }

#mainmenu{ margin:0; padding:0; list-style:none; display:flex; flex-wrap:wrap; align-items:stretch; }
#mainmenu > li{ position:relative; float:none; }
#mainmenu > li > a{
  display:flex;
  align-items:center;
  height:52px;
  padding:0 16px;
  font-family:var(--fd);
  font-size:13px;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ink);
  border-bottom:2px solid transparent;
  transition:color var(--t), border-color var(--t), background var(--t);
}
#mainmenu > li:hover > a,
#mainmenu > li.menu_item_active > a{
  color:var(--blue-deep);
  border-bottom-color:var(--blue);
  background:var(--surface);
}
#mainmenu > li > a .next_level_arrow{ margin-left:6px; opacity:.5; }

/* submeniuri */
#mainmenu ul,
#mainmenu .menu_content_sub{
  background:var(--paper);
  border:1px solid var(--line);
  border-top:2px solid var(--blue);
  border-radius:0 0 var(--r) var(--r);
  box-shadow:var(--shadow-lift);
  padding:8px 0;
  min-width:280px;
  z-index:900;
}
#mainmenu ul li a{
  display:block;
  padding:8px 18px;
  font-size:14px;
  color:var(--ink-70);
  border:0;
}
#mainmenu ul li a:hover{ background:var(--blue-soft); color:var(--blue-deep); }

/* antet lipit sus la derulare */
#header_bottom.header_fixed{
  position:fixed; top:0; left:0; right:0;
  z-index:1000;
  background:rgba(255,255,255,.97);
  backdrop-filter:saturate(180%) blur(8px);
  box-shadow:0 1px 0 var(--line), 0 8px 24px rgba(14,17,22,.07);
}

/* icoane mobil */
#mobile_mainmenu{ display:none; }body.design_ver3 .mobile_mainmenu_icon{ color:var(--ink); }

/* -------------------------------------------------------------------------
   6. CONTINUT SI COLOANA STANGA
   ------------------------------------------------------------------------- */
#content{ background:var(--paper); padding:0 0 60px; min-height:50vh; }
#content_wrap{ display:flex; flex-wrap:wrap; align-items:flex-start; gap:36px; padding-top:28px; }
#right{ flex:1 1 0; min-width:0; width:auto; padding:0; order:2; }
#left{ flex:0 0 258px; width:258px; padding:0; order:1; }
#content_wrap_nobox{ padding-top:28px; width:100%; }

/* firimituri */
#page_breadcrumb,body.design_ver3 .breadcrumb, #breadcrumb{
  font-size:12.5px;
  color:var(--ink-45);
  background:transparent;
  padding:0;
  margin:0 0 14px;
}
#page_breadcrumb a,body.design_ver3 .breadcrumb a{ color:var(--ink-45); }
#page_breadcrumb a:hover,body.design_ver3 .breadcrumb a:hover{ color:var(--blue); }

#body_title h1,
#body_title{ margin-bottom:18px; }

/* casete pe coloana stanga */body.design_ver3 .box_left_full{
  background:var(--paper);
  border:1px solid var(--line-soft);
  border-radius:var(--r);
  margin-bottom:18px;
  overflow:hidden;
}body.design_ver3 .box_left_title{
  font-family:var(--fd);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--ink);
  padding:13px 16px;
  background:var(--surface);
  border-bottom:1px solid var(--line-soft);
}body.design_ver3 .box_left_container{ padding:12px 16px; font-size:14px; }body.design_ver3 .box_left_container ul{ list-style:none; margin:0; padding:0; }body.design_ver3 .box_left_container ul li a{
  display:block;
  padding:7px 0;
  color:var(--ink-70);
  border-bottom:1px solid var(--line-soft);
}body.design_ver3 .box_left_container ul li:last-child a{ border-bottom:0; }body.design_ver3 .box_left_container ul li a:hover{ color:var(--blue-deep); }

/* filtre */body.design_ver3 .product_filter_title{
  font-weight:600;
  color:var(--ink);
  cursor:pointer;
  padding:10px 0;
  border-bottom:1px solid var(--line-soft);
}body.design_ver3 .product_filter_content{ padding:8px 0 12px; }

/* -------------------------------------------------------------------------
   7. BUTOANE SI FORMULARE
   ------------------------------------------------------------------------- */
body.design_ver3 .btn,
body.design_ver3 button,
body.design_ver3 input[type=submit],
body.design_ver3 input[type=button],
body.design_ver3 .page_artdet_cart_button,
body.design_ver3 .box_cart_button{
  font-family:var(--fd);
  font-size:15px;
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
  border-radius:var(--r-pill);
  border:1px solid transparent;
  padding:12px 26px;
  transition:background var(--t), border-color var(--t), color var(--t), transform var(--t);
  cursor:pointer;
}
body.design_ver3 .btn:active,
body.design_ver3 button:active{ transform:translateY(1px); }

body.design_ver3 .btn-primary,
body.design_ver3 input[type=submit],
body.design_ver3 .page_artdet_cart_button{
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
}
body.design_ver3 .btn-primary:hover,
body.design_ver3 input[type=submit]:hover,
body.design_ver3 .page_artdet_cart_button:hover{
  background:var(--blue-deep);
  border-color:var(--blue-deep);
  color:#fff;
}
body.design_ver3 .btn-default,
body.design_ver3 .btn-secondary{
  background:var(--paper);
  border-color:var(--line);
  color:var(--ink);
}
body.design_ver3 .btn-default:hover{ border-color:var(--ink); background:var(--surface); color:var(--ink); }

body.design_ver3 input[type=text],
body.design_ver3 input[type=email],
body.design_ver3 input[type=password],
body.design_ver3 input[type=tel],
body.design_ver3 input[type=number],
body.design_ver3 textarea,
body.design_ver3 select,
body.design_ver3 .form-control{
  font-family:var(--fb);
  font-size:14px;
  color:var(--ink);
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--r-sm);
  padding:10px 14px;
  height:auto;
  box-shadow:none;
  transition:border-color var(--t), box-shadow var(--t);
}
body.design_ver3 input:focus,
body.design_ver3 textarea:focus,
body.design_ver3 select:focus,
body.design_ver3 .form-control:focus{
  outline:0;
  border-color:var(--blue);
  box-shadow:0 0 0 3px var(--blue-soft);
}
body.design_ver3 label{ font-weight:600; color:var(--ink); font-size:13.5px; }body.design_ver3 .select-styled{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:var(--r);
  color:var(--ink);
  padding:9px 34px 9px 12px;
}body.design_ver3 .select-options{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:0 0 var(--r) var(--r);
  box-shadow:var(--shadow);
}body.design_ver3 .select-options li{ padding:8px 12px; }body.design_ver3 .select-options li:hover,body.design_ver3 .select-options li.is-selected{ background:var(--blue-soft); color:var(--blue-deep); }

/* -------------------------------------------------------------------------
   8. LISTA DE PRODUSE
   ------------------------------------------------------------------------- */body.design_ver3 .page_artlist_listing_order{ margin-bottom:18px; }body.design_ver3 .page_artlist_listing_order .page_hr{ display:none; }
.page_artlist_grid #choose_cat_label{
  font-size:12px; letter-spacing:.06em; text-transform:uppercase;
  color:var(--ink-45); margin-right:8px;
}body.design_ver3 .page_artlist_grid [id^=choose_cat_]{ display:inline-block; }body.design_ver3 .page_artlist_grid [id^=choose_cat_] a{ color:var(--ink-25); padding:4px; }body.design_ver3 .page_artlist_grid .chosen_cat a{ color:var(--blue); }body.design_ver3 .page_artlist_order_label{ font-size:13px; color:var(--ink-45); display:inline-block; margin-right:8px; }body.design_ver3 .page_artlist_list{ display:flex; flex-wrap:wrap; margin:0 -10px; }body.design_ver3 .page_artlist_list > div[class*=page_artlist_item_]{
  float:none;
  display:flex;
  flex-direction:column;
  background:var(--paper);
  border:1px solid var(--line-soft);
  border-radius:var(--r);
  margin:0 10px 20px;
  padding:16px 16px 12px;
  width:calc(33.333% - 20px);
  transition:border-color var(--t), box-shadow var(--t), transform var(--t);
  position:relative;
}body.design_ver3 .page_artlist_list > div[class*=page_artlist_item_]:hover{
  border-color:var(--blue);
  box-shadow:var(--shadow-lift);
  transform:translateY(-2px);
}body.design_ver3 .page_artlist_status{ position:absolute; top:12px; left:12px; z-index:3; }body.design_ver3 .page_artlist_status span,body.design_ver3 .page_artlist_status div{
  font-family:var(--fd);
  font-size:10.5px; font-weight:700; letter-spacing:.07em; text-transform:uppercase;
  background:var(--ink); color:#fff;
  padding:3px 8px; border-radius:2px;
}body.design_ver3 .page_artlist_pic{ margin:0 0 14px; }body.design_ver3 .page_artlist_pic a{ display:block; }body.design_ver3 .page_artlist_pic img{
  width:100%; height:auto; display:block;
  mix-blend-mode:multiply;
  transition:transform var(--t);
}body.design_ver3 .page_artlist_list > div:hover .page_artlist_pic img{ transform:scale(1.03); }body.design_ver3 .page_artlist_name{ margin:0 0 10px; flex:1 1 auto; }body.design_ver3 .page_artlist_name_link{
  font-family:var(--fd);
  font-size:15px;
  font-weight:600;
  line-height:1.35;
  color:var(--ink);
  letter-spacing:-.005em;
}body.design_ver3 .page_artlist_name_link:hover{ color:var(--blue-deep); }body.design_ver3 .page_artlist_price{ margin:0 0 12px; }body.design_ver3 .page_artlist_price_wrap_inner{ font-family:var(--fd); font-weight:700; font-size:19px; color:var(--ink); }body.design_ver3 .page_artlist_price_login{
  font-family:var(--fb);
  font-size:13px; font-weight:400;
  color:var(--blue-deep);
  background:var(--blue-soft);
  border-radius:var(--r);
  padding:8px 12px;
  display:block;
  line-height:1.35;
}body.design_ver3 .page_artlist_price_login br{ display:none; }body.design_ver3 .page_artlist_price .price_netto,body.design_ver3 .page_artlist_price_netto{ font-size:12.5px; color:var(--ink-45); font-weight:400; font-family:var(--fb); }body.design_ver3 .page_artlist_iconrow{
  display:flex; align-items:center; gap:6px;
  border-top:1px solid var(--line-soft);
  padding-top:10px;
  margin-top:auto;
}body.design_ver3 .page_artlist_iconrow_icon{ color:var(--ink-45); }body.design_ver3 .page_artlist_iconrow_icon:hover{ color:var(--blue); }body.design_ver3 .artlist_tooltip{ font-size:12px; }

/* paginare */body.design_ver3 .page_artlist_pagination a,body.design_ver3 .page_pagination a{
  display:inline-block;
  min-width:36px; text-align:center;
  padding:7px 10px;
  border:1px solid var(--line);
  border-radius:var(--r);
  margin-right:5px;
  color:var(--ink);
  font-size:13px;
}body.design_ver3 .page_artlist_pagination a:hover,body.design_ver3 .page_pagination a:hover{ border-color:var(--blue); color:var(--blue-deep); }

/* -------------------------------------------------------------------------
   9. PAGINA DE PRODUS
   ------------------------------------------------------------------------- */
#page_artdet_content{ padding-top:4px; }

#page_artdet_1_head{ margin-bottom:22px; }body.design_ver3 .page_artdet_1_name h1{
  font-size:32px;
  line-height:1.15;
  margin:0 0 6px;
}
#page_artdet_properties{ font-size:13px; color:var(--ink-45); }
#page_artdet_social_icon{ margin-top:8px; }body.design_ver3 .page_artdet_1_left{ padding-right:34px; }body.design_ver3 .page_artdet_1_pic{
  background:var(--surface);
  border:1px solid var(--line-soft);
  border-radius:var(--r);
  padding:24px;
}body.design_ver3 .page_artdet_1_pic img{ mix-blend-mode:multiply; }body.design_ver3 .page_artdet_1_pic .slider-nav{ margin-top:14px; }body.design_ver3 .page_artdet_1_pic .slider-nav img{
  border:1px solid var(--line-soft);
  border-radius:2px;
  padding:4px;
  background:var(--paper);
  transition:border-color var(--t);
}body.design_ver3 .page_artdet_1_pic .slider-nav .slick-current img{ border-color:var(--blue); }

/* descrierea scurta - textul de vanzare */
#page_artdet_rovleir{
  font-size:16px;
  line-height:1.62;
  color:var(--ink-70);
  border-left:3px solid var(--blue);
  padding:2px 0 2px 18px;
  margin-bottom:22px;
}
#page_artdet_rovleir p:last-child{ margin-bottom:0; }

#page_artdet_price{
  background:var(--surface);
  border:1px solid var(--line-soft);
  border-radius:var(--r);
  padding:18px 20px;
  margin-bottom:16px;
}
#page_artdet_price .page_artdet_price_brutto,
#page_artdet_price .price_brutto{
  font-family:var(--fd);
  font-size:30px;
  font-weight:700;
  color:var(--ink);
  letter-spacing:-.02em;
}
#page_artdet_price .price_netto,
#page_artdet_price .page_artdet_price_netto{ font-size:13.5px; color:var(--ink-45); }
#page_artdet_price .page_artdet_price_login{
  color:var(--blue-deep);
  background:var(--blue-soft);
  border-radius:var(--r);
  padding:12px 14px;
  display:block;
  font-size:14px;
}

#page_artdet_func{ margin-bottom:20px; }
#page_artdet_func a{ font-size:13px; color:var(--ink-45); margin-right:16px; }
#page_artdet_func a:hover{ color:var(--blue); }

/* tab-uri */body.design_ver3 .page_artdet_1_tabbed_area{ margin-top:46px; }
#page_artdet_tabs{
  display:flex; flex-wrap:wrap;
  border-bottom:1px solid var(--line);
  margin-bottom:26px;
  gap:2px;
}body.design_ver3 .page_artdet_tab{
  font-family:var(--fd);
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--ink-45);
  padding:13px 18px;
  cursor:pointer;
  border-bottom:2px solid transparent;
  margin-bottom:-1px;
  transition:color var(--t), border-color var(--t);
  white-space:nowrap;
}body.design_ver3 .page_artdet_tab:hover{ color:var(--ink); }body.design_ver3 .page_artdet_tab_active{ color:var(--blue-deep); border-bottom-color:var(--blue); }body.design_ver3 .page_artdet_tab2{
  font-family:var(--fd);
  font-weight:700;
  color:var(--ink);
  border-top:1px solid var(--line);
  padding:14px 0;
  cursor:pointer;
}body.design_ver3 .page_artdet_tab_content{ font-size:15px; line-height:1.68; }body.design_ver3 .page_artdet_tab_content ul{ padding-left:20px; }body.design_ver3 .page_artdet_tab_content li{ margin-bottom:6px; }

/* tabelul de parametri */body.design_ver3 .page_artdet_dataline{
  display:flex;
  gap:20px;
  padding:10px 14px;
  border-bottom:1px solid var(--line-soft);
  font-size:14px;
}body.design_ver3 .page_artdet_dataline:nth-child(odd){ background:var(--surface); }body.design_ver3 .page_artdet_param_title{
  flex:0 0 42%;
  color:var(--ink-45);
  font-weight:500;
  width:auto;
}body.design_ver3 .page_artdet_param_value{
  flex:1 1 auto;
  color:var(--ink);
  font-family:var(--fm);
  font-size:13.5px;
  font-weight:500;
  width:auto;
}

/* -------------------------------------------------------------------------
   10. PRIMA PAGINA
   ------------------------------------------------------------------------- */
#slideshow{ background:var(--ink); }
#slideshow img{ width:100%; height:auto; display:block; }

#start_banners{ display:flex; flex-wrap:wrap; gap:20px; padding-top:36px; padding-bottom:8px; }body.design_ver3 .start_banner_box{
  flex:1 1 220px;
  float:none;
  width:auto;
  border:1px solid var(--line-soft);
  border-radius:var(--r);
  overflow:hidden;
  transition:border-color var(--t), box-shadow var(--t);
}body.design_ver3 .start_banner_box:hover{ border-color:var(--blue); box-shadow:var(--shadow); }body.design_ver3 .start_banner_box img{ width:100%; height:auto; display:block; }

/* -------------------------------------------------------------------------
   11. NEWSLETTER, SUBSOL
   ------------------------------------------------------------------------- */
#newsletter{ background:var(--surface); border-top:1px solid var(--line-soft); }
#newsletter_wrap{ padding-top:34px; padding-bottom:34px; float:none; width:auto; }body.design_ver3 .newsletter_title{
  font-family:var(--fd); font-size:20px; font-weight:700; color:var(--ink); margin-bottom:6px;
}body.design_ver3 .newsletter_text{ font-size:14px; color:var(--ink-45); margin-bottom:14px; }

#footer{ background:var(--ink); color:#98A2B3; font-size:14px; }
#footer_inner{ display:flex; flex-wrap:wrap; gap:32px; padding-top:52px; padding-bottom:46px; }body.design_ver3 .footer_menu{ flex:1 1 200px; float:none; width:auto; }
#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,body.design_ver3 .footer_menu strong{
  font-family:var(--fd);
  font-size:12px; font-weight:700; letter-spacing:.09em; text-transform:uppercase;
  color:#fff; margin:0 0 14px; display:block;
}
#footer ul{ list-style:none; margin:0; padding:0; }
#footer li{ margin-bottom:8px; }
#footer a{ color:#98A2B3; }
#footer a:hover{ color:#fff; }body.design_ver3 .footer_icon{ margin-right:8px; opacity:.6; }body.design_ver3 .footer_contact{ flex:1 1 240px; }

#provider{ display:none; }

#partners{ background:var(--ink); border-top:1px solid rgba(255,255,255,.08); padding:18px 20px; text-align:center; }
#partners img{ max-height:26px; width:auto; margin:5px 9px; opacity:.5; filter:grayscale(1) invert(1); transition:opacity var(--t); }
#partners img:hover{ opacity:1; }body.design_ver3 .back_to_top{
  width:42px; height:42px;
  border-radius:var(--r);
  background:var(--ink);
  color:#fff;
  box-shadow:var(--shadow-lift);
  z-index:900;
}body.design_ver3 .back_to_top:hover{ background:var(--blue); }

/* -------------------------------------------------------------------------
   12. FERESTRE, ALERTE, COOKIE
   ------------------------------------------------------------------------- */body.design_ver3 .overlay_common,
#overlay_login_outer,
#overlay_cart_add,
#overlay_remind,
#overlay_newsletter{
  border:1px solid var(--line);
  border-radius:var(--r);
  box-shadow:var(--shadow-lift);
  background:var(--paper);
}body.design_ver3 .overlay_ok{ border-left:3px solid var(--ok); }body.design_ver3 .overlay_error{ border-left:3px solid var(--atc); }body.design_ver3 .overlay_warning{ border-left:3px solid var(--warn); }body.design_ver3 .overlay_info{ border-left:3px solid var(--blue); }body.design_ver3 .cookie_alert_1{
  background:var(--ink);
  color:#C8CFDA;
  border:0;
  box-shadow:0 -8px 30px rgba(14,17,22,.2);
}body.design_ver3 .cookie_alert_title{ font-family:var(--fd); color:#fff; }body.design_ver3 .cookie_alert_button{ background:var(--blue); border-color:var(--blue); color:#fff; }

/* -------------------------------------------------------------------------
   13. MENIU MOBIL LATERAL
   ------------------------------------------------------------------------- */
#responsive_cat_menu,
#filter_mobile{
  background:var(--paper);
  box-shadow:var(--shadow-lift);
}body.design_ver3 .responsive_menu_title,body.design_ver3 .filter_mobile_title{
  font-family:var(--fd);
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:12px;
  color:var(--ink);
  background:var(--surface);
  padding:14px 16px;
  border-bottom:1px solid var(--line-soft);
}body.design_ver3 .responsive_menu_item a{ padding:11px 16px; border-bottom:1px solid var(--line-soft); display:block; color:var(--ink-70); }body.design_ver3 .responsive_menu_item a:hover{ background:var(--blue-soft); color:var(--blue-deep); }

/* -------------------------------------------------------------------------
   14. ADAPTARE LA ECRANE MICI
   ------------------------------------------------------------------------- */
@media (max-width:991px){
  #content_wrap{ gap:24px; }
  #left{ flex:0 0 100%; width:100%; order:2; }
  #right{ flex:1 1 100%; order:1; }body.design_ver3 .page_artlist_list > div[class*=page_artlist_item_]{ width:calc(50% - 20px); }body.design_ver3 .page_artdet_1_left{ padding-right:0; margin-bottom:26px; }body.design_ver3 .page_artdet_1_name h1{ font-size:26px; }
  body.design_ver3 h1{ font-size:27px; }
}

@media (max-width:767px){
  #header_top_wrap{ min-height:34px; }
  #header_menu ul{ gap:14px; }
  #header_menu .profil,
  #header_menu .saved_filters,
  #header_menu .compare{ display:none; }

  #header_content_wrap{ min-height:70px; gap:14px; }
  #logo img{ max-height:44px; }
  #header_banner{ display:none; }
  #header_content_right{ display:none; }

  #mainmenu{ display:none; }
  #mobile_mainmenu{ display:flex; align-items:center; gap:6px; justify-content:flex-end; }
  #header_bottom_wrap{ min-height:50px; display:flex; align-items:center; }

  #search{ position:absolute; left:0; right:0; top:100%; background:var(--paper); padding:10px 20px; border-bottom:1px solid var(--line); }
  #search #box_search_input{ width:100%; }body.design_ver3 .page_artlist_list > div[class*=page_artlist_item_]{ width:calc(50% - 16px); margin:0 8px 16px; padding:12px; }body.design_ver3 .page_artlist_list{ margin:0 -8px; }body.design_ver3 .page_artlist_name_link{ font-size:14px; }body.design_ver3 .page_artdet_dataline{ flex-direction:column; gap:2px; padding:10px 12px; }body.design_ver3 .page_artdet_param_title{ flex:none; font-size:12.5px; }

  #page_artdet_tabs{ overflow-x:auto; flex-wrap:nowrap; -webkit-overflow-scrolling:touch; }body.design_ver3 .page_artdet_tab{ padding:12px 14px; }

  #footer_inner{ gap:26px; padding-top:38px; padding-bottom:34px; }body.design_ver3 .footer_menu{ flex:1 1 100%; }
}

@media (max-width:479px){body.design_ver3 .page_artlist_list > div[class*=page_artlist_item_]{ width:calc(100% - 16px); }
}

/* -------------------------------------------------------------------------
   15. TIPAR
   ------------------------------------------------------------------------- */
@media print{
  #header_top,#header_bottom,#newsletter,#footer,#partners,body.design_ver3 .back_to_top,#left{ display:none !important; }
  body.design_ver3{ color:#000; font-size:12px; }
  #right{ width:100%; }
}

/* -------------------------------------------------------------------------
   16. CORECTII DUPA PRIMA PRIVIRE PE MAGAZINUL VIU
   ------------------------------------------------------------------------- */

/* logoul sta in elementul "header_banner", nu in "header_logo" */
#logo{ display:none; }
#header_banner{ flex:0 0 auto; margin-left:0; }
#header_banner .header_banner-wrapper{ width:360px; margin:0; }
#header_content_wrap{ min-height:110px; gap:24px; }
#search{ float:none; }

/* titlul de pagina - regula veche il tinea la 24px, subtire si majuscule */
#body_title h1,
#title_content{
  font-family:var(--fd);
  font-size:30px;
  font-weight:700;
  letter-spacing:0;
  line-height:1.18;
  text-transform:none;
  color:var(--ink);
}
#ud_shop_start #body_title h1{ text-align:left; }

/* numele produsului - page_artlist_1.css il centra */
.page_artlist_name,
.page_artlist_name_inner,
.page_artlist_name a,
.page_artlist_name a.page_artlist_name_link{ text-align:left; }
.page_artlist_name a.page_artlist_name_link{
  font-family:var(--fd); font-size:15px; font-weight:600; line-height:1.35; color:var(--ink);
}
.page_artlist_name a.page_artlist_name_link:hover{ color:var(--blue-deep); }
.page_artlist_price, .page_artlist_price_login{ text-align:left; }

/* dimensiunile de font mostenite din regula veche "div,p,a,li{font-size:13px}" */
body.design_ver3 #body_container,
body.design_ver3 #body_container div,
body.design_ver3 #body_container p,
body.design_ver3 #body_container li{ font-size:inherit; }

/* -------------------------------------------------------------------------
   17. ALINIERE CU protectglobal.com
   Site-ul producatorului foloseste: albastru #3F75FF, inchis #181818/#222222,
   sectiuni deschise #F6F6F6, colturi de 16px, butoane pastila, si o
   grotesca geometrica (Mozaic Geo). Fiind un font licentiat, folosim
   Figtree, cea mai apropiata varianta libera.
   ------------------------------------------------------------------------- */

/* fara majuscule fortate si fara spatiere marita - PROTECT scrie normal */
#mainmenu > li > a,
.page_artdet_tab,
.box_left_title,
.responsive_menu_title,
.filter_mobile_title,
.page_artlist_status span,
.page_artlist_status div,
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5,
body.design_ver3 .footer_menu strong{
  text-transform:none;
  letter-spacing:0;
}
#mainmenu > li > a{ font-size:15px; font-weight:500; }
.page_artdet_tab{ font-size:15px; font-weight:500; }
.box_left_title,
.responsive_menu_title,
.filter_mobile_title{ font-size:15px; font-weight:600; }
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5,
body.design_ver3 .footer_menu strong{ font-size:15px; font-weight:600; }

/* forme rotunde, ca pe site-ul producatorului */
#search .box_search_field,
#search #box_search_input{ border-radius:var(--r-pill); padding-left:18px; }
#cart #box_cart_content{ border-radius:var(--r-pill); padding:8px 18px; }
#header_menu .login a{ border-radius:var(--r-pill); padding:5px 16px; }
.page_artlist_status span,
.page_artlist_status div{ border-radius:var(--r-pill); font-size:11.5px; font-weight:500; }
.page_artlist_pagination a, .page_pagination a{ border-radius:var(--r-pill); }
.back_to_top{ border-radius:50%; }

/* carduri cu colturi de 16px si panou de imagine pe fundal deschis */
body.design_ver3 .page_artlist_list > div[class*=page_artlist_item_]{
  border-radius:var(--r);
  padding:14px 14px 12px;
}
/* ATENTIE: page_artlist_1.css tine proportia patrata cu padding-top:100%
   si pune imaginea pe position:absolute. Nu inlocui padding-ul cu unul
   uniform - se prabuseste caseta. */
body.design_ver3 .page_artlist_pic{
  padding:100% 0 0;
  background:var(--surface);
  border-radius:var(--r-sm);
  margin:0 0 14px;
  flex:0 0 auto;
}
body.design_ver3 .page_artlist_pic img{
  width:100%;
  height:100%;
  max-height:none;
  padding:14px;
  box-sizing:border-box;
  object-fit:contain;
  mix-blend-mode:multiply;
}
.box_left_full,
.page_artdet_1_pic,
#page_artdet_price,
.start_banner_box,
.overlay_common, #overlay_login_outer, #overlay_cart_add, #overlay_remind, #overlay_newsletter{
  border-radius:var(--r);
}
body.design_ver3 .page_artlist_price_login,
#page_artdet_price .page_artdet_price_login{ border-radius:var(--r-sm); }
#page_artdet_rovleir{ border-left-width:3px; }

/* titluri: greutate 500, ca pe protectglobal.com */
#body_title h1, #title_content{ font-weight:500; letter-spacing:0; }
.page_artdet_1_name h1{ font-weight:500; letter-spacing:0; }


/* -------------------------------------------------------------------------
   18. IMAGINEA MARE DE PE PAGINA DE PRODUS
   ------------------------------------------------------------------------- */
.page_artdet_1_pic{ padding:20px; }
.page_artdet_1_pic .slider-for img,
.page_artdet_1_pic > img{ max-height:480px; width:auto; margin:0 auto; }
.page_artdet_1_pic .slider-nav img{ max-height:110px; }

/* -------------------------------------------------------------------------
   19. UN SINGUR FONT PE TOT MAGAZINUL
   Foaia veche pune "Open Sans" in sute de locuri, cu selectori mai
   specifici decat ai nostri. In loc sa le rescriem una cate una, fixam
   fontul o singura data, pentru tot. Pictogramele FontAwesome stau pe
   pseudo-elemente (:before/:after), deci nu sunt atinse de regula asta.
   ------------------------------------------------------------------------- */
body.design_ver3,
body.design_ver3 *{ font-family:var(--fb); }

/* exceptiile care trebuie sa ramana asa cum sunt */
body.design_ver3 .page_artdet_param_value{ font-family:var(--fm); }
body.design_ver3 .fa,
body.design_ver3 [class^="fa-"],
body.design_ver3 [class*=" fa-"],
body.design_ver3 .glyphicon{ font-family:'FontAwesome','Font Awesome 5 Free',sans-serif; }

/* -------------------------------------------------------------------------
   20. FIGTREE, GAZDUIT PE SERVERUL NOSTRU
   Fisierele stau in tema, langa CSS. Nu se mai face nicio cerere catre
   Google, deci nu mai e nicio discutie de GDPR. Sunt taiate la alfabetul
   latin extins, deci contin tot ce trebuie pentru romana si maghiara
   (s si t cu virgula, a cu breve, i circumflex, o si u cu accent dublu).
   Licenta: SIL Open Font License, vezi fonts/Figtree-OFL.txt
   ------------------------------------------------------------------------- */
@font-face{
  font-family:'Figtree';
  src:url('/!common_design/custom/protect.unasshop.ro/fonts/figtree-400.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Figtree';
  src:url('/!common_design/custom/protect.unasshop.ro/fonts/figtree-500.woff2') format('woff2');
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Figtree';
  src:url('/!common_design/custom/protect.unasshop.ro/fonts/figtree-600.woff2') format('woff2');
  font-weight:600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Figtree';
  src:url('/!common_design/custom/protect.unasshop.ro/fonts/figtree-700.woff2') format('woff2');
  font-weight:700; font-style:normal; font-display:swap;
}