.elementor-3016 .elementor-element.elementor-element-fc3cc26{--display:flex;}.elementor-3016 .elementor-element.elementor-element-d204b96{--display:flex;}.elementor-3016 .elementor-element.elementor-element-1045a93{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:60px;--padding-right:60px;}.elementor-3016 .elementor-element.elementor-element-1045a93:not(.elementor-motion-effects-element-type-background), .elementor-3016 .elementor-element.elementor-element-1045a93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A0909;}.elementor-3016 .elementor-element.elementor-element-a3bf98c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3016 .elementor-element.elementor-element-a3bf98c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3016 .elementor-element.elementor-element-7847396{margin:10px 10px calc(var(--kit-widget-spacing, 0px) + 10px) 20px;}.elementor-3016 .elementor-element.elementor-element-7847396 .elementor-heading-title{font-size:18px;color:var( --e-global-color-accent );}.elementor-3016 .elementor-element.elementor-element-bfe67cd{padding:20px 20px 20px 20px;}.elementor-3016 .elementor-element.elementor-element-bfe67cd .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-3016 .elementor-element.elementor-element-3ee29a1{padding:10px 10px 10px 20px;color:var( --e-global-color-4b94ef41 );}.elementor-3016 .elementor-element.elementor-element-6e3321a{width:var( --container-widget-width, 72.223% );max-width:72.223%;padding:20px 20px 20px 20px;--container-widget-width:72.223%;--container-widget-flex-grow:0;color:var( --e-global-color-4b94ef41 );}.elementor-3016 .elementor-element.elementor-element-6e3321a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3016 .elementor-element.elementor-element-2b4dbf5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3016 .elementor-element.elementor-element-2b4dbf5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3016 .elementor-element.elementor-element-7da7ceb{width:var( --container-widget-width, 67.091% );max-width:67.091%;--container-widget-width:67.091%;--container-widget-flex-grow:0;}.elementor-3016 .elementor-element.elementor-element-7da7ceb.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3016 .elementor-element.elementor-element-7da7ceb.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-3016 .elementor-element.elementor-element-7da7ceb.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{margin-bottom:10px;}.elementor-3016 .elementor-element.elementor-element-7da7ceb.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{margin-bottom:10px;}.elementor-3016 .elementor-element.elementor-element-7da7ceb.elementor-wc-products ul.products li.product .price{font-size:20px;}.elementor-3016 .elementor-element.elementor-element-7da7ceb.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-text );background-color:#FFB932D9;border-style:none;margin-top:11px;}.elementor-3016 .elementor-element.elementor-element-7da7ceb.elementor-wc-products ul.products li.product .button:hover{background-color:#85611CD9;}.elementor-3016 .elementor-element.elementor-element-7da7ceb.elementor-wc-products .added_to_cart{margin-inline-start:0px;}.elementor-3016 .elementor-element.elementor-element-7da7ceb.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-3016 .elementor-element.elementor-element-fd2e65e{--display:flex;}@media(max-width:1024px){.elementor-3016 .elementor-element.elementor-element-7da7ceb.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-3016 .elementor-element.elementor-element-1045a93{--content-width:850px;}.elementor-3016 .elementor-element.elementor-element-a3bf98c{--width:45.335%;}.elementor-3016 .elementor-element.elementor-element-2b4dbf5{--width:50%;}}@media(max-width:767px){.elementor-3016 .elementor-element.elementor-element-1045a93{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-3016 .elementor-element.elementor-element-6e3321a{width:var( --container-widget-width, 179.913px );max-width:179.913px;--container-widget-width:179.913px;--container-widget-flex-grow:0;}.elementor-3016 .elementor-element.elementor-element-2b4dbf5{--width:100%;}.elementor-3016 .elementor-element.elementor-element-7da7ceb{width:var( --container-widget-width, 52% );max-width:52%;--container-widget-width:52%;--container-widget-flex-grow:0;}.elementor-3016 .elementor-element.elementor-element-7da7ceb.elementor-element{--align-self:center;}.elementor-3016 .elementor-element.elementor-element-7da7ceb.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-3016 .elementor-element.elementor-element-7da7ceb.elementor-wc-products ul.products li.product .button{font-size:12px;}}/* Start custom CSS for container, class: .elementor-element-fc3cc26 *//* ============================================================
   BÖCKER-SIDA CSS
   ============================================================ */

.bocker-hero {
  position: relative; overflow: hidden;
  background: linear-gradient(135deg, #0d1b2a 0%, #1a1510 50%, #0d1b2a 100%);
}

.bocker-blob-1 {
  position: absolute; top: -10%; right: 0%;
  width: 600px; height: 600px;
  border-radius: 999px; pointer-events: none; z-index: 0;
  opacity: 0.35; filter: blur(90px);
  background: radial-gradient(circle, rgba(255,185,50,0.80) 0%, rgba(255,140,30,0.40) 50%, transparent 70%);
  animation: bockerBlob 16s ease-in-out infinite;
}

.bocker-blob-2 {
  position: absolute; bottom: -15%; left: 5%;
  width: 400px; height: 400px;
  border-radius: 999px; pointer-events: none; z-index: 0;
  opacity: 0.25; filter: blur(80px);
  background: radial-gradient(circle, rgba(200,100,50,0.70) 0%, rgba(200,100,50,0.30) 50%, transparent 70%);
  animation: bockerBlob 20s ease-in-out infinite; animation-delay: 3s;
}

@keyframes bockerBlob {
  0%, 100% { transform: translate(0,0) scale(1); }
  50% { transform: translate(-10px, 8px) scale(1.04); }
}

.bocker-hero-inner {
  position: relative; z-index: 5;
  max-width: 900px; margin: 0 auto;
  padding: 100px 40px;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 60px; align-items: center;
}

@media (max-width: 768px) {
  .bocker-hero-inner {
    grid-template-columns: 1fr;
    padding: 80px 24px; gap: 40px;
  }
}

.bocker-badge {
  display: inline-block;
  background: rgba(255,185,50,0.15); border: 1px solid rgba(255,185,50,0.35);
  color: #f0c860; padding: 8px 20px; border-radius: 50px;
  font-size: 14px; letter-spacing: 0.03em; margin-bottom: 24px;
}

.bocker-heading {
  font-family: Georgia, serif;
  font-size: 44px; line-height: 1.15;
  color: #f0ede6; font-weight: 700; margin-bottom: 20px;
  text-shadow: 0 2px 20px rgba(0,0,0,0.30);
}

@media (max-width: 768px) {
  .bocker-heading { font-size: 30px; }
}

.bocker-sub {
  font-size: 17px; color: #c8c4bc; line-height: 1.7;
  max-width: 480px; margin-bottom: 36px;
}

.bocker-cta-row { display: flex; gap: 12px; flex-wrap: wrap; }

.bocker-btn-primary {
  display: inline-block;
  background: rgba(255,185,50,0.85); color: #1a1208 !important;
  padding: 14px 28px; border-radius: 50px;
  font-size: 16px; font-weight: 600;
  transition: all 0.3s ease; border: 1px solid rgba(255,255,255,0.15);
}

.bocker-btn-primary:hover {
  background: rgba(255,185,50,1); transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(255,185,50,0.35);
}

.bocker-btn-secondary {
  display: inline-block; background: transparent;
  color: #c8c4bc !important; padding: 14px 28px; border-radius: 50px;
  font-size: 16px; transition: all 0.3s ease;
  border: 1px solid rgba(200,196,188,0.25);
}

.bocker-btn-secondary:hover {
  border-color: rgba(200,196,188,0.50); color: #f0ede6 !important;
}

.bocker-hero-cover { position: relative; flex-shrink: 0; }

.bocker-cover-img {
  width: 240px; border-radius: 8px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.60), 0 0 40px rgba(255,185,50,0.15);
  display: block; transform: rotate(2deg);
  transition: transform 0.3s ease;
}

.bocker-cover-img:hover { transform: rotate(0deg) scale(1.02); }

.bocker-cover-shadow {
  position: absolute; bottom: -20px; left: 10%; right: 10%;
  height: 30px; border-radius: 50%;
  background: rgba(0,0,0,0.40); filter: blur(12px); z-index: -1;
}

@media (max-width: 768px) {
  .bocker-cover-img { width: 180px; margin: 0 auto; transform: rotate(0deg); }
  .bocker-hero-cover { display: flex; justify-content: center; }
}

/* Fade-in */
.fade-1, .fade-2, .fade-3, .fade-4 {
  opacity: 0; transform: translateY(14px);
  animation: fadeUp 700ms ease forwards;
}
.fade-1 { animation-delay: 120ms; }
.fade-2 { animation-delay: 240ms; }
.fade-3 { animation-delay: 360ms; }
.fade-4 { animation-delay: 480ms; }

@keyframes fadeUp {
  to { opacity: 1; transform: translateY(0); }
}

/* Gemensamt */
.bocker-divider {
  width: 100%; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,185,50,0.25), transparent);
}

.bocker-section { background: #0d1b2a; }
.bocker-kop-section { background: linear-gradient(180deg, #0d1b2a 0%, #111828 100%); }
.bocker-kommande-section { background: linear-gradient(180deg, #111828 0%, #0a1520 100%); }

.bocker-inner {
  max-width: 900px; margin: 0 auto; padding: 90px 40px;
}

@media (max-width: 768px) {
  .bocker-inner { padding: 60px 24px; }
}

.bocker-eyebrow {
  font-size: 13px; letter-spacing: 0.10em; text-transform: uppercase;
  color: #c89820; margin-bottom: 20px; font-weight: 500;
}

.bocker-section-heading {
  font-family: Georgia, serif;
  font-size: 36px; line-height: 1.2;
  color: #f0ede6; font-weight: 400; margin-bottom: 48px;
}

@media (max-width: 768px) {
  .bocker-section-heading { font-size: 26px; }
}

/* Om boken */
.bocker-om-grid {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 60px; align-items: start;
}

@media (max-width: 768px) {
  .bocker-om-grid { grid-template-columns: 1fr; gap: 32px; }
}

.bocker-om-text p {
  font-size: 16px; color: #a09c94; line-height: 1.8; margin-bottom: 16px;
}

.bocker-om-item {
  display: flex; gap: 14px; align-items: flex-start;
  padding: 16px 0; border-bottom: 1px solid rgba(255,255,255,0.05);
}

.bocker-om-item:last-child { border-bottom: none; }

.bocker-om-icon { color: #f0c860; font-size: 12px; margin-top: 6px; flex-shrink: 0; }

.bocker-om-item strong {
  display: block; font-size: 15px; font-weight: 500;
  color: #f0ede6; margin-bottom: 4px;
}

.bocker-om-item p { font-size: 14px; color: #666260; line-height: 1.5; margin: 0; }

/* Köp */
.bocker-kop-intro {
  font-size: 16px; color: #888480; line-height: 1.7;
  max-width: 520px; margin-bottom: 40px;
}

.bocker-woo-wrap {
  margin-bottom: 48px;
}

.bocker-externa {
  border-top: 1px solid rgba(255,255,255,0.06);
  padding-top: 28px;
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
}

.bocker-externa p {
  font-size: 14px; color: #555250; margin: 0;
}

.bocker-externa-links { display: flex; align-items: center; gap: 10px; }

.bocker-extern-link {
  font-size: 14px; color: #888480;
  transition: color 0.2s;
}

.bocker-extern-link:hover { color: #f0ede6; }

.bocker-extern-sep { color: #333230; }

/* Kommande */
.bocker-kommande-intro {
  font-size: 17px; color: #888480; line-height: 1.7;
  max-width: 580px; margin-bottom: 40px;
}

.bocker-serie-grid {
  display: grid; grid-template-columns: repeat(5, 1fr);
  gap: 14px; margin-bottom: 40px;
}

@media (max-width: 900px) {
  .bocker-serie-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .bocker-serie-grid { grid-template-columns: 1fr; }
}

.bocker-serie-card {
  background: var(--accent, rgba(255,255,255,0.03));
  border: 1px solid var(--border, rgba(255,255,255,0.07));
  border-radius: 14px; padding: 20px 16px;
}

.bocker-serie-dot {
  width: 10px; height: 10px; border-radius: 50%; margin-bottom: 12px;
}

.bocker-serie-card strong {
  display: block; font-size: 14px; font-weight: 500;
  color: #f0ede6; margin-bottom: 6px; line-height: 1.3;
}

.bocker-serie-card p { font-size: 13px; color: #555250; line-height: 1.5; margin: 0; }

.bocker-kommande-note {
  font-size: 15px; color: #666260; font-style: italic;
  border-top: 1px solid rgba(255,255,255,0.06); padding-top: 24px;
}

.bocker-kommande-note strong { color: #f0c860; font-style: normal; }/* End custom CSS */