#fenek-homepage {
--navy: #073b67;
--navy-deep: #042d50;
--orange: #ef681f;
--orange-dark: #c94b12;
--yellow: #ffd857;
--teal: #087b78;
--ink: #213444;
--muted: #637482;
--paper: #f7fbfc;
--cream: #fff8e8;
--border: #dce8ec;
--white: #fff;
--heading: "Nunito", "Arial Rounded MT Bold", sans-serif;
--body: "Source Sans 3", "Segoe UI", sans-serif;
--shadow: 0 22px 60px rgba(7, 59, 103, 0.12);
}
#fenek-homepage, #fenek-homepage * { box-sizing: border-box; }
#fenek-homepage { scroll-behavior: smooth; }
#fenek-homepage {
margin: 0;
color: var(--ink);
background: var(--white);
font-family: var(--body);
font-size: 18px;
line-height: 1.55;
-webkit-font-smoothing: antialiased;
}
#fenek-homepage img { display: block; max-width: 100%; }
#fenek-homepage a { color: inherit; }
#fenek-homepage button, #fenek-homepage input { font: inherit; }
#fenek-homepage .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
#fenek-homepage .skip-link {
position: fixed;
top: 12px;
left: 12px;
z-index: 100;
padding: 10px 16px;
background: var(--yellow);
border-radius: 8px;
transform: translateY(-160%);
}
#fenek-homepage .skip-link:focus { transform: translateY(0); }
#fenek-homepage .site-header { background: var(--white); position: relative; z-index: 5; }
#fenek-homepage .delivery {
max-width: 1320px;
margin: 0 auto;
padding: 10px 20px;
color: var(--white);
background: #244e68;
text-align: center;
font-family: var(--heading);
font-size: 14px;
font-weight: 800;
}
#fenek-homepage .header-inner {
display: grid;
grid-template-columns: auto minmax(220px, 1fr) auto auto;
gap: 20px;
align-items: center;
max-width: 1320px;
min-height: 80px;
margin: auto;
padding: 12px 24px;
border-bottom: 1px solid var(--border);
}
#fenek-homepage .logo {
color: var(--navy);
font-family: var(--heading);
font-size: 30px;
font-weight: 900;
text-decoration: none;
}
#fenek-homepage .logo span { color: var(--orange); }
#fenek-homepage .header-search {
display: flex;
min-width: 0;
height: 48px;
}
#fenek-homepage .header-search input {
min-width: 0;
width: 100%;
padding: 0 16px;
border: 1px solid var(--border);
border-right: 0;
border-radius: 12px 0 0 12px;
}
#fenek-homepage .header-search button {
width: 52px;
color: white;
background: var(--orange);
border: 0;
border-radius: 0 12px 12px 0;
font-size: 30px;
cursor: pointer;
}
#fenek-homepage .header-inner nav { display: flex; gap: 18px; }
#fenek-homepage .header-inner nav a {
color: var(--navy);
font-family: var(--heading);
font-size: 14px;
font-weight: 800;
text-decoration: none;
white-space: nowrap;
}
#fenek-homepage .cart {
padding: 12px 18px;
color: var(--navy);
background: #ff8bac;
border-radius: 999px;
font-family: var(--heading);
font-size: 14px;
font-weight: 900;
text-decoration: none;
}
#fenek-homepage .hero {
position: relative;
display: block;
min-height: 690px;
width: 100%;
max-width: none;
margin: 0;
overflow: hidden;
background:
radial-gradient(circle at 8% 10%, rgba(255,216,87,.22), transparent 20%),
linear-gradient(115deg, #f2fbfa 0%, #fffcef 58%, #fff3df 100%);
border-bottom: 8px solid transparent;
border-image: linear-gradient(90deg, var(--orange), var(--yellow), #45b990, #5abce2) 1;
} #fenek-homepage { width: 100%; min-width: 0; margin: 0; }
#fenek-homepage .hero {
display: block;
width: 100%;
max-width: none;
margin: 0;
overflow: hidden;
}
#fenek-homepage .hero-inner {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
width: 100%;
max-width: 1320px;
min-height: 690px;
margin: 0 auto;
}
#fenek-homepage .hero-inner > div { width: auto; min-width: 0; margin: 0; }
#fenek-homepage .hero-copy { width: 100%; max-width: 760px; justify-self: stretch; }
#fenek-homepage h1 {
display: block;
width: auto;
max-width: 740px;
margin: 0;
font-size: clamp(3.15rem, 4.7vw, 4.7rem);
line-height: .96;
}
#fenek-homepage h1 em { display: inline; }
#fenek-homepage .hero-visual { width: 100%; min-width: 0; margin: 0; }
#fenek-homepage .hero-visual img {
display: block;
width: min(720px, 112%);
max-width: 100%;
max-height: 700px;
margin: 0;
object-fit: contain;
object-position: bottom;
}
#fenek-homepage .hero-copy {
z-index: 1;
align-self: center;
max-width: 760px;
padding: 86px 48px 82px;
}
#fenek-homepage .eyebrow {
display: flex;
gap: 10px;
align-items: center;
margin: 0 0 18px;
color: var(--orange-dark);
font-family: var(--heading);
font-size: 14px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
#fenek-homepage .eyebrow span { width: 28px; height: 4px; background: var(--yellow); border-radius: 4px; }
#fenek-homepage h1, #fenek-homepage h2, #fenek-homepage h3 {
margin: 0;
color: var(--navy);
font-family: var(--heading);
font-weight: 900;
letter-spacing: -.035em;
line-height: 1.05;
text-wrap: balance;
}
#fenek-homepage h1 { max-width: 740px; font-size: clamp(3.15rem, 4.7vw, 4.7rem); }
#fenek-homepage h1 em, #fenek-homepage h2 em { color: var(--orange); font-style: normal; }
#fenek-homepage .hero-lead { max-width: 680px; margin: 28px 0; color: #3f5667; font-size: 21px; }
#fenek-homepage .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
#fenek-homepage .button {
display: inline-flex;
min-height: 54px;
padding: 15px 23px;
align-items: center;
justify-content: center;
border: 2px solid transparent;
border-radius: 14px;
font-family: var(--heading);
font-size: 16px;
font-weight: 900;
text-align: center;
text-decoration: none;
transition: .18s ease;
}
#fenek-homepage .button:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(7,59,103,.15); }
#fenek-homepage .button-primary { color: var(--white); background: var(--orange-dark); }
#fenek-homepage .button-primary:hover { background: #b6400c; }
#fenek-homepage .button-secondary { color: var(--navy); background: rgba(255,255,255,.65); border-color: #b9ced7; }
#fenek-homepage .button-yellow { color: var(--navy); background: var(--yellow); }
#fenek-homepage .hero-proof {
display: flex;
gap: 0;
margin-top: 34px;
padding-top: 24px;
border-top: 1px solid rgba(7, 59, 103, .14);
}
#fenek-homepage .hero-proof span {
max-width: 175px;
padding: 0 22px;
color: var(--muted);
font-size: 14px;
line-height: 1.25;
}
#fenek-homepage .hero-proof span:first-child { padding-left: 0; }
#fenek-homepage .hero-proof span + span { border-left: 1px solid rgba(7, 59, 103, .14); }
#fenek-homepage .hero-proof strong { display: block; color: var(--orange-dark); font-family: var(--heading); font-size: 22px; }
#fenek-homepage .hero-visual {
position: relative;
display: grid;
align-items: end;
justify-items: center;
min-width: 0;
padding: 55px 38px 0 0;
}
#fenek-homepage .hero-visual img { position: relative; z-index: 2; width: min(720px, 112%); max-height: 700px; object-fit: contain; object-position: bottom; }
#fenek-homepage .sun {
position: absolute;
width: 510px;
height: 510px;
top: 76px;
right: 4%;
background: var(--yellow);
border-radius: 50%;
}
#fenek-homepage .scribble { position: absolute; border: 4px solid var(--orange); border-radius: 50%; opacity: .35; }
#fenek-homepage .scribble-one { width: 80px; height: 38px; top: 85px; left: 5%; transform: rotate(-18deg); }
#fenek-homepage .scribble-two { width: 45px; height: 76px; right: 2%; bottom: 80px; transform: rotate(25deg); }
#fenek-homepage .speech-card {
position: absolute;
z-index: 3;
padding: 12px 16px;
color: var(--navy);
background: white;
border-radius: 14px;
box-shadow: var(--shadow);
font-family: var(--heading);
font-size: 15px;
font-weight: 800;
}
#fenek-homepage .speech-card-top { top: 220px; left: 2%; transform: rotate(-3deg); }
#fenek-homepage .speech-card-bottom { right: 4%; bottom: 95px; transform: rotate(2deg); }
#fenek-homepage .trust-strip {
display: grid;
grid-template-columns: 220px minmax(0, 1fr);
gap: 34px;
align-items: center;
max-width: 1200px;
margin: 0 auto;
padding: 28px 24px;
border-bottom: 1px solid var(--border);
}
#fenek-homepage .trust-strip p {
margin: 0;
color: var(--muted);
font-family: var(--heading);
font-size: 13px;
font-weight: 900;
letter-spacing: .08em;
text-transform: uppercase;
}
#fenek-homepage .trust-strip img { width: 100%; max-height: 75px; object-fit: contain; filter: saturate(.8); }
#fenek-homepage .section { max-width: 1240px; margin: 0 auto; padding: 110px 28px; }
#fenek-homepage .section-heading {
display: grid;
grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr);
gap: 70px;
align-items: end;
margin-bottom: 50px;
}
#fenek-homepage .section-heading h2, #fenek-homepage .story-content h2, #fenek-homepage .experts h2, #fenek-homepage .final-cta h2 {
font-size: clamp(2.5rem, 4.1vw, 4rem);
}
#fenek-homepage .section-heading > p { max-width: 520px; margin: 0; color: var(--muted); font-size: 19px; }
#fenek-homepage .section-heading.compact { align-items: center; }
#fenek-homepage .section-heading.centered { display: block; max-width: 880px; margin: 0 auto 55px; text-align: center; }
#fenek-homepage .section-heading.centered .eyebrow { justify-content: center; }
#fenek-homepage .needs-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
#fenek-homepage .need-card {
display: grid;
grid-template-columns: 58px 1fr auto;
gap: 16px;
align-items: center;
min-height: 126px;
padding: 20px;
border: 1px solid rgba(7,59,103,.08);
border-radius: 20px;
text-decoration: none;
transition: transform .18s ease, box-shadow .18s ease;
}
#fenek-homepage .need-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); }
#fenek-homepage .need-icon {
display: grid;
place-items: center;
width: 58px;
height: 58px;
color: var(--navy);
background: rgba(255,255,255,.7);
border-radius: 18px;
font-family: var(--heading);
font-size: 26px;
font-weight: 900;
}
#fenek-homepage .need-text strong { display: block; color: var(--navy); font-family: var(--heading); font-size: 18px; line-height: 1.2; }
#fenek-homepage .need-text small { display: block; margin-top: 5px; color: #526574; font-size: 14px; line-height: 1.25; }
#fenek-homepage .arrow { color: var(--navy); font-size: 24px; transition: transform .18s ease; }
#fenek-homepage .need-card:hover .arrow { transform: translateX(4px); }
#fenek-homepage .need-orange { background: #fff0e7; }
#fenek-homepage .need-blue { background: #e8f6fb; }
#fenek-homepage .need-yellow { background: #fff7d6; }
#fenek-homepage .need-green { background: #e8f5ec; }
#fenek-homepage .need-purple { background: #f3eefb; }
#fenek-homepage .need-navy { background: #e8eff5; }
#fenek-homepage .need-mint { background: #e7f6ef; }
#fenek-homepage .need-sky { background: #eaf4ff; }
#fenek-homepage .need-coral { background: #ffede9; }
#fenek-homepage .story-method {
display: grid;
grid-template-columns: minmax(340px, .85fr) minmax(0, 1.15fr);
max-width: 1440px;
min-height: 750px;
margin: 0 auto;
color: white;
background: var(--navy);
}
#fenek-homepage .story-image {
position: relative;
display: flex;
align-items: end;
overflow: hidden;
background:
radial-gradient(circle at 45% 40%, #ffd857 0 31%, transparent 31.5%),
linear-gradient(160deg, #0b6280, #073b67);
}
#fenek-homepage .story-image::before {
content: "";
position: absolute;
inset: 38px;
border: 1px solid rgba(255,255,255,.18);
border-radius: 50% 50% 18px 18px;
}
#fenek-homepage .story-image img {
position: relative;
z-index: 1;
width: min(90%, 620px);
max-height: 700px;
margin: auto auto 0;
object-fit: contain;
object-position: bottom center;
}
#fenek-homepage .story-image p {
position: absolute;
z-index: 2;
top: 55px;
right: 20px;
max-width: 230px;
margin: 0;
padding: 16px 19px;
color: var(--navy);
background: white;
border-radius: 16px 16px 16px 3px;
box-shadow: var(--shadow);
font-family: var(--heading);
font-weight: 900;
transform: rotate(2deg);
}
#fenek-homepage .story-content { align-self: center; max-width: 720px; padding: 80px clamp(45px, 6vw, 100px); }
#fenek-homepage .eyebrow-light { color: var(--yellow); }
#fenek-homepage .story-content h2, #fenek-homepage .experts h2 { color: white; }
#fenek-homepage .story-content h2 em { color: var(--yellow); }
#fenek-homepage .story-intro { max-width: 650px; margin: 26px 0 35px; color: #d9e8ef; font-size: 20px; }
#fenek-homepage .steps { margin: 0; padding: 0; list-style: none; }
#fenek-homepage .steps li { display: grid; grid-template-columns: 58px 1fr; gap: 18px; align-items: center; padding: 20px 0; border-top: 1px solid rgba(255,255,255,.17); }
#fenek-homepage .steps li > span { color: var(--yellow); font-family: var(--heading); font-size: 16px; font-weight: 900; }
#fenek-homepage .steps strong { display: block; font-family: var(--heading); font-size: 19px; }
#fenek-homepage .steps small { display: block; color: #bcd2dd; font-size: 15px; }
#fenek-homepage .products { background: white; }
#fenek-homepage .text-link { color: var(--navy); font-family: var(--heading); font-weight: 900; text-decoration-thickness: 2px; text-underline-offset: 5px; }
#fenek-homepage .product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
#fenek-homepage .product-card { overflow: hidden; background: var(--paper); border: 1px solid var(--border); border-radius: 22px; }
#fenek-homepage .product-image { position: relative; display: block; height: 320px; padding: 22px; overflow: hidden; background: linear-gradient(145deg,#edf8fa,#fff6dd); }
#fenek-homepage .product-image img { width: 100%; height: 100%; object-fit: contain; transition: transform .25s ease; }
#fenek-homepage .product-image:hover img { transform: scale(1.035) rotate(-1deg); }
#fenek-homepage .product-badge {
position: absolute;
z-index: 1;
top: 16px;
left: 16px;
padding: 7px 10px;
color: var(--navy);
background: var(--yellow);
border-radius: 999px;
font-family: var(--heading);
font-size: 12px;
font-weight: 900;
}
#fenek-homepage .product-body { padding: 22px 24px 25px; }
#fenek-homepage .product-body p { margin: 0 0 5px; color: var(--orange-dark); font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
#fenek-homepage .product-body h3 { min-height: 56px; font-size: 23px; line-height: 1.2; }
#fenek-homepage .product-body > div { display: flex; justify-content: space-between; gap: 15px; align-items: end; margin-top: 20px; }
#fenek-homepage .price-stack { display: flex; flex-direction: column; align-items: flex-start; line-height: 1; white-space: nowrap; }
#fenek-homepage .price-stack del { margin-bottom: 7px; color: #86939d; font-family: var(--heading); font-size: 14px; font-weight: 700; text-decoration-color: #86939d; text-decoration-thickness: 1.5px; }
#fenek-homepage .product-body strong { color: var(--navy); font-family: var(--heading); font-size: 22px; white-space: nowrap; }
#fenek-homepage .product-body a { color: var(--orange-dark); font-family: var(--heading); font-size: 14px; font-weight: 900; text-align: right; }
#fenek-homepage .audiences { max-width: none; background: var(--cream); }
#fenek-homepage .audiences > * { max-width: 1184px; margin-left: auto; margin-right: auto; }
#fenek-homepage .audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid #eddcb7; border-radius: 24px; overflow: hidden; background: white; }
#fenek-homepage .audience-grid article { position: relative; display: flex; min-width: 0; flex-direction: column; background: white; }
#fenek-homepage .audience-grid article + article { border-left: 1px solid #eddcb7; }
#fenek-homepage .audience-image { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
#fenek-homepage .audience-content { display: flex; min-height: 270px; padding: 30px 34px 34px; flex: 1; flex-direction: column; }
#fenek-homepage .audience-number { color: var(--orange); font-family: var(--heading); font-size: 15px; font-weight: 900; }
#fenek-homepage .audience-grid h3 { margin: 20px 0 14px; font-size: 26px; }
#fenek-homepage .audience-grid p { color: var(--muted); }
#fenek-homepage .audience-grid a { margin-top: auto; padding-top: 20px; color: var(--navy); font-family: var(--heading); font-weight: 900; }
#fenek-homepage .releases {
max-width: none;
overflow: hidden;
background:
radial-gradient(circle at 8% 22%, rgba(255,216,87,.32), transparent 18%),
linear-gradient(180deg, #f7fbfc, #fff);
}
#fenek-homepage .releases > .section-heading, #fenek-homepage .releases > .release-note {
max-width: 1184px;
margin-left: auto;
margin-right: auto;
}
#fenek-homepage .release-controls { display: flex; flex-direction: column; gap: 14px; align-items: flex-end; }
#fenek-homepage .release-toggle {
min-height: 42px;
padding: 8px 15px;
color: var(--navy);
background: white;
border: 1px solid var(--border);
border-radius: 11px;
font-family: var(--heading);
font-size: 13px;
font-weight: 900;
cursor: pointer;
}
#fenek-homepage .release-marquee {
width: 100%;
max-width: 1320px;
margin-right: auto;
margin-left: auto;
overflow: hidden;
mask-image: linear-gradient(90deg, transparent, black 6%, black 94%, transparent);
}
#fenek-homepage .release-track {
display: flex;
gap: 18px;
width: max-content;
padding: 15px 0 28px;
animation: release-scroll 48s linear infinite;
}
#fenek-homepage .release-marquee:hover .release-track, #fenek-homepage .release-marquee:focus-within .release-track, #fenek-homepage .release-track.is-paused { animation-play-state: paused; }
#fenek-homepage .release-card {
position: relative;
width: 270px;
flex: 0 0 auto;
overflow: hidden;
background: white;
border: 1px solid var(--border);
border-radius: 20px;
box-shadow: 0 12px 30px rgba(7,59,103,.08);
}
#fenek-homepage .release-card a { display: block; text-decoration: none; }
#fenek-homepage .release-card img { width: 100%; aspect-ratio: 1.18; padding: 18px; object-fit: contain; background: #eef8fa; }
#fenek-homepage .release-card-set img { background: #fff6dc; }
#fenek-homepage .release-type {
position: absolute;
z-index: 1;
top: 13px;
left: 13px;
padding: 6px 10px;
color: var(--navy);
background: var(--yellow);
border-radius: 999px;
font-family: var(--heading);
font-size: 11px;
font-weight: 900;
letter-spacing: .05em;
text-transform: uppercase;
}
#fenek-homepage .release-card-set .release-type { color: white; background: var(--teal); }
#fenek-homepage .release-card div { display: flex; min-height: 118px; padding: 18px; flex-direction: column; justify-content: space-between; }
#fenek-homepage .release-card h3 { font-size: 18px; line-height: 1.2; }
#fenek-homepage .release-price { display: flex; min-height: 43px; align-items: baseline; align-content: flex-end; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
#fenek-homepage .release-price del { color: #87949e; font-family: var(--heading); font-size: 13px; font-weight: 700; text-decoration-color: #87949e; text-decoration-thickness: 1.5px; }
#fenek-homepage .release-price strong { color: var(--orange-dark); font-family: var(--heading); font-size: 19px; }
#fenek-homepage .release-note { margin-top: 5px; color: var(--muted); font-size: 13px; text-align: center; }
@keyframes release-scroll { to { transform: translateX(calc(-50% - 9px)); } }
.characters { position: relative; }
#fenek-homepage .character-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
#fenek-homepage .character-card {
display: grid;
grid-template-columns: 112px minmax(0, 1fr);
grid-template-rows: auto 1fr;
column-gap: 18px;
min-width: 0;
white-space: normal !important;
padding: 16px;
color: var(--navy);
background: white;
border: 1px solid var(--border);
border-radius: 20px;
cursor: pointer;
transition: .18s ease;
}
#fenek-homepage .character-card:hover, #fenek-homepage .character-card.active { border-color: var(--orange); transform: translateY(-4px); box-shadow: 0 14px 32px rgba(7,59,103,.11); }
#fenek-homepage .character-card img {
grid-row: 1 / 3;
width: 112px;
aspect-ratio: 1;
object-fit: contain;
border-radius: 15px;
background: #eef9fb;
}
#fenek-homepage .character-name {
display: block;
min-width: 0;
white-space: normal !important;
align-self: end;
margin: 2px 0 8px;
font-family: var(--heading);
font-size: 17px;
font-weight: 900;
text-align: left;
}
#fenek-homepage .character-bubble {
position: relative;
display: block;
min-width: 0;
align-self: start;
padding: 10px 12px;
color: #4f6372;
background: #f4f8fa;
border-radius: 4px 12px 12px 12px;
font-family: var(--body);
font-size: 13px;
font-weight: 600;
line-height: 1.3;
overflow-wrap: break-word;
white-space: normal !important;
text-align: left;
}
#fenek-homepage .character-bubble::before {
content: "";
position: absolute;
top: 0;
left: -8px;
border-width: 0 8px 9px 0;
border-style: solid;
border-color: transparent #f4f8fa transparent transparent;
}
#fenek-homepage .character-story {
position: relative;
display: grid;
grid-template-columns: .78fr 1.22fr;
gap: 34px;
align-items: center;
max-width: 980px;
margin: 28px auto 0;
padding: 34px 38px;
color: white;
background: var(--navy);
border-radius: 20px;
}
#fenek-homepage .character-story::before { content: ""; position: absolute; top: -13px; left: 50%; width: 26px; height: 26px; background: var(--navy); transform: translateX(-50%) rotate(45deg); }
#fenek-homepage .character-story-copy > span { color: var(--yellow); font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
#fenek-homepage .character-story h3 { margin: 6px 0 8px; color: white; font-size: 27px; }
#fenek-homepage .character-story-copy p { margin: 0 0 16px; color: #d8e6ed; }
#fenek-homepage .character-story-copy small { display: block; color: #9fc0d0; font-size: 13px; line-height: 1.45; }
#fenek-homepage .character-book {
display: grid;
grid-template-columns: 166px 1fr;
gap: 24px;
align-items: center;
min-width: 0;
padding: 18px;
color: var(--navy);
background: white;
border-radius: 17px;
}
#fenek-homepage .character-book-cover { display: block; overflow: hidden; background: #f7f3e9; border-radius: 12px; }
#fenek-homepage .character-book-cover img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; transition: transform .2s ease; }
#fenek-homepage .character-book-cover:hover img { transform: scale(1.025); }
#fenek-homepage .character-book-copy { min-width: 0; }
#fenek-homepage .character-book-copy > span:first-child { color: var(--orange-dark); font-family: var(--heading); font-size: 11px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
#fenek-homepage .character-book h4 { margin: 6px 0 4px; color: var(--navy); font-family: var(--heading); font-size: 25px; line-height: 1.05; }
#fenek-homepage .character-book-copy > p { margin: 0 0 15px; color: var(--muted); font-size: 14px; line-height: 1.35; }
#fenek-homepage .character-book-footer { display: flex; gap: 15px; align-items: flex-end; justify-content: space-between; }
#fenek-homepage .character-book-price { display: flex; flex-direction: column; line-height: 1.05; }
#fenek-homepage .character-book-price del { color: #7d8f99; font-size: 12px; }
#fenek-homepage .character-book-price strong { margin-top: 3px; color: var(--orange-dark); font-family: var(--heading); font-size: 20px; }
#fenek-homepage .character-book-footer a, #fenek-homepage .character-book-more { color: var(--navy); font-family: var(--heading); font-size: 13px; font-weight: 900; }
#fenek-homepage .character-book-more { display: inline-block; margin-top: 12px; color: var(--orange-dark); }
#fenek-homepage .character-book-more[hidden] { display: none; }
#fenek-homepage .journey { max-width: 1440px; padding-top: 40px; }
#fenek-homepage .journey-panel {
display: grid;
grid-template-columns: 1.05fr .95fr;
min-height: 540px;
overflow: hidden;
color: #d9e8ef;
background:
radial-gradient(circle at 18% 15%, rgba(90,188,226,.22), transparent 30%),
var(--navy-deep);
border-radius: 30px;
box-shadow: 0 24px 65px rgba(7,59,103,.18);
}
#fenek-homepage .journey-copy { align-self: center; padding: 68px 62px; }
#fenek-homepage .journey-copy h2 { max-width: 690px; margin-top: 12px; color: white; font-size: clamp(2.35rem, 4.1vw, 4.3rem); line-height: .99; }
#fenek-homepage .journey-copy > p:not(.eyebrow) { max-width: 650px; margin: 25px 0 28px; color: #d9e8ef; font-size: 18px; }
#fenek-homepage .journey-copy strong { color: white; }
#fenek-homepage .journey-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 0 0 32px; }
#fenek-homepage .journey-stats div { padding: 14px 10px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); border-radius: 14px; text-align: center; }
#fenek-homepage .journey-stats dt { color: var(--yellow); font-family: var(--heading); font-size: 25px; font-weight: 900; line-height: 1; }
#fenek-homepage .journey-stats dd { margin: 5px 0 0; color: #c7dbe4; font-size: 12px; font-weight: 700; }
#fenek-homepage .journey-visual { position: relative; min-width: 0; min-height: 540px; background: #e5f5f6; }
#fenek-homepage .journey-visual img { width: 100%; height: 100%; object-fit: cover; }
#fenek-homepage .journey-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,43,72,.18), transparent 35%); pointer-events: none; }
#fenek-homepage .journey-visual span {
position: absolute;
z-index: 1;
right: 22px;
bottom: 22px;
left: 22px;
padding: 12px 15px;
color: var(--navy);
background: rgba(255,255,255,.92);
border-radius: 12px;
font-family: var(--heading);
font-size: 12px;
font-weight: 900;
text-align: center;
}
#fenek-homepage .experts {
display: flex;
flex-wrap: wrap;
gap: 56px;
align-items: center;
max-width: 1440px;
margin: 0 auto;
padding: 110px max(32px, calc((100vw - 1240px) / 2));
color: #d9e8ef;
background: var(--navy-deep);
}
#fenek-homepage .experts > * { min-width: 0; }
#fenek-homepage .experts-copy { flex: 1 1 430px; }
#fenek-homepage .experts-copy > p:not(.eyebrow) { max-width: 680px; margin: 26px 0 32px; font-size: 19px; }
#fenek-homepage .expert-stack {
display: grid;
flex: 1 1 550px;
grid-template-columns: repeat(2, minmax(240px, 1fr));
gap: 15px;
min-width: 0;
}
#fenek-homepage .expert-stack article {
display: grid;
grid-template-columns: 68px minmax(0, 1fr);
gap: 14px;
align-items: start;
min-width: 0;
overflow: hidden;
white-space: normal !important;
min-height: 118px;
padding: 15px;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.14);
border-radius: 18px;
}
#fenek-homepage .expert-stack article > div { min-width: 0; }
#fenek-homepage .expert-stack img { width: 68px; height: 68px; object-fit: cover; border-radius: 50%; background: white; }
#fenek-homepage .expert-stack strong { display: block; min-width: 0; color: white; font-family: var(--heading); font-size: 16px; line-height: 1.2; overflow-wrap: break-word; word-break: normal; white-space: normal !important; }
#fenek-homepage .expert-stack small { display: block; min-width: 0; margin-top: 5px; color: #b8cdd7; font-size: 13px; line-height: 1.3; overflow-wrap: break-word; word-break: normal; white-space: normal !important; }
#fenek-homepage .reviews { position: relative; }
#fenek-homepage .reviews::before {
content: "„";
position: absolute;
top: 68px;
right: max(25px, calc((100vw - 1200px) / 2));
color: rgba(255,216,87,.65);
font-family: Georgia, serif;
font-size: 190px;
line-height: 1;
pointer-events: none;
}
#fenek-homepage .review-grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 18px; }
#fenek-homepage .review-card {
display: flex;
min-height: 330px;
padding: 28px;
flex-direction: column;
background: var(--paper);
border: 1px solid var(--border);
border-radius: 22px;
}
#fenek-homepage .review-card-featured {
grid-row: span 2;
color: white;
background: var(--navy);
border-color: var(--navy);
}
#fenek-homepage .review-person { display: grid; grid-template-columns: 68px 1fr; gap: 15px; align-items: center; }
#fenek-homepage .review-person img {
width: 68px;
height: 68px;
object-fit: cover;
border: 4px solid white;
border-radius: 50%;
box-shadow: 0 8px 22px rgba(7,59,103,.13);
}
#fenek-homepage .review-person strong { display: block; color: var(--navy); font-family: var(--heading); font-size: 17px; line-height: 1.2; }
#fenek-homepage .review-person small { display: block; margin-top: 3px; color: var(--muted); font-size: 13px; line-height: 1.25; }
#fenek-homepage .review-card-featured .review-person strong { color: white; }
#fenek-homepage .review-card-featured .review-person small { color: #c8dae3; }
#fenek-homepage .review-card blockquote {
margin: 28px 0 24px;
color: #334d5e;
font-family: var(--heading);
font-size: 18px;
font-weight: 700;
line-height: 1.55;
}
#fenek-homepage .review-card blockquote p { margin: 0; }
#fenek-homepage .review-card blockquote p + p {
margin-top: 24px;
padding-top: 22px;
color: #d1e2ea;
border-top: 1px solid rgba(255,255,255,.16);
font-family: var(--body);
font-size: 18px;
font-weight: 500;
line-height: 1.55;
}
#fenek-homepage .review-card-featured blockquote { color: white; font-size: 24px; line-height: 1.5; }
#fenek-homepage .review-topic {
margin-top: auto;
padding-top: 17px;
color: var(--orange-dark);
border-top: 1px solid var(--border);
font-family: var(--heading);
font-size: 12px;
font-weight: 900;
letter-spacing: .04em;
text-transform: uppercase;
}
#fenek-homepage .review-card-featured .review-topic { color: var(--yellow); border-color: rgba(255,255,255,.17); }
#fenek-homepage .blog-highlights {
color: var(--navy);
background:
radial-gradient(circle at 94% 8%, rgba(255,216,87,.24), transparent 25%),
linear-gradient(180deg, #fffdf7, #f5faf9);
}
#fenek-homepage .blog-grid { display: grid; grid-template-columns: 1.2fr .9fr .9fr; gap: 20px; }
#fenek-homepage .blog-card {
display: flex;
min-width: 0;
overflow: hidden;
flex-direction: column;
background: white;
border: 1px solid var(--border);
border-radius: 24px;
box-shadow: 0 12px 38px rgba(7,59,103,.07);
}
#fenek-homepage .blog-image { position: relative; display: block; overflow: hidden; aspect-ratio: 1.35; background: #e8f2f5; }
#fenek-homepage .blog-card-featured .blog-image { aspect-ratio: 1.45; }
#fenek-homepage .blog-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .25s ease; }
#fenek-homepage .blog-image:hover img { transform: scale(1.035); }
#fenek-homepage .blog-image span {
position: absolute;
bottom: 15px;
left: 15px;
padding: 8px 11px;
color: var(--navy);
background: var(--yellow);
border-radius: 999px;
font-family: var(--heading);
font-size: 11px;
font-weight: 900;
letter-spacing: .04em;
text-transform: uppercase;
}
#fenek-homepage .blog-copy { display: flex; padding: 24px; flex: 1; flex-direction: column; }
#fenek-homepage .blog-copy time { color: var(--orange-dark); font-family: var(--heading); font-size: 12px; font-weight: 900; text-transform: uppercase; }
#fenek-homepage .blog-copy h3 { margin: 10px 0 12px; font-size: 24px; line-height: 1.15; }
#fenek-homepage .blog-card-featured .blog-copy h3 { font-size: 31px; }
#fenek-homepage .blog-copy h3 a { color: var(--navy); text-decoration: none; }
#fenek-homepage .blog-copy p { margin: 0 0 20px; color: var(--muted); font-size: 15px; line-height: 1.5; }
#fenek-homepage .blog-link { margin-top: auto; color: var(--navy); font-family: var(--heading); font-size: 14px; font-weight: 900; }
#fenek-homepage .blog-all { display: table; margin: 28px auto 0; color: var(--navy); font-family: var(--heading); font-size: 15px; font-weight: 900; }
#fenek-homepage .final-cta {
display: grid;
grid-template-columns: 1fr auto;
gap: 60px;
align-items: end;
}
#fenek-homepage .final-cta h2 { max-width: 850px; }
#fenek-homepage .final-cta > div:last-child { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
#fenek-homepage .concept-footer {
display: flex;
justify-content: space-between;
gap: 20px;
padding: 28px max(28px, calc((100vw - 1184px) / 2));
color: #bcd0da;
background: var(--navy);
font-size: 14px;
}
#fenek-homepage .concept-footer strong { color: white; font-family: var(--heading); }
#fenek-homepage :focus-visible { outline: 3px solid var(--navy-deep); outline-offset: 3px; box-shadow: 0 0 0 6px rgba(255,216,87,.65); }
@media (max-width: 1120px) {
#fenek-homepage .header-inner { grid-template-columns: auto 1fr auto; }
#fenek-homepage .header-inner nav { display: none; }
#fenek-homepage .hero-inner { grid-template-columns: 1fr .85fr; }
#fenek-homepage .hero-inner { grid-template-columns: minmax(0, 1fr) minmax(0, .85fr); }
#fenek-homepage .hero-copy { padding-left: 40px; }
#fenek-homepage .needs-grid { grid-template-columns: repeat(2, 1fr); }
#fenek-homepage .character-grid { grid-template-columns: repeat(2, 1fr); }
#fenek-homepage .experts { display: block; padding: 80px 42px; text-align: center; }
#fenek-homepage .experts .eyebrow { justify-content: center; }
#fenek-homepage .experts-copy { max-width: 760px; margin: 0 auto 42px; }
#fenek-homepage .experts-copy > p:not(.eyebrow) { margin-left: auto; margin-right: auto; }
#fenek-homepage .expert-stack { max-width: 760px; margin: auto; text-align: left; }
}
@media (max-width: 820px) {
#fenek-homepage { font-size: 17px; }
#fenek-homepage .delivery { padding: 8px 16px; }
#fenek-homepage .header-inner { grid-template-columns: auto 1fr auto; gap: 10px; min-height: 68px; padding: 10px 16px; }
#fenek-homepage .logo { font-size: 24px; }
#fenek-homepage .header-search { height: 44px; }
#fenek-homepage .header-search input { min-width: 0; padding: 0 10px; font-size: 14px; }
#fenek-homepage .header-search button { width: 44px; }
#fenek-homepage .cart { padding: 10px 12px; font-size: 12px; }
#fenek-homepage .hero-inner { grid-template-columns: 1fr; }
#fenek-homepage .hero-inner { grid-template-columns: minmax(0, 1fr); }
#fenek-homepage .hero-copy { padding: 64px 25px 35px; text-align: center; }
#fenek-homepage .eyebrow { justify-content: center; }
#fenek-homepage h1 { font-size: clamp(2.85rem, 13vw, 4.3rem); }
#fenek-homepage h1 { font-size: clamp(2.85rem, 13vw, 4.3rem); }
#fenek-homepage .hero-lead { font-size: 19px; }
#fenek-homepage .hero-actions { justify-content: center; }
#fenek-homepage .hero-proof { justify-content: center; }
#fenek-homepage .hero-visual { min-height: 600px; padding: 0 15px; }
#fenek-homepage .hero-visual img { width: min(680px, 115%); max-height: 610px; }
#fenek-homepage .sun { width: 430px; height: 430px; top: 15px; right: 50%; transform: translateX(50%); }
#fenek-homepage .speech-card-top { top: 125px; left: 5%; }
#fenek-homepage .speech-card-bottom { bottom: 55px; right: 5%; }
#fenek-homepage .trust-strip { grid-template-columns: 1fr; gap: 12px; text-align: center; }
#fenek-homepage .section { padding: 78px 22px; }
#fenek-homepage .section-heading { grid-template-columns: 1fr; gap: 18px; margin-bottom: 35px; text-align: center; }
#fenek-homepage .section-heading .eyebrow { justify-content: center; }
#fenek-homepage .section-heading > p { margin: auto; }
#fenek-homepage .needs-grid { grid-template-columns: 1fr; }
#fenek-homepage .story-method { grid-template-columns: 1fr; }
#fenek-homepage .story-image { min-height: 550px; }
#fenek-homepage .story-content { padding: 70px 28px; text-align: center; }
#fenek-homepage .steps { text-align: left; }
#fenek-homepage .product-grid { grid-template-columns: 1fr; }
#fenek-homepage .audience-grid { grid-template-columns: 1fr; }
#fenek-homepage .audience-grid article + article { border-top: 1px solid #eddcb7; border-left: 0; }
#fenek-homepage .release-controls { align-items: center; }
#fenek-homepage .characters .section-heading { text-align: center; }
#fenek-homepage .character-grid { grid-template-columns: 1fr 1fr; }
#fenek-homepage .character-story { grid-template-columns: 1fr; text-align: center; }
#fenek-homepage .character-book { max-width: 610px; margin: auto; text-align: left; }
#fenek-homepage .journey { padding-top: 20px; }
#fenek-homepage .journey-panel { grid-template-columns: 1fr; }
#fenek-homepage .journey-copy { padding: 56px 30px; text-align: center; }
#fenek-homepage .journey-copy .eyebrow { justify-content: center; }
#fenek-homepage .journey-copy > p:not(.eyebrow) { margin-left: auto; margin-right: auto; }
#fenek-homepage .journey-visual { min-height: 430px; }
#fenek-homepage .experts { padding: 80px 28px; text-align: center; }
#fenek-homepage .experts .eyebrow { justify-content: center; }
#fenek-homepage .experts-copy > p:not(.eyebrow) { margin-left: auto; margin-right: auto; }
#fenek-homepage .expert-stack { max-width: 570px; margin: auto; text-align: left; }
#fenek-homepage .review-grid { grid-template-columns: 1fr 1fr; }
#fenek-homepage .review-card-featured { grid-column: 1 / -1; grid-row: auto; }
#fenek-homepage .blog-grid { grid-template-columns: 1fr 1fr; }
#fenek-homepage .blog-card-featured { grid-column: 1 / -1; }
#fenek-homepage .final-cta { grid-template-columns: 1fr; gap: 30px; text-align: center; }
#fenek-homepage .final-cta .eyebrow { justify-content: center; }
#fenek-homepage .final-cta > div:last-child { align-items: center; }
}
@media (max-width: 560px) {
#fenek-homepage .header-inner { grid-template-columns: 1fr auto; }
#fenek-homepage .header-search { grid-column: 1 / -1; grid-row: 2; }
#fenek-homepage .cart { grid-column: 2; grid-row: 1; }
#fenek-homepage .hero-proof { flex-direction: column; gap: 13px; align-items: center; }
#fenek-homepage .hero-proof span { width: 100%; max-width: 280px; padding: 0; text-align: center; }
#fenek-homepage .hero-proof span + span { padding-top: 13px; border-top: 1px solid rgba(7,59,103,.14); border-left: 0; }
#fenek-homepage .hero-visual { min-height: 500px; }
#fenek-homepage .hero-visual img { width: 118%; max-height: 520px; }
#fenek-homepage .sun { width: 350px; height: 350px; }
#fenek-homepage .speech-card { font-size: 12px; }
#fenek-homepage .speech-card-top { top: 95px; }
#fenek-homepage .section-heading h2, #fenek-homepage .story-content h2, #fenek-homepage .experts h2, #fenek-homepage .final-cta h2 { font-size: 2.5rem; }
#fenek-homepage .product-grid { grid-template-columns: 1fr; }
#fenek-homepage .character-grid { grid-template-columns: 1fr; }
#fenek-homepage .character-card { grid-template-columns: 100px 1fr; }
#fenek-homepage .character-card img { width: 100px; }
#fenek-homepage .character-story { padding: 28px 20px; }
#fenek-homepage .character-book { grid-template-columns: 118px 1fr; gap: 15px; padding: 13px; }
#fenek-homepage .character-book h4 { font-size: 21px; }
#fenek-homepage .character-book-footer { align-items: flex-start; flex-direction: column; }
#fenek-homepage .blog-grid { grid-template-columns: 1fr; }
#fenek-homepage .blog-card-featured { grid-column: auto; }
#fenek-homepage .blog-card-featured .blog-copy h3 { font-size: 26px; }
#fenek-homepage .journey-copy { padding: 46px 22px; }
#fenek-homepage .journey-copy h2 { font-size: 2.6rem; }
#fenek-homepage .journey-stats { grid-template-columns: 1fr 1fr; }
#fenek-homepage .journey-visual { min-height: 340px; }
#fenek-homepage .expert-stack { grid-template-columns: 1fr; }
#fenek-homepage .review-grid { grid-template-columns: 1fr; }
#fenek-homepage .review-card-featured { grid-column: auto; }
#fenek-homepage .review-card { min-height: 0; }
#fenek-homepage .review-card-featured blockquote { font-size: 20px; }
#fenek-homepage .concept-footer { flex-direction: column; text-align: center; }
}
@media (prefers-reduced-motion: reduce) {
#fenek-homepage, #fenek-homepage *, #fenek-homepage *::before, #fenek-homepage *::after { scroll-behavior: auto !important; transition: none !important; }
#fenek-homepage .release-track { animation: none; }
} #fenek-homepage {
width: var(--fenek-viewport-width, 100vw);
max-width: var(--fenek-viewport-width, 100vw) !important;
margin-left: calc(50% - (var(--fenek-viewport-width, 100vw) / 2)) !important;
margin-right: calc(50% - (var(--fenek-viewport-width, 100vw) / 2)) !important;
overflow-x: hidden;
color: var(--ink);
background: var(--white);
font-family: var(--body);
font-size: 18px;
line-height: 1.55;
-webkit-font-smoothing: antialiased;
}
#fenek-homepage .fenek-homepage-content {
width: 100%;
max-width: none;
margin: 0;
}
#fenek-homepage .fenek-content-nav {
position: relative;
z-index: 4;
width: 100%;
background: #fff;
border-top: 1px solid var(--border);
border-bottom: 1px solid var(--border);
}
#fenek-homepage .fenek-menu-toggle {
display: none;
}
#fenek-homepage .fenek-content-nav-inner {
display: flex;
gap: 18px;
align-items: center;
justify-content: center;
min-height: 58px;
max-width: 1320px;
margin: 0 auto;
padding: 8px 24px;
}
.fenek-global-menu {
display: none;
}
.fenek-content-nav .fenek-nav-group {
position: relative;
}
.fenek-content-nav .fenek-nav-group summary,
.fenek-content-nav a {
color: var(--navy);
font-family: var(--heading);
font-size: 15px;
font-weight: 900;
text-decoration: none;
white-space: nowrap;
}
.fenek-content-nav .fenek-nav-group summary {
display: flex;
gap: 7px;
align-items: center;
padding: 8px 10px;
border-radius: 10px;
cursor: pointer;
list-style: none;
}
.fenek-content-nav .fenek-nav-group summary::-webkit-details-marker {
display: none;
}
.fenek-content-nav .fenek-nav-group summary::after {
content: "";
width: 7px;
height: 7px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg) translateY(-2px);
transition: transform .2s ease;
}
.fenek-content-nav .fenek-nav-group[open] summary::after {
transform: rotate(225deg) translate(-1px, -1px);
}
.fenek-content-nav .fenek-submenu {
display: none;
}
#fenek-homepage .fenek-content-nav a:hover,
#fenek-homepage .fenek-content-nav a:focus-visible,
#fenek-homepage .fenek-nav-group summary:hover,
#fenek-homepage .fenek-nav-group summary:focus-visible {
color: var(--orange-dark);
}
.fenek-header-has-menu [data-id="c54902b"] {
display: none !important;
}
.fenek-header-has-menu [data-id="2a9864a"] {
overflow: visible !important;
}
.fenek-header-has-menu.fenek-search-is-icon [data-id="c0b84ba"] {
flex: 0 0 44px !important;
width: 44px !important;
min-width: 44px !important;
max-width: 44px !important;
margin: 0 !important;
align-self: center !important;
}
.fenek-header-has-menu.fenek-search-is-icon [data-id="c0b84ba"] .dgwt-wcas-search-wrapp {
width: 42px !important;
min-width: 42px !important;
max-width: 42px !important;
height: 42px !important;
}
.fenek-header-has-menu.fenek-search-is-icon [data-id="c0b84ba"] .dgwt-wcas-search-icon,
.fenek-header-has-menu.fenek-search-is-icon [data-id="c0b84ba"] .dgwt-wcas-ico-magnifier-handler {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 42px !important;
height: 42px !important;
color: #073b67 !important;
background: #fff !important;
border: 1px solid #d6e2e8 !important;
border-radius: 10px !important;
transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}
.fenek-header-has-menu.fenek-search-is-icon [data-id="c0b84ba"] .dgwt-wcas-search-icon:hover,
.fenek-header-has-menu.fenek-search-is-icon [data-id="c0b84ba"] .dgwt-wcas-search-icon:focus-visible,
.fenek-header-has-menu.fenek-search-is-icon [data-id="c0b84ba"] .dgwt-wcas-ico-magnifier-handler:hover,
.fenek-header-has-menu.fenek-search-is-icon [data-id="c0b84ba"] .dgwt-wcas-ico-magnifier-handler:focus-visible {
color: #073b67 !important;
background: #eef6fa !important;
border-color: #b8d0dc !important;
}
.fenek-header-has-menu.fenek-search-is-icon [data-id="c0b84ba"] .dgwt-wcas-search-icon:focus-visible,
.fenek-header-has-menu.fenek-search-is-icon [data-id="c0b84ba"] .dgwt-wcas-ico-magnifier-handler:focus-visible {
outline: 3px solid rgba(243, 106, 33, .28) !important;
outline-offset: 2px !important;
}
.fenek-content-nav.is-in-header {
display: block !important;
position: relative !important;
z-index: 50 !important;
flex: 0 0 auto !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
overflow: visible !important;
}
.fenek-content-nav.is-in-header .fenek-menu-toggle {
display: inline-flex;
gap: 9px;
align-items: center;
justify-content: center;
min-width: 48px;
min-height: 46px;
padding: 0 14px;
color: #073b67;
background: #fff;
border: 1px solid #d6e3e9;
border-radius: 14px;
font-family: "Nunito", sans-serif;
font-size: 14px;
font-weight: 900;
line-height: 1;
cursor: pointer;
}
.fenek-content-nav.is-in-header .fenek-menu-icon,
.fenek-content-nav.is-in-header .fenek-menu-icon::before,
.fenek-content-nav.is-in-header .fenek-menu-icon::after {
display: block;
width: 19px;
height: 2px;
background: currentColor;
border-radius: 2px;
transition: transform .2s ease, opacity .2s ease;
}
.fenek-content-nav.is-in-header .fenek-menu-icon {
position: relative;
}
.fenek-content-nav.is-in-header .fenek-menu-icon::before,
.fenek-content-nav.is-in-header .fenek-menu-icon::after {
content: "";
position: absolute;
left: 0;
}
.fenek-content-nav.is-in-header .fenek-menu-icon::before { top: -6px; }
.fenek-content-nav.is-in-header .fenek-menu-icon::after { top: 6px; }
.fenek-content-nav.is-in-header.is-open .fenek-menu-icon {
background: transparent;
}
.fenek-content-nav.is-in-header.is-open .fenek-menu-icon::before {
top: 0;
transform: rotate(45deg);
}
.fenek-content-nav.is-in-header.is-open .fenek-menu-icon::after {
top: 0;
transform: rotate(-45deg);
}
.fenek-content-nav.is-in-header .fenek-content-nav-inner {
position: absolute;
top: calc(100% + 18px);
right: 0;
display: none;
gap: 4px;
align-items: stretch;
min-width: 270px;
min-height: 0;
margin: 0;
padding: 12px;
flex-direction: column;
background: #fff;
border: 1px solid #d6e3e9;
border-radius: 18px;
box-shadow: 0 20px 45px rgba(7, 59, 103, .18);
max-height: min(72vh, 680px);
overflow-y: auto;
}
.fenek-content-nav.is-in-header.is-open .fenek-content-nav-inner {
display: flex;
}
.fenek-content-nav.is-in-header .fenek-nav-group {
width: 100%;
}
.fenek-content-nav.is-in-header .fenek-nav-group summary {
display: flex;
justify-content: space-between;
padding: 11px 14px;
color: #073b67;
border-radius: 10px;
font-family: "Nunito", sans-serif;
font-size: 14px;
font-weight: 900;
}
.fenek-content-nav.is-in-header .fenek-nav-group summary:hover,
.fenek-content-nav.is-in-header .fenek-nav-group summary:focus-visible {
color: #d94b0b;
background: #fff4df;
}
.fenek-content-nav.is-in-header .fenek-nav-group[open] > .fenek-submenu {
display: grid;
}
.fenek-content-nav.is-in-header .fenek-submenu {
position: static;
width: auto;
margin: 4px 0 9px;
padding: 10px;
grid-template-columns: 1fr;
gap: 10px;
background: #f5f9fb;
border: 1px solid #e2ebef;
border-radius: 12px;
box-shadow: none;
}
.fenek-content-nav.is-in-header .fenek-submenu-column {
display: grid;
gap: 2px;
}
.fenek-content-nav.is-in-header .fenek-submenu-title {
padding: 8px 10px 4px;
color: #d94b0b;
font-family: "Nunito", sans-serif;
font-size: 11px;
font-weight: 900;
letter-spacing: .07em;
text-transform: uppercase;
}
.fenek-content-nav.is-in-header .fenek-content-nav-inner .fenek-submenu a {
display: block;
padding: 8px 10px;
color: #073b67;
border-radius: 10px;
font-family: "Source Sans 3", sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1.25;
text-align: left;
white-space: normal;
}
.fenek-content-nav.is-in-header .fenek-content-nav-inner .fenek-submenu a:hover,
.fenek-content-nav.is-in-header .fenek-content-nav-inner .fenek-submenu a:focus-visible {
color: #d94b0b;
background: #fff4df;
}
@media (min-width: 1280px) {
.fenek-header-has-menu [data-id="c0b84ba"] {
flex: 1 1 300px !important;
width: auto !important;
min-width: 270px !important;
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-menu-toggle {
display: none;
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-content-nav-inner {
position: static;
display: flex;
gap: 5px;
min-width: 0;
max-height: none;
padding: 0;
flex-direction: row;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
overflow: visible;
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-nav-group {
width: auto;
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-nav-group summary {
padding: 9px 8px;
font-size: 13px;
text-align: center;
white-space: nowrap;
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-nav-group summary:hover,
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-nav-group summary:focus-visible {
background: transparent;
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-submenu {
position: absolute;
top: calc(100% + 14px);
left: 50%;
width: 330px;
margin: 0;
padding: 18px;
grid-template-columns: 1fr;
gap: 15px;
background: #fff;
border: 1px solid #d6e3e9;
border-radius: 18px;
box-shadow: 0 20px 45px rgba(7, 59, 103, .18);
transform: translateX(-50%);
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-submenu-mega {
width: min(760px, calc(100vw - 40px));
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 22px;
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-nav-group:last-child .fenek-submenu {
right: 0;
left: auto;
transform: none;
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-submenu-title {
padding: 0 10px 6px;
}
.fenek-content-nav.is-in-header.fenek-menu-can-expand .fenek-content-nav-inner .fenek-submenu a {
padding: 7px 10px;
font-size: 13px;
text-align: left;
}
}
@media (max-width: 560px) {
.fenek-content-nav.is-in-header .fenek-menu-label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.fenek-content-nav.is-in-header .fenek-menu-toggle {
min-width: 44px;
min-height: 44px;
padding: 0 12px;
}
.fenek-content-nav.is-in-header .fenek-content-nav-inner {
position: fixed;
top: 76px;
right: 14px;
left: 14px;
width: auto;
min-width: 0;
}
}
#fenek-homepage .releases,
#fenek-homepage .release-marquee {
overflow-x: clip !important;
}
#fenek-homepage .release-marquee {
contain: paint;
}
#fenek-homepage .experts {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 56px !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: 1440px !important;
overflow: hidden !important;
}
#fenek-homepage .experts-copy {
flex: 1 1 430px !important;
width: auto !important;
min-width: 0 !important;
}
#fenek-homepage .expert-stack {
display: grid !important;
flex: 1 1 550px !important;
grid-template-columns: repeat(2, minmax(240px, 1fr)) !important;
width: auto !important;
min-width: 0 !important;
}
#fenek-homepage .expert-stack article {
display: grid !important;
grid-template-columns: 68px minmax(0, 1fr) !important;
width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
white-space: normal !important;
}
#fenek-homepage .expert-stack article > div,
#fenek-homepage .expert-stack strong,
#fenek-homepage .expert-stack small {
min-width: 0 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
}
@media (max-width: 1120px) {
#fenek-homepage .experts {
display: block !important;
padding: 80px 42px !important;
text-align: center !important;
}
#fenek-homepage .experts-copy {
max-width: 760px !important;
margin: 0 auto 42px !important;
}
#fenek-homepage .expert-stack {
max-width: 760px !important;
margin: 0 auto !important;
text-align: left !important;
}
}
@media (max-width: 820px) {
#fenek-homepage .fenek-content-nav { display: none; }
#fenek-homepage .experts { padding: 72px 28px !important; }
}
@media (max-width: 620px) {
#fenek-homepage .expert-stack {
grid-template-columns: 1fr !important;
}
}.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}.mailerlite-form {
}
.mailerlite-form .mailerlite-form-description {
margin-bottom: 10px;
}
.mailerlite-form .mailerlite-form-field {
margin-bottom: 10px;
}
.mailerlite-form .mailerlite-form-field label {
display: block;
}
.mailerlite-form .mailerlite-subscribe-button-container {
text-align: center;
}
.mailerlite-form input.error {
color: #ff0000;
border-color: #ff0000;
}
.mailerlite-form label.error {
color: #ff0000;
}
.mailerlite-form-response {
margin-top: 20px;
display: none;
text-align: center;
color: #00a154;
}
.mailerlite-form-loader {
display: none;
text-align: center;
font-weight: bold;
margin: 0 20px;
}
.mailerlite-form-error {
display: block;
color: #ff0000;
}
.mailerlite-subscribe-submit{
max-width: 100%;
}.paynow-data-processing-info {
margin-top: 1em;
font-size: .8em;
}
.paynow-data-processing-info .expand {
cursor: pointer;
text-decoration: underline;
}
.paynow-data-processing-info ul {
padding: 0 !important;
margin: 0 0 0 15px !important;
list-style-type: lower-alpha !important;
}
.paynow-data-processing-info .paynow-data-processing-info-more.collapse {
display: none;
}
#payment .payment_methods .paynow-data-processing-info li {
list-style: lower-alpha !important;
line-height: 1.5em !important;
}
#payment ul.payment_methods .paynow-data-processing-info li::before,
#payment ul.payment_methods .paynow-data-processing-info li::after {
display: none !important;
}
.payment_method_pay_by_paynow_pl_pbl > label > img,
.payment_method_pay_by_paynow_pl_card > label > img,
.payment_method_pay_by_paynow_pl_blik > label > img,
.payment_method_pay_by_paynow_pl_paywall > label > img,
.payment_method_pay_by_paynow_pl_paypo > label > img {
max-height: 2rem;
max-width: 3rem;
vertical-align: middle;
}
.payment_method_pay_by_paynow_pl_digital_wallets > label > img {
max-height: 2rem !important;
max-width: 10rem;
vertical-align: middle;
}
.wc-block-checkout__payment-method .wc-block-components-radio-control-accordion-option label[for="radio-control-wc-payment-method-options-pay_by_paynow_pl_paypo"] .wc-block-components-radio-control__label img {
max-height: 18px;
}
.payment_method_pay_by_paynow_pl_blik input[type=text],
.paynow-blik-white-label #paynow_blik_code {
letter-spacing: 5px;
font-weight: bold;
max-width: 100%;
min-width: 110px;
}
.paynow-blik-white-label label {
margin-top: 5px;
}
.paynow-confirm-blik img {
margin: 0 auto;
}
.paynow-payment-option-pbls {
flex-wrap: wrap;
display: flex;
margin: 0 -1%;
}
.paynow-payment-option-pbl {
margin: 1%;
width: 23%;
display: flex;
flex-direction: column;
}
.paynow-payment-option-pbl label {
padding: 5px;
border: 1px solid #e6e6e6;
max-width: 100%;
height: calc(100vh / 20);
min-height: 3rem;
text-align: center;
cursor: pointer;
vertical-align: middle;
display: flex !important;
justify-content: center;
align-items: center;
background: #ffffff;
transition: all 250ms;
margin: 0 !important;
}
.paynow-payment-option-pbl label img {
max-width: 90%;
max-height: calc(100vh / 30) !important;
vertical-align: middle;
margin: 0 !important;
}
.paynow-payment-option-pbl:not(.disabled) label:hover {
border: 1px solid #d2d2d2;
background: #f3f3f3;
}
.paynow-payment-option-pbl input[type=radio] {
display: none !important;
}
.paynow-payment-option-pbl.disabled label img {
opacity: 0.3;
filter: grayscale(1);
}
.paynow-payment-option-pbl.disabled label {
cursor: not-allowed;
}
.paynow-payment-option-pbl input[type=radio]:checked + label {
border: 2px solid #16A035;
background: #f3f3f3;
}
.payment_method_pay_by_paynow_pl_pbl > p {
margin-top: .5rem !important;
}
.payment_method_pay_by_paynow_pl_pbl label > img {
margin-top: 0.25rem;
}
@media (max-width: 576px) {
.paynow-payment-option-pbl {
width: 31%;
}
}
.paynow-payment-card-option {
margin-bottom: 10px;
position: relative;
width: 100%;
}
.paynow-payment-card-option.loading {
opacity: 0.4;
}
.paynow-payment-card-option:last-child {
margin-bottom: 20px;
}
.paynow-payment-card-option input {
display: none;
}
.paynow-payment-card-option label {
border: 1px solid #D2D2D2;
border-radius: 3px;
display: flex !important;
align-items: stretch;
height: 60px;
width: 100%;
margin: 0 !important;
background-color: transparent;
}
.paynow-payment-card-option input[type=radio]:checked + label {
background: #f3f3f3;
}
.paynow-payment-card-option input[type=radio]:not(:disabled) + label {
cursor: pointer;
}
.paynow-payment-card-details {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.paynow-payment-card-details p {
margin: 0;
text-align: left;
}
.paynow-payment-card-details-card-name {
font-size: 12px;
line-height: 20px;
color: #000000;
}
.paynow-payment-card-details-card-name.paynow-expired {
color: #8E8E8E;
}
.paynow-payment-card-details-expiration {
font-size: 10px;
line-height: 20px;
color: #8E8E8E;
}
.paynow-payment-card-details-expiration.paynow-expired {
color: #E52E07;
}
.paynow-payment-card-image {
display: flex;
justify-content: center;
align-items: center;
width: 96px;
}
.paynow-payment-card-image img {
max-width: 40px !important;
max-height: 24px;
}
.paynow-payment-card-menu {
position: absolute;
top: 25px;
right: 13px;
z-index: 1;
}
.paynow-payment-card-option .paynow-payment-card-remove {
position: absolute;
height: auto;
width: auto;
border: none;
white-space: nowrap;
right: 0;
bottom: -25px;
box-shadow: 0 4px 4px 0 #00000040;
padding: 5px 25px;
background-color: white;
z-index: 2;
font-size: 12px;
line-height: 20px;
cursor: pointer;
}
.paynow-payment-card-option .paynow-payment-card-remove.--hidden {
display: none !important;
}
.paynow-payment-card-option .paynow-payment-card-remove:hover {
background-color: #f1f1f1;
}
.paynow-payment-card-option .paynow-payment-card-menu-button {
height: auto;
border: none;
cursor: pointer;
background-color: transparent;
font-size: 12px;
line-height: 20px;
text-decoration: underline;
}
.paynow-payment-card-error {
font-size: 10px;
color: #E52E07;
}:root{--woocommerce:#720eec;--wc-green:#7ad03a;--wc-red:#a00;--wc-orange:#ffba00;--wc-blue:#2ea2cc;--wc-primary:#720eec;--wc-primary-text:#fcfbfe;--wc-secondary:#e9e6ed;--wc-secondary-text:#515151;--wc-highlight:#958e09;--wc-highligh-text:white;--wc-content-bg:#fff;--wc-subtext:#767676;--wc-form-border-color:rgba(32, 7, 7, 0.8);--wc-form-border-radius:4px;--wc-form-border-width:1px}.woocommerce .woocommerce-error .button,.woocommerce .woocommerce-info .button,.woocommerce .woocommerce-message .button,.woocommerce-page .woocommerce-error .button,.woocommerce-page .woocommerce-info .button,.woocommerce-page .woocommerce-message .button{float:right}.woocommerce .col2-set,.woocommerce-page .col2-set{width:100%}.woocommerce .col2-set::after,.woocommerce .col2-set::before,.woocommerce-page .col2-set::after,.woocommerce-page .col2-set::before{content:" ";display:table}.woocommerce .col2-set::after,.woocommerce-page .col2-set::after{clear:both}.woocommerce .col2-set .col-1,.woocommerce-page .col2-set .col-1{float:left;width:48%}.woocommerce .col2-set .col-2,.woocommerce-page .col2-set .col-2{float:right;width:48%}.woocommerce img,.woocommerce-page img{height:auto;max-width:100%}.woocommerce #content div.product div.images,.woocommerce div.product div.images,.woocommerce-page #content div.product div.images,.woocommerce-page div.product div.images{float:left;width:48%}.woocommerce #content div.product div.thumbnails::after,.woocommerce #content div.product div.thumbnails::before,.woocommerce div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::before,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::before,.woocommerce-page div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::before{content:" ";display:table}.woocommerce #content div.product div.thumbnails::after,.woocommerce div.product div.thumbnails::after,.woocommerce-page #content div.product div.thumbnails::after,.woocommerce-page div.product div.thumbnails::after{clear:both}.woocommerce #content div.product div.thumbnails a,.woocommerce div.product div.thumbnails a,.woocommerce-page #content div.product div.thumbnails a,.woocommerce-page div.product div.thumbnails a{float:left;width:30.75%;margin-right:3.8%;margin-bottom:1em}.woocommerce #content div.product div.thumbnails a.last,.woocommerce div.product div.thumbnails a.last,.woocommerce-page #content div.product div.thumbnails a.last,.woocommerce-page div.product div.thumbnails a.last{margin-right:0}.woocommerce #content div.product div.thumbnails a.first,.woocommerce div.product div.thumbnails a.first,.woocommerce-page #content div.product div.thumbnails a.first,.woocommerce-page div.product div.thumbnails a.first{clear:both}.woocommerce #content div.product div.thumbnails.columns-1 a,.woocommerce div.product div.thumbnails.columns-1 a,.woocommerce-page #content div.product div.thumbnails.columns-1 a,.woocommerce-page div.product div.thumbnails.columns-1 a{width:100%;margin-right:0;float:none}.woocommerce #content div.product div.thumbnails.columns-2 a,.woocommerce div.product div.thumbnails.columns-2 a,.woocommerce-page #content div.product div.thumbnails.columns-2 a,.woocommerce-page div.product div.thumbnails.columns-2 a{width:48%}.woocommerce #content div.product div.thumbnails.columns-4 a,.woocommerce div.product div.thumbnails.columns-4 a,.woocommerce-page #content div.product div.thumbnails.columns-4 a,.woocommerce-page div.product div.thumbnails.columns-4 a{width:22.05%}.woocommerce #content div.product div.thumbnails.columns-5 a,.woocommerce div.product div.thumbnails.columns-5 a,.woocommerce-page #content div.product div.thumbnails.columns-5 a,.woocommerce-page div.product div.thumbnails.columns-5 a{width:16.9%}.woocommerce #content div.product div.summary,.woocommerce div.product div.summary,.woocommerce-page #content div.product div.summary,.woocommerce-page div.product div.summary{float:right;width:48%;clear:none}.woocommerce #content div.product .woocommerce-tabs,.woocommerce div.product .woocommerce-tabs,.woocommerce-page #content div.product .woocommerce-tabs,.woocommerce-page div.product .woocommerce-tabs{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::before{content:" ";display:table}.woocommerce #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after,.woocommerce-page div.product .woocommerce-tabs ul.tabs::after{clear:both}.woocommerce #content div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,.woocommerce-page div.product .woocommerce-tabs ul.tabs li{display:inline-block}.woocommerce #content div.product #reviews .comment::after,.woocommerce #content div.product #reviews .comment::before,.woocommerce div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::before,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::before,.woocommerce-page div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::before{content:" ";display:table}.woocommerce #content div.product #reviews .comment::after,.woocommerce div.product #reviews .comment::after,.woocommerce-page #content div.product #reviews .comment::after,.woocommerce-page div.product #reviews .comment::after{clear:both}.woocommerce #content div.product #reviews .comment img,.woocommerce div.product #reviews .comment img,.woocommerce-page #content div.product #reviews .comment img,.woocommerce-page div.product #reviews .comment img{float:right;height:auto}.woocommerce ul.products,.woocommerce-page ul.products{clear:both}.woocommerce ul.products::after,.woocommerce ul.products::before,.woocommerce-page ul.products::after,.woocommerce-page ul.products::before{content:" ";display:table}.woocommerce ul.products::after,.woocommerce-page ul.products::after{clear:both}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}.woocommerce ul.products li.first,.woocommerce-page ul.products li.first{clear:both}.woocommerce ul.products li.last,.woocommerce-page ul.products li.last{margin-right:0}.woocommerce ul.products.columns-1 li.product,.woocommerce-page ul.products.columns-1 li.product{width:100%;margin-right:0}.woocommerce ul.products.columns-2 li.product,.woocommerce-page ul.products.columns-2 li.product{width:48%}.woocommerce ul.products.columns-3 li.product,.woocommerce-page ul.products.columns-3 li.product{width:30.75%}.woocommerce ul.products.columns-5 li.product,.woocommerce-page ul.products.columns-5 li.product{width:16.95%}.woocommerce ul.products.columns-6 li.product,.woocommerce-page ul.products.columns-6 li.product{width:13.5%}.woocommerce-page.columns-1 ul.products li.product,.woocommerce.columns-1 ul.products li.product{width:100%;margin-right:0}.woocommerce-page.columns-2 ul.products li.product,.woocommerce.columns-2 ul.products li.product{width:48%}.woocommerce-page.columns-3 ul.products li.product,.woocommerce.columns-3 ul.products li.product{width:30.75%}.woocommerce-page.columns-5 ul.products li.product,.woocommerce.columns-5 ul.products li.product{width:16.95%}.woocommerce-page.columns-6 ul.products li.product,.woocommerce.columns-6 ul.products li.product{width:13.5%}.woocommerce .woocommerce-result-count,.woocommerce-page .woocommerce-result-count{float:left}.woocommerce .woocommerce-ordering,.woocommerce-page .woocommerce-ordering{float:right}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce .woocommerce-pagination ul.page-numbers::before,.woocommerce-page .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::before{content:" ";display:table}.woocommerce .woocommerce-pagination ul.page-numbers::after,.woocommerce-page .woocommerce-pagination ul.page-numbers::after{clear:both}.woocommerce .woocommerce-pagination ul.page-numbers li,.woocommerce-page .woocommerce-pagination ul.page-numbers li{display:inline-block}.woocommerce #content table.cart img,.woocommerce table.cart img,.woocommerce-page #content table.cart img,.woocommerce-page table.cart img{height:auto}.woocommerce #content table.cart td.actions,.woocommerce table.cart td.actions,.woocommerce-page #content table.cart td.actions,.woocommerce-page table.cart td.actions{text-align:right}.woocommerce #content table.cart td.actions .input-text,.woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text{width:80px}.woocommerce #content table.cart td.actions .coupon,.woocommerce table.cart td.actions .coupon,.woocommerce-page #content table.cart td.actions .coupon,.woocommerce-page table.cart td.actions .coupon{float:left}.woocommerce .cart-collaterals,.woocommerce-page .cart-collaterals{width:100%}.woocommerce .cart-collaterals::after,.woocommerce .cart-collaterals::before,.woocommerce-page .cart-collaterals::after,.woocommerce-page .cart-collaterals::before{content:" ";display:table}.woocommerce .cart-collaterals::after,.woocommerce-page .cart-collaterals::after{clear:both}.woocommerce .cart-collaterals .related,.woocommerce-page .cart-collaterals .related{width:30.75%;float:left}.woocommerce .cart-collaterals .cross-sells,.woocommerce-page .cart-collaterals .cross-sells{width:48%;float:left}.woocommerce .cart-collaterals .cross-sells ul.products,.woocommerce-page .cart-collaterals .cross-sells ul.products{float:none}.woocommerce .cart-collaterals .cross-sells ul.products li,.woocommerce-page .cart-collaterals .cross-sells ul.products li{width:48%}.woocommerce .cart-collaterals .shipping_calculator,.woocommerce-page .cart-collaterals .shipping_calculator{width:48%;clear:right;float:right}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce .cart-collaterals .shipping_calculator::before,.woocommerce-page .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::before{content:" ";display:table}.woocommerce .cart-collaterals .shipping_calculator::after,.woocommerce-page .cart-collaterals .shipping_calculator::after{clear:both}.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1,.woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2{width:47%}.woocommerce .cart-collaterals .cart_totals,.woocommerce-page .cart-collaterals .cart_totals{float:right;width:48%}.woocommerce ul.cart_list li::after,.woocommerce ul.cart_list li::before,.woocommerce ul.product_list_widget li::after,.woocommerce ul.product_list_widget li::before,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.cart_list li::before,.woocommerce-page ul.product_list_widget li::after,.woocommerce-page ul.product_list_widget li::before{content:" ";display:table}.woocommerce ul.cart_list li::after,.woocommerce ul.product_list_widget li::after,.woocommerce-page ul.cart_list li::after,.woocommerce-page ul.product_list_widget li::after{clear:both}.woocommerce ul.cart_list li img,.woocommerce ul.product_list_widget li img,.woocommerce-page ul.cart_list li img,.woocommerce-page ul.product_list_widget li img{float:right;height:auto}.woocommerce form .form-row::after,.woocommerce form .form-row::before,.woocommerce-page form .form-row::after,.woocommerce-page form .form-row::before{content:" ";display:table}.woocommerce form .form-row::after,.woocommerce-page form .form-row::after{clear:both}.woocommerce form .form-row label,.woocommerce-page form .form-row label{display:block}.woocommerce form .form-row label.checkbox,.woocommerce-page form .form-row label.checkbox{display:inline}.woocommerce form .form-row select,.woocommerce-page form .form-row select{width:100%}.woocommerce form .form-row .input-text,.woocommerce-page form .form-row .input-text{box-sizing:border-box;width:100%}.woocommerce form .form-row-first,.woocommerce form .form-row-last,.woocommerce-page form .form-row-first,.woocommerce-page form .form-row-last{width:47%;overflow:visible}.woocommerce form .form-row-first,.woocommerce-page form .form-row-first{float:left}.woocommerce form .form-row-last,.woocommerce-page form .form-row-last{float:right}.woocommerce form .form-row-wide,.woocommerce-page form .form-row-wide{clear:both}.woocommerce form .password-input,.woocommerce-page form .password-input{display:flex;flex-direction:column;justify-content:center;position:relative}.woocommerce form .password-input input[type=password],.woocommerce-page form .password-input input[type=password]{padding-right:2.5rem}.woocommerce form .password-input input::-ms-reveal,.woocommerce-page form .password-input input::-ms-reveal{display:none}.woocommerce form .show-password-input,.woocommerce-page form .show-password-input{background-color:transparent;border-radius:0;border:0;color:var(--wc-form-color-text,#000);cursor:pointer;font-size:inherit;line-height:inherit;margin:0;padding:0;position:absolute;right:.7em;text-decoration:none;top:50%;transform:translateY(-50%);-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-webkit-font-smoothing:inherit}.woocommerce form .show-password-input::before,.woocommerce-page form .show-password-input::before{background-repeat:no-repeat;background-size:cover;background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');content:"";display:block;height:22px;width:22px}.woocommerce form .show-password-input.display-password::before,.woocommerce-page form .show-password-input.display-password::before{background-image:url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.3 9.49999C15 4.89999 8.50002 3.79999 3.90002 7.19999C2.70002 8.09999 1.70002 9.29999 0.900024 10.6C1.10002 11 1.40002 11.4 1.70002 11.8C5.00002 16.4 11.3 17.4 15.9 14.2C16.8 13.5 17.6 12.8 18.3 11.8C18.6 11.4 18.8 11 19.1 10.6C18.8 10.2 18.6 9.79999 18.3 9.49999ZM10.1 7.19999C10.6 6.69999 11.4 6.69999 11.9 7.19999C12.4 7.69999 12.4 8.49999 11.9 8.99999C11.4 9.49999 10.6 9.49999 10.1 8.99999C9.60003 8.49999 9.60003 7.69999 10.1 7.19999ZM10 14.9C6.90002 14.9 4.00002 13.3 2.30002 10.7C3.50002 8.99999 5.10002 7.79999 7.00002 7.19999C6.30002 7.99999 6.00002 8.89999 6.00002 9.89999C6.00002 12.1 7.70002 14 10 14C12.2 14 14.1 12.3 14.1 9.99999V9.89999C14.1 8.89999 13.7 7.89999 13 7.19999C14.9 7.79999 16.5 8.99999 17.7 10.7C16 13.3 13.1 14.9 10 14.9Z" fill="%23111111"/></svg>')}.woocommerce #payment .form-row select,.woocommerce-page #payment .form-row select{width:auto}.woocommerce #payment .terms,.woocommerce #payment .wc-terms-and-conditions,.woocommerce-page #payment .terms,.woocommerce-page #payment .wc-terms-and-conditions{text-align:left;padding:0 1em 0 0;float:left}.woocommerce #payment #place_order,.woocommerce-page #payment #place_order{float:right}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-billing-fields::before,.woocommerce .woocommerce-shipping-fields::after,.woocommerce .woocommerce-shipping-fields::before,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-billing-fields::before,.woocommerce-page .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-shipping-fields::before{content:" ";display:table}.woocommerce .woocommerce-billing-fields::after,.woocommerce .woocommerce-shipping-fields::after,.woocommerce-page .woocommerce-billing-fields::after,.woocommerce-page .woocommerce-shipping-fields::after{clear:both}.woocommerce .woocommerce-terms-and-conditions,.woocommerce-page .woocommerce-terms-and-conditions{margin-bottom:1.618em;padding:1.618em}.woocommerce .woocommerce-oembed,.woocommerce-page .woocommerce-oembed{position:relative}.woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:30%}.woocommerce-account .woocommerce-MyAccount-content{float:right;width:68%}.woocommerce-account .woocommerce-MyAccount-content mark{background-color:transparent;color:inherit;font-weight:700}.woocommerce-page.left-sidebar #content.twentyeleven{width:58.4%;margin:0 7.6%;float:right}.woocommerce-page.right-sidebar #content.twentyeleven{margin:0 7.6%;width:58.4%;float:left}.twentyfourteen .tfwc{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfwc .product .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfwc div.product.hentry.has-post-thumbnail{margin-top:0}@media screen and (min-width:673px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfwc{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfwc{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfwc{margin-right:54px}.full-width .twentyfourteen .tfwc{margin-right:auto}}.twentyfifteen .t15wc{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15wc .page-title{margin-left:0}@media screen and (min-width:38.75em){.twentyfifteen .t15wc{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15wc{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.twentysixteen .site-main{margin-right:7.6923%;margin-left:7.6923%}.twentysixteen .entry-summary{margin-right:0;margin-left:0}#content .twentysixteen div.product div.images,#content .twentysixteen div.product div.summary{width:46.42857%}@media screen and (min-width:44.375em){.twentysixteen .site-main{margin-right:23.0769%}}@media screen and (min-width:56.875em){.twentysixteen .site-main{margin-right:0;margin-left:0}.no-sidebar .twentysixteen .site-main{margin-right:15%;margin-left:15%}.no-sidebar .twentysixteen .entry-summary{margin-right:0;margin-left:0}}.rtl .woocommerce .col2-set .col-1,.rtl .woocommerce-page .col2-set .col-1{float:right}.rtl .woocommerce .col2-set .col-2,.rtl .woocommerce-page .col2-set .col-2{float:left}