.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-bc3e6ff:#34513D;--e-global-color-91c7e47:#050509;--e-global-color-f473ec8:#828284;--e-global-color-9101213:#5F936F;--e-global-color-aee5415:#ECEFF2;--e-global-color-33d4fff:#000000;--e-global-color-4f0b50e:#8C8C8C;--e-global-color-363a432:#5F936F00;--e-global-typography-primary-font-family:"Arial";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Arial";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Arial";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Arial";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================================================
Pickit — Site CSS for HTML article pages
שייכו לכל עמוד ב-:
רוחב הקריאה הצר חל *רק* על .blog-post.
כל שאר הסקשנים/וידג'טים נשארים ברוחב מלא.
========================================================= */
/* hebrew */
/* latin-ext */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('https://pickit.co.il/wp-content/uploads/easyfonts/fonts/assistant/assistant-normal-latin-ext.woff2?ver=1785183070') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('https://pickit.co.il/wp-content/uploads/easyfonts/fonts/assistant/assistant-normal-latin.woff2?ver=1785183070') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
/* latin-ext */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('https://pickit.co.il/wp-content/uploads/easyfonts/fonts/assistant/assistant-normal-latin-ext.woff2?ver=1785183070') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('https://pickit.co.il/wp-content/uploads/easyfonts/fonts/assistant/assistant-normal-latin.woff2?ver=1785183070') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
/* latin-ext */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('https://pickit.co.il/wp-content/uploads/easyfonts/fonts/assistant/assistant-normal-latin-ext.woff2?ver=1785183070') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('https://pickit.co.il/wp-content/uploads/easyfonts/fonts/assistant/assistant-normal-latin.woff2?ver=1785183070') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
/* latin-ext */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('https://pickit.co.il/wp-content/uploads/easyfonts/fonts/assistant/assistant-normal-latin-ext.woff2?ver=1785183070') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('https://pickit.co.il/wp-content/uploads/easyfonts/fonts/assistant/assistant-normal-latin.woff2?ver=1785183070') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
/* latin-ext */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url('https://pickit.co.il/wp-content/uploads/easyfonts/fonts/assistant/assistant-normal-latin-ext.woff2?ver=1785183070') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Assistant';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url('https://pickit.co.il/wp-content/uploads/easyfonts/fonts/assistant/assistant-normal-latin.woff2?ver=1785183070') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
/* math */
/* symbols */
/* latin-ext */
@font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('https://pickit.co.il/wp-content/uploads/easyfonts/fonts/heebo/heebo-normal-latin-ext.woff2?ver=1785183070') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('https://pickit.co.il/wp-content/uploads/easyfonts/fonts/heebo/heebo-normal-latin.woff2?ver=1785183070') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
/* math */
/* symbols */
/* latin-ext */
@font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('https://pickit.co.il/wp-content/uploads/easyfonts/fonts/heebo/heebo-normal-latin-ext.woff2?ver=1785183070') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('https://pickit.co.il/wp-content/uploads/easyfonts/fonts/heebo/heebo-normal-latin.woff2?ver=1785183070') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
/* math */
/* symbols */
/* latin-ext */
@font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('https://pickit.co.il/wp-content/uploads/easyfonts/fonts/heebo/heebo-normal-latin-ext.woff2?ver=1785183070') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('https://pickit.co.il/wp-content/uploads/easyfonts/fonts/heebo/heebo-normal-latin.woff2?ver=1785183070') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
/* math */
/* symbols */
/* latin-ext */
@font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url('https://pickit.co.il/wp-content/uploads/easyfonts/fonts/heebo/heebo-normal-latin-ext.woff2?ver=1785183070') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Heebo';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url('https://pickit.co.il/wp-content/uploads/easyfonts/fonts/heebo/heebo-normal-latin.woff2?ver=1785183070') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ---------- Design tokens ---------- */
:root{
--pk-green:#5f936f;
--pk-green-dark:#4f7f5d;
--pk-green-soft:#eef4f0;
--pk-ink:#22282b; /* כותרות */
--pk-body:#33403a; /* טקסט גוף */
--pk-muted:#6b7280; /* מטא/משני */
--pk-line:#e7ece8; /* קווים/גבולות */
--pk-bg:#ffffff;
--pk-soft:#f6f8f6; /* רקע רך */
--pk-radius:16px;
--pk-radius-lg:24px;
--pk-maxw:860px; /* רוחב קריאה — משפיע רק על .blog-post */
--pk-gutter:20px; /* ריפוד צדדי לעמודת הקריאה */
--pk-shadow:0 2px 8px rgba(34,40,43,.05);
--pk-shadow-lg:0 16px 40px rgba(34,40,43,.10);
--pk-font-body:'Assistant','Segoe UI',Arial,sans-serif;
--pk-font-head:'Heebo','Assistant','Segoe UI',Arial,sans-serif;
}
/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{
margin:0;
background:var(--pk-bg);
color:var(--pk-body);
font-family:var(--pk-font-body);
font-size:18px;
line-height:1.85;
font-weight:400;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block;}
a{color:var(--pk-green-dark);text-decoration:underline;text-underline-offset:3px;transition:color .2s ease;}
a:hover{color:var(--pk-green);}
::selection{background:var(--pk-green);color:#fff;}
/* ---------- Layout ----------
#content נשאר רוחב מלא — בלי מגבלת רוחב ובלי ריפוד גלובלי,
כדי שוידג'טים וסקשנים אחרים יתפרסו על כל הרוחב. */
#content{padding:0;}
/* ---------- עמודת הקריאה הצרה — רק כאן ----------
.blog-post הוא העוטף היחיד שמגביל רוחב וממרכז.
כל האלמנטים בפנים יורשים ממנו את הרוחב הצר. */
.blog-post{
max-width:var(--pk-maxw);
margin:0 auto;
padding:0 var(--pk-gutter);
}
.article-container{
/* יושב בתוך .blog-post — לא מגביל רוחב בעצמו, רק ריווח אנכי */
max-width:none;
margin:0;
padding:8px 0 72px;
}
/* ---------- Breadcrumb ----------
מיושר לעמודת הקריאה דרך .blog-post — בלי max-width/מרג'ין משלו. */
.article-breadcrumb{
margin:24px 0 0;
padding:0;
font-family:var(--pk-font-body);
font-size:14px;
color:var(--pk-muted);
display:flex;flex-wrap:wrap;align-items:center;gap:8px;
}
.article-breadcrumb a{color:var(--pk-muted);text-decoration:none;font-weight:600;}
.article-breadcrumb a:hover{color:var(--pk-green);}
.article-breadcrumb span[aria-hidden]{color:#c3ccc6;}
.article-breadcrumb [aria-current="page"]{color:var(--pk-ink);font-weight:700;}
/* ---------- Rank Math breadcrumb ([rank_math_breadcrumb]) ---------- */
.rank-math-breadcrumb{
font-family:var(--pk-font-body);
font-size:13px; /* קטן יותר */
line-height:1.6;
color:var(--pk-muted);
text-align:right; /* מוצמד לצד ימין (RTL) */
}
.rank-math-breadcrumb p{margin:0;}
.rank-math-breadcrumb a{
color:var(--pk-muted);
text-decoration:none;
font-weight:600;
}
.rank-math-breadcrumb a:hover{color:var(--pk-green);}
.rank-math-breadcrumb .separator{margin:0 6px;color:#c3ccc6;}
.rank-math-breadcrumb .last,
.rank-math-breadcrumb [aria-current="page"]{color:var(--pk-ink);font-weight:700;}
/* חלופה ל-CSS בלבד לשינוי "Home" → "בית" (רק אם לא משנים בהגדרות Rank Math).
מומלץ יותר: Rank Math → Breadcrumbs → Homepage Label = בית
.rank-math-breadcrumb a[href="https://pickit.co.il/"]{font-size:0;}
.rank-math-breadcrumb a[href="https://pickit.co.il/"]::after{content:"בית";font-size:13px;}
*/
/* ---------- Article meta ---------- */
.article-meta{
display:flex;flex-wrap:wrap;align-items:center;gap:10px;
font-family:var(--pk-font-body);
font-size:14px;font-weight:600;color:var(--pk-green-dark);
margin:26px 0 14px;
}
.article-meta span[aria-hidden]{color:#c3ccc6;}
.article-meta time{color:var(--pk-green-dark);}
/* ---------- Byline (E-E-A-T) ---------- */
.article-byline{
display:flex;align-items:center;gap:12px;margin:0 0 26px;
padding-bottom:22px;border-bottom:1px solid var(--pk-line);
}
.article-byline img{
width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none;
border:2px solid var(--pk-green-soft);
}
.article-byline .pk-by-name{
font-family:var(--pk-font-head);font-weight:700;color:var(--pk-ink);
font-size:15px;line-height:1.3;
}
.article-byline .pk-by-name a{color:var(--pk-ink);text-decoration:none;}
.article-byline .pk-by-name a:hover{color:var(--pk-green);}
.article-byline .pk-by-role{font-size:13.5px;color:var(--pk-muted);}
/* ---------- Author box ---------- */
.article-author-box{
display:flex;gap:18px;align-items:flex-start;margin:44px 0 0;
background:var(--pk-soft);border:1px solid var(--pk-line);
border-radius:var(--pk-radius-lg);padding:24px 26px;
}
.article-author-box img{
width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;
border:2px solid var(--pk-green-soft);
}
.article-author-box .pk-ab-name{
font-family:var(--pk-font-head);font-weight:800;font-size:17px;
color:var(--pk-ink);margin:0 0 2px;
}
.article-author-box .pk-ab-role{font-size:13.5px;color:var(--pk-green-dark);font-weight:600;margin:0 0 8px;}
.article-author-box .pk-ab-bio{margin:0;font-size:15px;line-height:1.7;color:var(--pk-body);}
/* ---------- Headings ---------- */
h1,h2,h3,h4{font-family:var(--pk-font-head);color:var(--pk-ink);letter-spacing:-.4px;line-height:1.25;}
h1{
font-size:38px;font-weight:800;line-height:1.2;
margin:6px 0 22px;
}
h2{
font-size:27px;font-weight:800;
margin:52px 0 16px;padding-top:6px;
}
h3{font-size:21px;font-weight:700;margin:32px 0 12px;}
h4{font-size:18px;font-weight:700;margin:24px 0 10px;}
p{margin:0 0 20px;}
strong{color:var(--pk-ink);font-weight:700;}
/* ---------- Lists ---------- */
.article-container ul,
.article-container ol{margin:0 0 22px;padding-inline-start:0;list-style:none;}
.article-container ul li,
.article-container ol li{position:relative;padding-inline-start:30px;margin-bottom:12px;}
.article-container ul li::before{
content:"";position:absolute;inset-inline-start:4px;top:.72em;
width:8px;height:8px;border-radius:50%;background:var(--pk-green);
}
.article-container ol{counter-reset:pk;}
.article-container ol li{counter-increment:pk;}
.article-container ol li::before{
content:counter(pk);position:absolute;inset-inline-start:0;top:.15em;
width:24px;height:24px;border-radius:50%;
background:var(--pk-green-soft);color:var(--pk-green-dark);
font-family:var(--pk-font-head);font-size:13px;font-weight:700;
display:flex;align-items:center;justify-content:center;
}
/* ---------- Quick answer (AEO) ---------- */
.quick-answer-card{
background:var(--pk-green-soft);
border:1px solid #d9e6de;
border-inline-start:5px solid var(--pk-green);
border-radius:var(--pk-radius);
padding:24px 26px;margin:28px 0;
}
.quick-answer-label{
display:inline-block;
font-family:var(--pk-font-head);font-size:12.5px;font-weight:700;
letter-spacing:.5px;color:var(--pk-green-dark);
text-transform:uppercase;margin-bottom:10px;
}
.quick-answer-lead{margin:0;font-size:18px;line-height:1.8;color:var(--pk-ink);}
/* ---------- TL;DR ---------- */
.article-tldr{
background:var(--pk-soft);border:1px solid var(--pk-line);
border-radius:var(--pk-radius);padding:22px 26px;margin:28px 0;
}
.article-tldr-title{
font-family:var(--pk-font-head);font-size:16px;font-weight:800;
color:var(--pk-ink);margin-bottom:12px;
}
.article-tldr ul{margin:0;}
.article-tldr li{margin-bottom:9px;font-size:16.5px;}
/* ---------- Figures / images ---------- */
figure{margin:32px 0;}
figure img{border-radius:var(--pk-radius-lg);box-shadow:var(--pk-shadow);width:100%;}
figcaption{
margin-top:12px;font-size:14px;color:var(--pk-muted);
text-align:center;line-height:1.6;
}
.article-hero{margin:8px 0 36px;}
.article-hero img{aspect-ratio:16/9;object-fit:cover;}
/* ---------- Table ---------- */
.article-container table{
width:100%;border-collapse:collapse;margin:26px 0;font-size:16px;
border:1px solid var(--pk-line);border-radius:var(--pk-radius);
overflow:hidden;box-shadow:var(--pk-shadow);
}
.article-container caption{
caption-side:top;text-align:start;
font-size:14px;color:var(--pk-muted);margin-bottom:10px;
}
.article-container thead th{
background:var(--pk-green);color:#fff;
font-family:var(--pk-font-head);font-weight:700;font-size:15px;
padding:14px 16px;text-align:start;
}
.article-container tbody th,
.article-container tbody td{
padding:14px 16px;border-top:1px solid var(--pk-line);
text-align:start;vertical-align:top;line-height:1.6;
}
.article-container tbody th{
background:var(--pk-soft);font-weight:700;color:var(--pk-ink);
font-family:var(--pk-font-head);width:22%;
}
.article-container tbody tr:hover td,
.article-container tbody tr:hover th{background:#f0f5f2;}
/* ---------- Inline CTA ---------- */
.article-cta-inline{
display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
gap:16px;background:var(--pk-soft);border:1px dashed #cdd9d0;
border-radius:var(--pk-radius);padding:22px 24px;margin:30px 0;
}
.article-cta-inline p{margin:0;font-weight:600;color:var(--pk-ink);}
.article-cta-inline-link{
flex:none;white-space:nowrap;
background:var(--pk-green);color:#fff !important;text-decoration:none;
font-family:var(--pk-font-head);font-weight:700;font-size:15px;
padding:12px 22px;border-radius:999px;transition:background .2s ease;
}
.article-cta-inline-link:hover{background:var(--pk-green-dark);color:#fff !important;}
/* ---------- Pull quote ---------- */
.article-quote{
margin:36px 0;padding:26px 30px;
background:linear-gradient(135deg,#38553f,#5f936f);
border-radius:var(--pk-radius-lg);color:#fff;position:relative;
}
.article-quote p{
margin:0 0 10px;font-family:var(--pk-font-head);
font-size:21px;line-height:1.55;font-weight:600;color:#fff;
}
.article-quote cite{
font-style:normal;font-size:14px;font-weight:600;
color:rgba(255,255,255,.85);
}
/* ---------- FAQ ---------- */
.faq-container{display:flex;flex-direction:column;gap:14px;margin:24px 0;}
.faq-item{
background:var(--pk-bg);border:1px solid var(--pk-line);
border-radius:var(--pk-radius);padding:20px 24px;box-shadow:var(--pk-shadow);
}
.faq-question{
margin:0 0 10px;font-size:18px;font-weight:700;color:var(--pk-ink);
position:relative;padding-inline-start:30px;
}
.faq-question::before{
content:"?";position:absolute;inset-inline-start:0;top:-1px;
width:22px;height:22px;border-radius:50%;
background:var(--pk-green-soft);color:var(--pk-green-dark);
font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;
}
.faq-answer{margin:0;color:var(--pk-body);line-height:1.8;}
/* ---------- Big CTA box ---------- */
.cta-box{
margin:44px 0;padding:40px 32px;text-align:center;
background:
radial-gradient(900px 300px at 80% -20%,rgba(255,255,255,.10),transparent 60%),
linear-gradient(135deg,#38553f 0%,var(--pk-green) 60%,#6fa47f 100%);
border-radius:var(--pk-radius-lg);color:#fff;
}
.cta-box h2{margin:0 0 12px;color:#fff;font-size:26px;}
.cta-box p{margin:0 auto 22px;max-width:520px;color:rgba(255,255,255,.92);}
.cta-button{
display:inline-block;background:#fff;color:var(--pk-green-dark) !important;
text-decoration:none;font-family:var(--pk-font-head);font-weight:700;font-size:16px;
padding:15px 34px;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease;
}
.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.18);color:var(--pk-green-dark) !important;}
/* ---------- Back link ---------- */
.article-back{
display:inline-flex;align-items:center;gap:8px;margin:36px 0 8px;
font-family:var(--pk-font-head);font-weight:700;color:var(--pk-green-dark);
text-decoration:none;
}
.article-back:hover{color:var(--pk-green);}
/* ---------- Related ---------- */
.article-related{
margin:40px 0 0;padding-top:28px;border-top:1px solid var(--pk-line);
}
.article-related-label{
font-family:var(--pk-font-head);font-size:16px;font-weight:800;
color:var(--pk-ink);margin-bottom:14px;
}
.article-related ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;}
.article-related li{padding:0;margin:0;}
.article-related li::before{display:none;}
.article-related a{
display:block;background:var(--pk-soft);border:1px solid var(--pk-line);
border-radius:var(--pk-radius);padding:14px 18px;
color:var(--pk-ink);text-decoration:none;font-weight:600;
transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.article-related a:hover{
background:#fff;border-color:var(--pk-green);
color:var(--pk-green-dark);transform:translateX(-3px);
}
@media (max-width: 767px) {
.elementor-widget-html.knowledge-base {
--container-widget-width: 100% !important;
--container-widget-flex-grow: 1 !important;
width: 100% !important;
min-width: 100% !important;
max-width: none !important;
align-self: stretch !important;
flex-grow: 1 !important;
}
.elementor-widget-html.knowledge-base > .elementor-widget-container,
.elementor-widget-html.knowledge-base .pk-blog,
.elementor-widget-html.knowledge-base .pk-hero {
width: 100% !important;
max-width: none !important;
}
}
@media (max-width: 767px) {
.elementor-widget-html.knowledge-base {
--container-widget-width: 100% !important;
--container-widget-flex-grow: 1 !important;
width: 100% !important;
min-width: 100% !important;
max-width: none !important;
align-self: stretch !important;
flex-grow: 1 !important;
}
.elementor-widget-html.knowledge-base > .elementor-widget-container,
.elementor-widget-html.knowledge-base .pk-blog,
.elementor-widget-html.knowledge-base .pk-hero {
width: 100% !important;
max-width: none !important;
}
}
@media (max-width: 767px) {
.elementor-5626 .elementor-element.elementor-element-6197f7f {
padding: 0 !important;
}
}
/* Checkout inherits the website font */
body.woocommerce-checkout form.jedling-checkout,
body.woocommerce-checkout form.jedling-checkout *,
body.woocommerce-checkout form.jedling-checkout *::before,
body.woocommerce-checkout form.jedling-checkout *::after,
body.woocommerce-checkout .select2-container,
body.woocommerce-checkout .select2-container * {
font-family: inherit !important;
}/* End custom CSS */