@media (min-width: 1025px) {
[class*="wd-section-stretch"], [data-vc-full-width] {
--wd-row-spacing: 8px !important;
}
}  .bbq-qs-clean{
position:relative;
border:1px solid #ddd;
border-radius:8px;
padding:14px 16px; margin:16px 0 14px; background:transparent;
width:100%;
clear:both; box-sizing:border-box; }
.bbq-qs-clean__tag{
position:absolute;
top:-10px; left:16px;
z-index:2;
background:#d3a04a;
color:#111;
font-weight:700;
font-size:.7rem;
text-transform:uppercase;
letter-spacing:.03em;
border-radius:4px;
padding:2px 8px;
white-space:nowrap; pointer-events:none; }
.bbq-qs-clean p{ margin:0; color:#555; line-height:1.55 }
.bbq-qs-clean strong{ color:#222; font-weight:700 } .bbq-wood-facts {
background:#f9f9f9;
border:1px solid #e3e3e3;
border-radius:10px;
padding:18px 20px;
margin-top:22px;
}
.bbq-wood-facts__inner {
display:grid;
gap:14px;
}
@media (min-width:700px){
.bbq-wood-facts__inner { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
.bbq-wood-facts__item h4 {
margin:0 0 6px;
font-size:.9rem;
font-weight:700;
color:#111;
text-transform:none;
}
.bbq-wood-facts__item p {
margin:0;
color:#444;
line-height:1.55;
} .bbq-wood-facts{
position: relative;
padding: 24px 20px 20px; } .bbq-wood-facts__tag{
position:absolute;
top:-10px;
left:20px;
background:#d3a04a;
color:#111;
font-weight:700;
font-size:.7rem;
text-transform:uppercase;
letter-spacing:.03em;
border-radius:4px;
padding:2px 8px;
white-space:nowrap;
pointer-events:none;
z-index:2;
}
.bbq-wood-facts__tag a { color:#111; text-decoration:none; }
.bbq-wood-facts__tag a:hover { text-decoration:underline; }  .born26.born26-hero,
.born26.born26-hero h1,
.born26.born26-hero h2,
.born26.born26-hero h3,
.born26.born26-hero p,
.born26.born26-about,
.born26.born26-about h1,
.born26.born26-about h2,
.born26.born26-about h3,
.born26.born26-about p,
.born26.born26-contact,
.born26.born26-contact h1,
.born26.born26-contact h2,
.born26.born26-contact h3,
.born26.born26-contact p,
.born26 .born26-newsletter,
.born26 .born26-newsletter h1,
.born26 .born26-newsletter h2,
.born26 .born26-newsletter h3,
.born26 .born26-newsletter p,
.born26 .born26-card-copy,
.born26 .born26-card-copy h2,
.born26 .born26-card-copy h3,
.born26 .born26-card-copy p {
color: #ffffff !important;
} .born26.born26-hero .born26-kicker,
.born26.born26-about .born26-kicker,
.born26 .born26-card-label {
color: #d0b575 !important;
} .born26.born26-contact a:not(.born26-button) {
color: #ffffff !important;
}
.born26.born26-about .born26-inline-link,
.born26.born26-hero .born26-inline-link,
.born26 .born26-newsletter-link {
color: #d0b575 !important;
}
.born26 {
--born-dark: #170f10;
--born-gold: #bea163;
--born-light: #f6f3ed;
--born-white: #ffffff;
--born-text: #1d1918;
color: var(--born-text);
margin-bottom: 0 !important;
}
.born26,
.born26 * {
box-sizing: border-box;
}
.born26 .wpb_content_element {
margin-bottom: 0;
}
.born26 h1,
.born26 h2,
.born26 h3 {
color: inherit;
font-family: inherit;
font-weight: 700;
letter-spacing: -0.025em;
text-wrap: balance;
}
.born26 h1 {
margin: 0 0 25px;
font-size: clamp(38px, 4vw, 62px);
line-height: 1.06;
}
.born26 h2 {
margin: 0 0 18px;
font-size: clamp(30px, 3vw, 44px);
line-height: 1.12;
}
.born26 h3 {
margin: 0 0 12px;
font-size: 21px;
line-height: 1.25;
}
.born26 p {
margin: 0 0 18px;
font-size: 16px;
line-height: 1.7;
}
.born26 .born26-lead {
max-width: 680px;
font-size: 18px;
line-height: 1.7;
}
.born26 .born26-kicker {
margin-bottom: 16px;
color: #8a6b27;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.1em;
}
.born26-section {
padding-top: 72px;
padding-bottom: 72px;
}
.born26-section-heading {
max-width: 900px;
margin: 0 auto 34px !important;
text-align: center;
} .born26-actions {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 14px;
margin: 28px 0 20px;
}
.born26-button {
display: inline-flex;
min-height: 49px;
align-items: center;
justify-content: center;
padding: 13px 23px;
border: 1px solid;
border-radius: 0;
font-size: 14px;
font-weight: 700;
line-height: 1.35;
text-align: center;
text-decoration: none !important;
transition: background-color 160ms ease, color 160ms ease;
}
.born26-button-gold {
border-color: var(--born-gold);
background: var(--born-gold);
color: var(--born-dark) !important;
}
.born26-button-gold:hover {
border-color: #d0b575;
background: #d0b575;
}
.born26-button-outline {
border-color: rgba(255, 255, 255, 0.7);
background: transparent;
color: #fff !important;
}
.born26-button-outline:hover {
border-color: #fff;
background: #fff;
color: var(--born-dark) !important;
}
.born26-inline-link,
.born26-newsletter-link {
color: var(--born-gold) !important;
font-size: 14px;
font-weight: 700;
text-decoration: underline !important;
text-underline-offset: 5px;
} .born26-hero {
background: var(--born-dark);
color: #fff;
}
.born26-hero-copy > .vc_column-inner {
padding: 76px 55px !important;
}
.born26-hero .born26-kicker {
color: #d0b575;
}
.born26-image-column > .vc_column-inner {
height: 100%;
padding: 0 !important;
}
.born26-cover-image,
.born26-cover-image .vc_figure,
.born26-cover-image .vc_single_image-wrapper {
display: block;
width: 100%;
height: 100%;
}
.born26-cover-image img {
display: block;
width: 100%;
height: 100%;
min-height: 560px;
object-fit: cover;
border-radius: 0;
} .born26-manifesto {
padding-top: 38px;
padding-bottom: 35px;
background: var(--born-light);
}
.born26-manifesto h2 {
font-size: clamp(25px, 2.3vw, 34px);
}
.born26-manifesto p {
margin-bottom: 0;
font-size: 14px;
}
.born26-proof {
border-left: 1px solid rgba(23, 15, 16, 0.14);
}
.born26-proof-number {
display: block;
margin-bottom: 9px;
color: var(--born-gold);
font-size: 22px;
font-weight: 700;
}
.born26-proof h3 {
margin-bottom: 7px;
font-size: 15px;
}
.born26-proof p {
font-size: 12px;
line-height: 1.55;
} .born26-smokers {
background: #fff;
}
.born26-smoker-card {
position: relative;
overflow: hidden;
}
.born26-smoker-card > .vc_column-inner {
position: relative;
padding: 0 8px !important;
}
.born26-card-image {
overflow: hidden;
margin: 0 !important;
background: #d8d5d1;
}
.born26-card-image .vc_figure,
.born26-card-image .vc_single_image-wrapper {
display: block;
width: 100%;
}
.born26-card-image img {
display: block;
width: 100%;
height: 390px;
object-fit: cover;
border-radius: 0;
transition: transform 300ms ease;
}
.born26-smoker-card:hover .born26-card-image img {
transform: scale(1.025);
}
.born26-card-copy {
position: absolute;
right: 8px;
bottom: 0;
left: 8px;
padding: 55px 28px 25px;
color: #fff;
background: linear-gradient(
to bottom,
rgba(23, 15, 16, 0),
rgba(23, 15, 16, 0.92)
);
}
.born26-card-copy p {
margin-bottom: 5px;
}
.born26-card-copy h3 {
margin-bottom: 8px;
font-size: 22px;
}
.born26-card-copy a {
color: #fff !important;
font-size: 13px;
font-weight: 700;
}
.born26-card-label {
color: #e3c36f;
font-size: 12px !important;
font-weight: 700;
letter-spacing: 0.07em;
}
.born26-centered-action {
margin-top: 30px !important;
text-align: center;
} .born26-serving {
padding-top: 52px;
padding-bottom: 52px;
background: var(--born-light);
}
.born26-serving-image > .vc_column-inner {
padding-right: 24px !important;
}
.born26-serving-image .born26-cover-image img {
min-height: 570px;
}
.born26-serving-copy > .vc_column-inner {
padding: 25px 35px !important;
}
.born26-newsletter {
margin-top: 28px;
padding: 30px;
background: var(--born-dark);
color: #fff;
}
.born26-newsletter h3 {
font-size: 24px;
}
.born26-newsletter p {
font-size: 15px;
}
.born26-newsletter .born26-actions {
margin: 22px 0 15px;
}
.born26-small {
margin: 0 !important;
color: rgba(255, 255, 255, 0.76);
font-size: 12px !important;
} .born26-shop {
background: #fff;
}
.born26-category-grid {
display: flex;
flex-wrap: nowrap;
}
.born26-category-card > .vc_column-inner {
padding: 0 8px !important;
}
.born26-category-card {
min-width: 0;
}
.born26-category-image {
overflow: hidden;
margin-bottom: 0 !important;
background: #e5e1db;
}
.born26-category-image .vc_figure,
.born26-category-image .vc_single_image-wrapper {
display: block;
width: 100%;
}
.born26-category-image img {
display: block;
width: 100%;
aspect-ratio: 1.25 / 1;
object-fit: cover;
border-radius: 0;
transition: transform 220ms ease;
}
.born26-category-card:hover img {
transform: scale(1.025);
}
.born26-category-card .vc_column-inner > .wpb_text_column {
border: 1px solid #e4dfd7;
border-top: 0;
}
.born26-category-card .wpb_text_column a {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 13px;
color: var(--born-text) !important;
font-size: 14px;
font-weight: 700;
text-decoration: none;
} .born26-experience {
padding-top: 42px;
background: var(--born-light);
}
.born26-gallery-card > .vc_column-inner {
padding: 0 8px !important;
}
.born26-gallery-image {
overflow: hidden;
margin-bottom: 13px !important;
background: #ddd7cf;
}
.born26-gallery-image .vc_figure,
.born26-gallery-image .vc_single_image-wrapper {
display: block;
width: 100%;
}
.born26-gallery-image img {
display: block;
width: 100%;
aspect-ratio: 1.65 / 1;
object-fit: cover;
border-radius: 0;
}
.born26-gallery-card p {
font-size: 14px;
} .born26-about {
background: var(--born-dark);
color: #fff;
}
.born26-about-copy > .vc_column-inner {
padding: 65px 55px !important;
}
.born26-about .born26-kicker {
color: #d0b575;
}
.born26-about-image .born26-cover-image img {
min-height: 480px;
} .born26-current {
padding-top: 32px;
padding-bottom: 32px;
background: var(--born-light);
}
.born26-current h3 {
font-size: 23px;
}
.born26-current-box {
padding: 27px 30px;
background: #ebe4d8;
}
.born26-current-box p {
margin: 0;
color: #5f5854;
font-size: 14px;
} .born26-contact {
padding-top: 31px;
padding-bottom: 28px;
background: var(--born-dark);
color: #fff;
}
.born26-contact h3 {
margin-bottom: 6px;
font-size: 17px;
}
.born26-contact p {
margin: 0;
font-size: 14px;
}
.born26-contact a:not(.born26-button) {
color: #fff;
}
.born26-contact-button {
text-align: right;
} #smokers,
#bbq-serveringar,
#tidigare-serveringar {
scroll-margin-top: 110px;
} @media (max-width: 991px) {
.born26-hero-copy > .vc_column-inner,
.born26-about-copy > .vc_column-inner {
padding: 50px 30px !important;
}
.born26-cover-image img {
min-height: 440px;
}
.born26-category-grid {
flex-wrap: wrap;
}
.born26-category-card {
width: 50% !important;
margin-bottom: 16px;
}
.born26-proof {
width: 33.333% !important;
margin-top: 25px;
}
}
@media (max-width: 767px) {
.born26-section {
padding-top: 43px;
padding-bottom: 43px;
}
.born26 h1 {
font-size: 38px;
}
.born26 h2 {
font-size: 29px;
}
.born26 .born26-lead {
font-size: 17px;
}
.born26-hero-copy > .vc_column-inner,
.born26-about-copy > .vc_column-inner {
padding: 42px 20px !important;
}
.born26-cover-image img,
.born26-serving-image .born26-cover-image img,
.born26-about-image .born26-cover-image img {
min-height: 0;
height: 340px;
}
.born26-manifesto {
padding: 35px 5px;
}
.born26-proof {
width: 100% !important;
padding-top: 18px;
border-top: 1px solid rgba(23, 15, 16, 0.14);
border-left: 0;
}
.born26-smoker-card {
margin-bottom: 16px;
}
.born26-card-image img {
height: 315px;
}
.born26-card-copy h3 {
font-size: 19px;
}
.born26-serving {
padding-top: 0;
}
.born26-serving-image > .vc_column-inner {
padding-right: 0 !important;
}
.born26-serving-copy > .vc_column-inner {
padding: 40px 20px !important;
}
.born26-newsletter {
padding: 23px 20px;
}
.born26-actions {
align-items: stretch;
flex-direction: column;
}
.born26-button {
width: 100%;
}
.born26-category-card {
width: 100% !important;
}
.born26-category-card > .vc_column-inner,
.born26-gallery-card > .vc_column-inner,
.born26-smoker-card > .vc_column-inner {
padding-right: 0 !important;
padding-left: 0 !important;
}
.born26-gallery-card {
margin-bottom: 26px;
}
.born26-gallery-image img {
aspect-ratio: 1.35 / 1;
}
.born26-current-box {
margin-top: 15px !important;
}
.born26-contact .vc_column_container {
margin-bottom: 23px;
}
.born26-contact-button {
text-align: left;
}
}
@media (prefers-reduced-motion: reduce) {
.born26-button,
.born26-card-image img,
.born26-category-image img {
transition: none;
}
} .born26 .born26-hero-photo img {
object-position: 68% center;
}
.born26 .born26-serving-photo img {
object-position: center 50%;
}
.born26 .born26-about-photo img {
object-position: 62% center;
} .born26-social {
padding-top: 52px;
padding-bottom: 52px;
text-align: center;
}
.born26-social .vc_column-inner {
max-width: 760px;
margin: 0 auto;
}
.born26-social h2 {
margin-bottom: 14px;
}
.born26-social p:not(.born26-kicker) {
max-width: 680px;
margin: 0 auto 24px;
color: #f3efeb;
}
.born26-social .social-icons {
justify-content: center;
}
.born26-social .social-icons a {
margin: 5px;
}
@media (max-width: 767px) {
.born26-social {
padding: 38px 20px;
}
} .born-footer-main {
padding: 52px 0 42px;
background: #fff;
color: #170f10;
}
.born-footer-main .wpb_content_element {
margin-bottom: 0;
}
.born-footer-main h3 {
margin: 0 0 18px;
color: #170f10;
font-size: 17px;
font-weight: 700;
line-height: 1.3;
}
.born-footer-main p {
max-width: 270px;
margin: 0 0 16px;
color: #6f6865;
font-size: 14px;
line-height: 1.65;
}
.born-footer-main ul {
margin: 0;
padding: 0;
list-style: none;
}
.born-footer-main li {
margin: 0 0 10px;
line-height: 1.45;
}
.born-footer-main a {
color: #6f6865;
font-size: 14px;
text-decoration: none;
transition: color .15s ease;
}
.born-footer-main a:hover {
color: #8a6a26;
text-decoration: underline;
text-underline-offset: 4px;
}
.born-footer-main .social-icons {
justify-content: flex-start;
margin-top: 18px;
}
@media (min-width: 768px) and (max-width: 1024px) {
.born-footer-main > .wpb_column {
width: 50%;
margin-bottom: 36px;
}
}
@media (max-width: 767px) {
.born-footer-main {
padding: 38px 8px 18px;
}
.born-footer-main > .wpb_column {
margin-bottom: 30px;
}
.born-footer-main h3 {
margin-bottom: 13px;
}
}
.born-footer-main .born-footer-subheading {
margin-top: 30px;
} .born-footer-main .wd-social-icons,
.born-footer-main .social-icons {
display: flex !important;
justify-content: flex-start !important;
text-align: left !important;
margin: 18px 0 0 !important;
}
.born-footer-main .wd-social-icons a:first-child,
.born-footer-main .social-icons a:first-child {
margin-left: 0 !important;
} .born-pellet-products-row {
box-sizing: border-box;
width: calc(100% - 40px);
max-width: 1120px;
margin-left: auto !important;
margin-right: auto !important;
}
.born-pellet-products-row .wd-product {
padding: 18px;
border: 1px solid #e9e1d7;
background: #fff;
}
@media (max-width: 767px) {
.born-pellet-products-row {
width: calc(100% - 32px);
}
}
.born-pellet { --bp-dark:#170f10; --bp-gold:#bea163; --bp-cream:#f6f3ed; --bp-text:#211a19; color:var(--bp-text); }
.born-pellet, .born-pellet * { box-sizing:border-box; }
.born-pellet .born-pellet-wrap { max-width:1240px; padding-left:24px; padding-right:24px; margin-left:auto; margin-right:auto; }
.born-pellet h1,.born-pellet h2,.born-pellet h3 { font-family:inherit; font-weight:700; letter-spacing:-.025em; }
.born-pellet h1 { font-size:clamp(36px,3.8vw,58px); line-height:1.08; margin:0 0 23px; }
.born-pellet h2 { font-size:clamp(28px,3vw,42px); line-height:1.15; margin:0 0 18px; }
.born-pellet h3 { font-size:21px; line-height:1.3; margin:0 0 13px; }
.born-pellet p { font-size:16px; line-height:1.65; margin:0 0 18px; }
.born-pellet .born-pellet-kicker { color:#977735; font-size:12px; font-weight:700; letter-spacing:.105em; margin-bottom:17px; }
.born-pellet .born-pellet-actions { display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin:26px 0 20px; }
.born-pellet .born-pellet-btn { display:inline-flex; min-height:48px; padding:12px 21px; align-items:center; justify-content:center; border:1px solid var(--bp-gold); font-size:14px; font-weight:700; line-height:1.3; text-decoration:none!important; }
.born-pellet .born-pellet-btn-gold { background:var(--bp-gold); color:var(--bp-dark)!important; }
.born-pellet .born-pellet-btn-gold:hover { background:#d1b57b; border-color:#d1b57b; }
.born-pellet .born-pellet-btn-outline { border-color:#d6cac4; color:#fff!important; background:transparent; }
.born-pellet .born-pellet-btn-outline:hover { background:#fff; color:var(--bp-dark)!important; }
.born-pellet-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.12fr); min-height:580px; background:var(--bp-dark); }
.born-pellet-hero-copy { display:flex; flex-direction:column; justify-content:center; padding:70px clamp(28px,5vw,90px); color:#fff; }
.born-pellet-hero-copy h1,.born-pellet-hero-copy p { color:#fff; }
.born-pellet-hero-copy h1 { color:#fff!important; }
.born-pellet-hero-copy .born-pellet-kicker { color:#d1b57b; }
.born-pellet-hero-copy .born-pellet-lead { max-width:590px; font-size:18px; }
.born-pellet-hero-copy .born-pellet-hero-note { color:#e7d8c5; font-size:13px; margin:0; }
.born-pellet-hero-media { min-height:440px; background:#262222; }
.born-pellet-hero-media img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.born-pellet-fit { display:grid; grid-template-columns:1.2fr .8fr; gap:clamp(30px,6vw,90px); padding-top:76px; padding-bottom:76px; }
.born-pellet-checks { list-style:none; margin:22px 0 0; padding:0; }
.born-pellet-checks li { position:relative; padding:0 0 12px 32px; font-size:15px; line-height:1.55; }
.born-pellet-checks li::before { content:'✓'; position:absolute; top:0; left:0; color:#927436; font-weight:700; }
.born-pellet-honest { align-self:center; padding:38px 35px; background:var(--bp-dark); color:#fff; }
.born-pellet-honest h3,.born-pellet-honest p { color:#fff; }
.born-pellet-honest h3 { color:#fff!important; }
.born-pellet-honest a { color:#e1c587!important; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.born-pellet-products-intro { padding-top:58px; padding-bottom:25px; border-top:1px solid #e7e1d8; scroll-margin-top:100px; }
.born-pellet-products-intro p:last-child { max-width:690px; }
.born-pellet-compare { margin-top:-40px; padding:76px 0; background:var(--bp-dark); color:#fff; }
.born-pellet-compare h2,.born-pellet-compare p { color:#fff; }
.born-pellet-compare h2 { color:#fff!important; }
.born-pellet-compare .born-pellet-kicker { color:#d1b57b; }
.born-pellet-table-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.born-pellet-table { border-collapse:collapse; width:100%; min-width:620px; margin:24px 0 0; color:#fff; }
.born-pellet-table caption { text-align:left; font-size:14px; padding:0 0 12px; color:#e1d3c5; }
.born-pellet-table th,.born-pellet-table td { border:1px solid #736967; padding:15px 17px; color:#fff; text-align:left; vertical-align:top; }
.born-pellet-table thead th { background:#302526; font-weight:700; }
.born-pellet-table tbody th { width:31%; font-weight:600; }
.born-pellet-table a { color:#e1c587!important; text-decoration:underline; }
.born-pellet .born-pellet-fine { margin:16px 0 0; color:#d1c5be; font-size:13px; }
.born-pellet-how { padding-top:83px; padding-bottom:87px; }
.born-pellet-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; margin-top:36px; }
.born-pellet-steps > div { border-left:1px solid #e5ddd2; padding-left:24px; }
.born-pellet-steps span { display:block; margin-bottom:17px; color:#a7894d; font-size:27px; font-weight:700; }
.born-pellet-steps p { font-size:15px; }
.born-pellet-person { display:grid; grid-template-columns:1fr 1fr; background:var(--bp-dark); color:#fff; }
.born-pellet-person-media { min-height:460px; background:#272222; }
.born-pellet-person-media img { display:block; width:100%; height:100%; object-fit:cover; }
.born-pellet-person-copy { display:flex; flex-direction:column; justify-content:center; padding:65px clamp(28px,5vw,82px); }
.born-pellet-person h2,.born-pellet-person p { color:#fff; }
.born-pellet-person h2 { color:#fff!important; }
.born-pellet-person .born-pellet-kicker { color:#d1b57b; }
.born-pellet-text-link { color:#e1c587!important; font-size:14px; font-weight:700; text-decoration:underline!important; }
.born-pellet-final { padding-top:80px; padding-bottom:85px; text-align:center; }
.born-pellet-final p:not(.born-pellet-kicker) { max-width:600px; margin-left:auto; margin-right:auto; }
.born-pellet-final .born-pellet-btn { margin-top:8px; }
@media (max-width: 900px) {
.born-pellet-hero,.born-pellet-fit,.born-pellet-person { grid-template-columns:1fr; }
.born-pellet-hero-media { min-height:360px; }
.born-pellet-person-media { min-height:360px; }
}
@media (max-width: 680px) {
.born-pellet .born-pellet-wrap { padding-left:20px; padding-right:20px; }
.born-pellet-hero-copy,.born-pellet-person-copy { padding:47px 22px; margin-top: -40px !important;}
.born-pellet-hero-media { min-height:290px; }
.born-pellet-fit,.born-pellet-how,.born-pellet-final { padding-top:49px; padding-bottom:49px; }
.born-pellet-honest { padding:30px 25px; }
.born-pellet-products-intro { padding-top:48px; }
.born-pellet-compare { margin-top:45px; padding:55px 0; }
.born-pellet-steps { grid-template-columns:1fr; gap:23px; }
.born-pellet-actions { flex-direction:column; align-items:stretch!important; }
.born-pellet-actions .born-pellet-btn { width:100%; }
.born-pellet-person-media { min-height:290px; }
}
.born-pellet-brand {
padding: 75px 24px;
background: #f6f3ed;
}
.born-pellet-brand-inner {
max-width: 1192px;
margin: auto;
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(180px, .6fr);
gap: 55px;
align-items: center;
}
.born-pellet-brand h2 { font-size: clamp(28px, 3vw, 40px); }
.born-pellet-brand p { max-width: 700px; line-height: 1.7; }
.born-pellet-brand-kicker {
color: #977735;
font-size: 12px;
font-weight: 700;
letter-spacing: .1em;
}
.born-pellet-brand img {
display: block;
max-width: 100%;
height: auto;
margin: auto;
}
@media (max-width: 767px) {
.born-pellet-brand { padding: 50px 20px; }
.born-pellet-brand-inner { grid-template-columns: 1fr; gap: 24px; }
.born-pellet-brand img { max-width: 240px; }
}
.born-maverick-cards {
box-sizing: border-box;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
max-width: 1192px;
margin: 0 auto 70px;
padding: 0 24px;
}
.born-maverick-card {
display: flex;
flex-direction: column;
min-width: 0;
border: 1px solid #e7e1d8;
background: #fff;
}
.born-maverick-image {
height: 370px;
padding: 0;
overflow: hidden;
}
.born-maverick-image img {
width: 100%;
height: 100%;
max-width: none;
object-fit: contain;
transform: scale(1.4);
}
.born-maverick-card-body {
display: flex;
flex: 1;
flex-direction: column;
align-items: center;
padding: 0 30px 26px;
text-align: center;
}
.born-maverick-card h3 {
margin: 0 0 8px;
font-size: 26px;
}
.born-maverick-card-body > p:not(.born-maverick-price) {
max-width: 350px;
margin: 0 0 12px;
line-height: 1.5;
}
.born-maverick-price {
margin: auto 0 17px;
padding-top: 8px;
font-size: 23px;
font-weight: 700;
color: #211a19;
}
.born-maverick-actions {
display: flex;
justify-content: center;
gap: 12px;
width: 100%;
}
.born-maverick-actions a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
flex: 1;
padding: 10px;
font-size: 14px;
font-weight: 700;
text-decoration: none !important;
}
.born-maverick-primary {
background: #bea163;
color: #211a19 !important;
}
.born-maverick-secondary {
border: 1px solid #211a19;
color: #211a19 !important;
}
@media (max-width: 767px) {
.born-maverick-cards {
grid-template-columns: 1fr;
gap: 18px;
padding: 0 20px;
}
.born-maverick-image {
height: 290px;
}
.born-maverick-image img {
transform: scale(1.25);
}
.born-maverick-actions {
flex-direction: column;
}
} .bc-page, .bc-page { --bc-dark:#170f10; --bc-ink:#211a19; --bc-cream:#f6f3ed; --bc-gold:#bea163; --bc-muted:#665d55; color:var(--bc-ink); font-family:Lato,Arial,sans-serif; font-size:16px; line-height:1.55; }
.bc-page *, .bc-page * { box-sizing:border-box; }
.bc-page h1, .bc-page h2, .bc-page h3, .bc-page h2 { font-family:Lato,Arial,sans-serif; font-weight:700; letter-spacing:-.035em; line-height:1.1; margin:0; }
.bc-page p, .bc-page p { margin:0; }
.bc-page a, .bc-page a { text-decoration:none; }
.bc-page .bc-container, .bc-page .bc-container { max-width:1320px; margin-inline:auto; padding-inline:clamp(22px,4vw,54px); }
.bc-page .bc-eyebrow, .bc-page .bc-eyebrow { color:#977735; font-size:12px; font-weight:800; letter-spacing:.14em; line-height:1.3; margin-bottom:17px; text-transform:uppercase; }
.bc-page .bc-hero { min-height:530px; display:grid; grid-template-columns:50% 50%; background:var(--bc-dark); color:#fff; }
.bc-page .bc-hero-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:clamp(40px,5vw,85px) clamp(30px,6vw,100px); }
.bc-page .bc-hero .bc-eyebrow, .bc-page .bc-conny .bc-eyebrow, .bc-page .bc-guide .bc-eyebrow { color:#d1b57b; }
.bc-page .bc-hero h1 { max-width:680px; font-size:clamp(38px,4.25vw,66px); color:#fff; margin-bottom:24px; }
.bc-page .bc-hero-copy > p:not(.bc-eyebrow):not(.bc-hero-foot) { max-width:570px; font-size:clamp(16px,1.35vw,19px); line-height:1.58; color:#eee8e0; }
.bc-page .bc-hero-photo { min-height:480px; background:#271a16 url(https://grilltips.se/datas/extra_resize/blog-main/tander-grillkol-i-kamadon.jpg) center/cover no-repeat; }
.bc-page .bc-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:31px; }
.bc-page .bc-button, .bc-page .bc-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:47px; padding:11px 22px; border:1px solid transparent; border-radius:0; font-size:14px; font-weight:700; letter-spacing:.01em; text-align:center; transition:background .2s,color .2s,border-color .2s; }
.bc-page .bc-button-gold { background:var(--bc-gold); color:#1b1511; }
.bc-page .bc-button-gold:hover { background:#d3ba84; color:#1b1511; }
.bc-page .bc-button-outline, .bc-page .bc-button-outline { background:transparent; color:#fff; border-color:rgba(255,255,255,.77); }
.bc-page .bc-button-outline:hover, .bc-page .bc-button-outline:hover { background:#fff; color:#211a19; }
.bc-page .bc-hero-foot { color:#c5bbb0; font-size:12px; letter-spacing:.04em; margin-top:24px; }
.bc-page .bc-choose { padding-block:76px 67px; }
.bc-page .bc-section-head { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:26px; }
.bc-page .bc-section-head h2, .bc-page .bc-shop-heading h2, .bc-page h2 { font-size:clamp(29px,3.1vw,44px); color:var(--bc-ink); }
.bc-page .bc-section-head > p { max-width:400px; color:var(--bc-muted); font-size:15px; } .bc-row-bc-choose .bc-choose { padding-bottom:22px; }
.bc-row-bc-choose .bc-section-head { margin-bottom:0; }
.bc-choice-row { max-width:none; margin:0 !important; padding:0 !important; display:flex; flex-wrap:wrap; }
.bc-choice-row > .wpb_column { float:none; width:25%; padding:0 !important; margin:0 !important; }
.bc-choice-row > .wpb_column > .vc_column-inner { padding:0 !important; }
.bc-choice-row .wpb_content_element { margin-bottom:0 !important; }
.bc-choice-row .wpb_wrapper, .bc-choice-row .wpb_text_column { height:100%; }
.bc-choice-row .wpb_wrapper > p { margin:0; height:100%; }
.bc-choice-row .bc-path { position:relative; isolation:isolate; display:flex; align-items:end; min-height:286px; overflow:hidden; background:#201a16; color:#fff; }
.bc-choice-row .bc-path::before { content:""; position:absolute; z-index:-2; inset:0; background:var(--bc-path-image) center/cover no-repeat; transform:scale(1); transition:transform .4s; }
.bc-choice-row .bc-path::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,rgba(8,7,6,.02) 0%,rgba(8,7,6,.38) 34%,rgba(8,7,6,.9) 100%); }
.bc-choice-row .bc-path:hover::before { transform:scale(1.06); }
.bc-choice-row .bc-path:hover { color:#fff; }
.bc-choice-row .bc-path-kamado { --bc-path-image:url(https://bornbbq.se/wp-content/uploads/2026/09/todobrasa-marabu-kol-superior-quality-kolet-bornbbq.webp); }
.bc-choice-row .bc-path-open { --bc-path-image:url(https://grilltips.se/datas/extra_resize/blog-main/quebracho-kol.jpg); }
.bc-choice-row .bc-path-long { --bc-path-image:url(https://grilltips.se/datas/extra_resize/blog-main/ekkol-stenek-hart-perfekt-for-low-n-slow.jpg); }
.bc-choice-row .bc-path-hot { --bc-path-image:url(https://bornbbq.se/wp-content/uploads/2026/09/bnb-premium-lump-charcoal-xl-kolet-visas-bornbbq.webp); }
.bc-choice-row .bc-path-copy { display:flex; flex-direction:column; gap:8px; padding:22px; }
.bc-choice-row .bc-path-number { color:#dfbd82; font-size:10px; font-weight:800; letter-spacing:.12em; }
.bc-choice-row .bc-path-copy strong { font-size:clamp(19px,1.8vw,25px); line-height:1.12; }
.bc-choice-row .bc-path-copy > span:nth-child(3) { font-size:13px; line-height:1.4; color:#f3ede6; }
.bc-choice-row .bc-path-cta { color:#dfbd82; font-size:12px; font-weight:700; margin-top:7px; }
.bc-page .bc-shop-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; padding-block:26px 28px; border-top:1px solid #e2ddd6; }
.bc-page .bc-shop-heading > p { max-width:355px; color:var(--bc-muted); font-size:14px; }
.bc-page .bc-knowledge { display:grid; grid-template-columns:52% 48%; background:var(--bc-cream); margin-top:70px; }
.bc-page .bc-knowledge-photo { min-height:490px; background:#5b4532 url(https://grilltips.se/datas/extra_resize/blog-main/quebracho-kol.jpg) center/cover no-repeat; }
.bc-page .bc-knowledge-copy { align-self:center; padding:clamp(35px,5vw,75px); }
.bc-page .bc-knowledge-copy h2 { max-width:600px; margin-bottom:21px; }
.bc-page .bc-knowledge-copy p:not(.bc-eyebrow), .bc-page .bc-conny-copy p:not(.bc-eyebrow), .bc-page .bc-guide p:not(.bc-eyebrow) { margin-bottom:16px; }
.bc-page .bc-knowledge-copy ul { margin:19px 0 21px; padding-left:22px; }
.bc-page .bc-knowledge-copy li { margin-bottom:9px; }
.bc-page .bc-text-link { color:#72552c; border-bottom:1px solid currentColor; font-weight:700; font-size:14px; }
.bc-page .bc-conny { display:grid; grid-template-columns:51% 49%; min-height:450px; background:#1c2921; color:#fff; }
.bc-page .bc-conny-copy { align-self:center; padding:clamp(35px,5.5vw,80px); }
.bc-page .bc-conny h2, .bc-page .bc-guide h2 { color:#fff; margin-bottom:22px; }
.bc-page .bc-conny-copy p:not(.bc-eyebrow) { max-width:610px; color:#e9e6df; }
.bc-page .bc-conny-copy .bc-button { margin-top:10px; }
.bc-page .bc-conny-photo { background:#252b22 url(https://bornbbq.se/wp-content/uploads/2026/09/glodande-kol-ikamado.webp) center/cover no-repeat; min-height:410px; }
.bc-page .bc-guide { color:#fff; background:linear-gradient(90deg,rgba(20,16,12,.95),rgba(20,16,12,.75)),url(https://bornbbq.se/wp-content/uploads/2022/08/grillkol-cat-banner-1536x336.jpg) center/cover no-repeat; }
.bc-page .bc-guide-inner { min-height:275px; display:flex; align-items:center; justify-content:space-between; gap:30px; padding-block:55px; }
.bc-page .bc-guide-inner > div { max-width:770px; }
.bc-page .bc-guide h2 { margin-bottom:14px; }
.bc-page .bc-guide p:not(.bc-eyebrow) { color:#eee7dd; margin:0; }
.bc-page .bc-guide .bc-button { flex:none; } .bc-products-row { max-width:1320px; margin-inline:auto; padding:0 clamp(22px,4vw,54px) 60px; }
.bc-products-row .product-grid-item { background:#f8f6f2; }
.bc-products-row .product-grid-item .product-wrapper { height:100%; }
.bc-products-row .product-grid-item .product-element-top { background:#f8f6f2; }
.bc-products-row .product-grid-item .product-element-bottom { padding:13px 15px 20px; }
.bc-products-row .product-grid-item .product-title { font-weight:700; }
.bc-products-row .product-grid-item .price { color:#211a19; font-weight:700; }
.bc-products-row .products { row-gap:24px; }
@media(max-width:1024px) {
.bc-page .bc-hero { grid-template-columns:55% 45%; }
.bc-page .bc-knowledge, .bc-page .bc-conny { grid-template-columns:1fr 1fr; }
}
@media(max-width:767px) {
.bc-page .bc-hero, .bc-page .bc-knowledge, .bc-page .bc-conny { display:flex; flex-direction:column; }
.bc-page .bc-hero-copy { padding:48px 25px 40px; order:1; }
.bc-page .bc-hero-photo { min-height:245px; order:0; }
.bc-page .bc-hero h1 { font-size:clamp(35px,9vw,48px); }
.bc-page .bc-choose { padding-block:52px 48px; }
.bc-page .bc-section-head, .bc-page .bc-shop-heading, .bc-page .bc-guide-inner { display:block; }
.bc-page .bc-section-head > p, .bc-page .bc-shop-heading > p { margin-top:14px; }
.bc-choice-row .bc-path { min-height:260px; }
.bc-choice-row .bc-path-copy { padding:17px; }
.bc-choice-row .bc-path-copy strong { font-size:20px; }
.bc-page .bc-shop-heading { padding-block:35px 23px; }
.bc-page .bc-knowledge-photo { min-height:260px; }
.bc-page .bc-conny-photo { min-height:270px; order:-1; }
.bc-page .bc-guide .bc-button { margin-top:22px; }
}
@media(max-width:480px) {
.bc-page .bc-actions { width:100%; }
.bc-page .bc-actions .bc-button { flex:1 1 100%; }
.bc-choice-row .bc-path { min-height:235px; }
} .bc-row .wpb_content_element { margin-bottom:0 !important; }
.bc-row .vc_column-inner { padding-top:0 !important; }
@media(max-width:767px) {
.bc-row-bc-choose .bc-choose { padding-bottom:20px; }
.bc-choice-row > .wpb_column { width:50%; margin-bottom:10px; }
.bc-choice-row { margin-bottom:0 !important; }
}
@media(max-width:520px) {
.bc-choice-row > .wpb_column { width:100%; }
}