@import url('bootstrap.min.css');
@import url('font-awesome.css');

@font-face {
    font-family: 'Zona Pro ExtraBold';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Zona%20Pro%20ExtraBold.otf') format('opentype');
}

html {
    font-size: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #292726;
    font-size: 1rem;
    background-color: #fff;
    overflow-x: hidden;
}

body.modal-open {
    padding-right: 0 !important;
}

.container-wrapper {
    position: relative;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    overflow: hidden;
}

.header-image-start {
    height: 630px;
    margin-bottom: 80px;
    background-image: url('../img/header-bg-image-start.jpg');
    background-repeat: no-repeat;
    background-position: 100% 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.header-image {
    height: 445px;
    margin-bottom: 15px;
    background-image: url('../img/header-bg-image.jpg');
    background-repeat: no-repeat;
    background-position: 100% 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Carousel arrows hidden (Colombia style - no arrows) */
.carousel-control {
    display: none;
}

.btn-available {
    padding: 4px;
    border-radius: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.btn-available:hover {
    padding: 4px;
    background-color: #e9e9e9;
    border-radius: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

/* Company page: affiliate logos (Viappiani-style spacing) */
.company-logos {
    margin: 0 40px 5px 40px;
}
.company-logos .btn-available {
    margin-right: 10px;
    margin-bottom: 10px;
}
.company-logos p {
    margin-bottom: 10px;
}

.header-text {
    position: absolute;
    left: auto;
    right: auto;
    top: 210px;
    padding-left: 65px;
}

.header-subtext {
    max-width: 400px;
}

.col-maxwidth {
    margin-bottom: 40px;
    max-width: 740px;
}

a, a:focus, a:hover, a:active {
    outline: 0;
    cursor: pointer;
    color: #782181;
}

a:hover {
    color: #666;
    text-decoration: underline;
}

h1 {
    margin-bottom: 15px;
    font-family: 'Zona Pro ExtraBold';
    font-size: 2.6rem;
}

h2 {
    margin: 0 0 20px 0;
    font-family: 'Zona Pro ExtraBold';
    font-size: 1.625rem;
    line-height: 1.3;
}

h3 {
    margin: 0 0 20px 0;
    font-size: 1.3rem;
    font-weight: 700;
}

h4 {
    margin: 20px 0 5px 0;
    font-size: 1rem;
    font-weight: 600;
}

.h4 {
    margin: 5px 0;
    padding: 6px 5px 10px 20px;
    font-size: 1rem;
    font-weight: 600;
}

p.featured {
    margin-bottom: 30px;
}

.img-border {
    border: 1px #ddd solid;
}

.bottom30 {
    margin-bottom: 30px;
}

.bottom40 {
    margin-bottom: 40px;
}

.bottom60 {
    margin-bottom: 60px;
}

.padding-left-owl {
    display: inline-block;
    padding-left: 20px;
}

.height140 {
    height: 140px;
    padding: 15px 20px 0 0;
}

hr {
    margin: 4.6rem 0;
    border: 0;
    border-top: #e5e5e5 1px solid;
}

hr.space {
    margin: 30px 0;
    border: 1px transparent solid;
}

hr.car {
    margin: -15px 0 15px 0;
    border: 0;
    border-top: #e5e5e5 1px solid;
}

hr.accord {
    margin: 20px 0;
    border: 0;
    border-top: #e5e5e5 1px solid;
}

hr.no-lines {
    border: transparent 0 solid;
}

/* ===  Bullet List Circle  ===  */
ul.circle li {
    list-style-type: none;
    line-height: 2.1;
}

li.circle {
    position: relative;
    margin-bottom: 0;
    padding-left: 20px;
}

li.circle:before {
    position: absolute;
    top: 8px;
    left: 0;
    font-family: FontAwesome;
    content: "\f10c";
    color: #782181;
    font-size: 0.6rem;
}

/* ===  /Bullet List Circle  ===  */

/* ===  Top-Head  ===  */
.head {
    margin: 20px 0 0 0;
    padding: 0;
    z-index: 20;
}

.list-inline a {
    font-size: 1rem;
    font-weight: 700;
    color: #292726;
}

.list-inline a:hover {
    color: #782181;
}

.list-inline > li {
    padding-right: 0;
    padding-left: 10px;
}

/* ===  /Top-Head  ===  */

/* ===  Head-Image  ===  */
.header-image {
    height: 442px;
    margin-bottom: 80px;
    background-repeat: no-repeat;
    background-position: 100% 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.header-text {
    position: absolute;
    left: auto;
    right: auto;
    top: 190px;
    padding-left: 65px;
}

.header-subtext {
    max-width: 400px;
}

.header-objekte {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: 445px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.rahmenbox-available {
    max-width: 360px;
    background-image: url(../img/boxbg.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    border: 1px #edf1f1 solid;
    border-right: none;
    border-bottom: none;
    margin-bottom: 40px;
    padding: 0;
}

.available-inhalt {
    padding: 20px;
}

/* ===  /Head-Image  ===  */

.col-maxwidth {
    margin-bottom: 40px;
    max-width: 740px;
}

/* Buttons für Produkt-Übersicht */
/* Self-adhesive */
.btn-produkt-self-adhesive-pos {
    position: absolute;
    bottom: 3px;
    right: 0;
    z-index: 11;
}

.btn-produkt-self-adhesive {
    height: 345px;
    width: 110px;
    border-radius: 0;
    padding: 0;
    background-color: transparent;
}

.btn-produkt-self-adhesive:focus,
.btn-produkt-self-adhesive.focus {
    background-color: transparent;
    border-color: transparent;
}

.btn-produkt-self-adhesive:hover {
    background-color: transparent;
    border-color: transparent;
}

.btn-produkt-self-adhesive:active,
.btn-produkt-self-adhesive.active,
.open > .dropdown-toggle.btn-produkt-self-adhesive {
    background-color: transparent;
    border-color: transparent;
}

/* Flex-Pack */
.btn-produkt-flex-pos {
    position: absolute;
    bottom: 3px;
    right: 237px;
    z-index: 11;
}

.btn-produkt-flex {
    height: 206px;
    width: 149px;
    border-radius: 0;
    padding: 0;
    background-color: transparent;
}

.btn-produkt-flex:focus,
.btn-produkt-flex.focus {
    background-color: transparent;
    border-color: transparent;
}

.btn-produkt-flex:hover {
    background-color: transparent;
    border-color: transparent;
}

.btn-produkt-flex:active,
.btn-produkt-flex.active,
.open > .dropdown-toggle.btn-produkt-flex {
    background-color: transparent;
    border-color: transparent;
}

/* IML */
.btn-produkt-iml-pos {
    position: absolute;
    bottom: 3px;
    right: 716px;
    z-index: 11;
}

.btn-produkt-iml {
    height: 79px;
    width: 202px;
    border-radius: 0;
    padding: 0;
    background-color: transparent;
}

.btn-produkt-iml:focus,
.btn-produkt-iml.focus {
    background-color: transparent;
    border-color: transparent;
}

.btn-produkt-iml:hover {
    background-color: transparent;
    border-color: transparent;
}

.btn-produkt-iml:active,
.btn-produkt-iml.active,
.open > .dropdown-toggle.btn-produkt-sac {
    background-color: transparent;
    border-color: transparent;
}

/* Folding cartons */
.btn-produkt-folding-cartons-pos {
    position: absolute;
    bottom: 3px;
    right: 480px;
    z-index: 11;
}

.btn-produkt-folding-cartons {
    height: 163px;
    width: 217px;
    border-radius: 0;
    padding: 0;
    background-color: transparent;
}

.btn-produkt-folding-cartons:focus,
.btn-produkt-folding-cartons.focus {
    background-color: transparent;
    border-color: transparent;
}

.btn-produkt-folding-cartons:hover {
    background-color: transparent;
    border-color: transparent;
}

.btn-produkt-folding-cartons:active,
.btn-produkt-folding-cartons.active,
.open > .dropdown-toggle.btn-produkt-folding-cartons {
    background-color: transparent;
    border-color: transparent;
}

/* Shoulder Boxes */
.btn-produkt-shoulder-boxes-pos {
    position: absolute;
    bottom: 3px;
    right: 941px;
    z-index: 11;
}

.btn-produkt-shoulder-boxes {
    height: 102px;
    width: 258px;
    border-radius: 0;
    padding: 0;
    background-color: transparent;
}

.btn-produkt-shoulder-boxes:focus,
.btn-produkt-shoulder-boxes.focus {
    background-color: transparent;
    border-color: transparent;
}

.btn-produkt-shoulder-boxes:hover {
    background-color: transparent;
    border-color: transparent;
}

.btn-produkt-shoulder-boxes:active,
.btn-produkt-shoulder-boxes.active,
.open > .dropdown-toggle.btn-produkt-shoulder-boxes {
    background-color: transparent;
    border-color: transparent;
}

/* Sleeves */
.btn-produkt-sleeves-pos {
    position: absolute;
    bottom: 3px;
    right: 116px;
    z-index: 11;
}

.btn-produkt-sleeves {
    height: 223px;
    width: 96px;
    border-radius: 0;
    padding: 0;
    background-color: transparent;
}

.btn-produkt-sleeves:focus,
.btn-produkt-sleeves.focus {
    background-color: transparent;
    border-color: transparent;
}

.btn-produkt-sleeves:hover {
    background-color: transparent;
    border-color: transparent;
}

.btn-produkt-sleeves:active,
.btn-produkt-sleeves.active,
.open > .dropdown-toggle.btn-produkt-sleeves {
    background-color: transparent;
    border-color: transparent;
}

/* Cigar bands */
.btn-produkt-cigar-bands-pos {
    position: absolute;
    bottom: 3px;
    right: 408px;
    z-index: 11;
}

.btn-produkt-cigar-bands {
    height: 184px;
    width: 46px;
    border-radius: 0;
    padding: 0;
    background-color: transparent;
}

.btn-produkt-cigar-bands:focus,
.btn-produkt-cigar-bands.focus {
    background-color: transparent;
    border-color: transparent;
}

.btn-produkt-cigar-bands:hover {
    background-color: transparent;
    border-color: transparent;
}

.btn-produkt-cigar-bands:active,
.btn-produkt-cigar-bands.active,
.open > .dropdown-toggle.btn-produkt-cigar-bands {
    background-color: transparent;
    border-color: transparent;
}

/* ===  MAIN-NAVIGATION  ===  */
.navbar-default {
    background-color: #EEF2F2;
    border-color: transparent;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

/* ===  /MAIN-NAVIGATION  ===  */

/* ===  Collapse bar  ===  */
.hamburger-title {
    display: block;
    padding: 7px 15px 0 0;
    float: left;
    font-size: 20px;
    font-weight: 600;
    color: #292726;
}

.top-header {
    background-color: transparent;
    border-color: transparent;
}

/* ===  /Collapse bar  ===  */

/* ===  CUSTOMIZE THE NAVBAR  ===  */
.navbar-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
}




/* ===  /CUSTOMIZE THE NAVBAR  ===  */

/* ===  NAVIGATION-NAVBAR  ===  */
/* FIXED: Navbar width 100% instead of 1280px */
.navbar {
    height: 90px;
    border: 0;
    padding: 0;
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

*::-ms-backdrop, .navbar {
    max-width: none;
}

/* Navbar layout: Bootstrap float – desktop: logo left, nav right; mobile: logo left, toggle right */
.navbar-header {
    float: left;
}
.navbar-header::after {
    content: "";
    display: table;
    clear: both;
}
.navbar-brand {
    min-height: 90px;
    display: flex;
    align-items: center;
    padding: 0 0 0 15px;
}

.navbar-default .navbar-nav > li > a {
    color: #292726;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-nav > li > .dropdown-menu {
    margin: 10px 0 0 15px;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    color: #00a8de;
    background-color: transparent;
    padding-bottom: 3px;
    border-bottom: 5px #782181 solid;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    border-color: transparent;
}

.nav > li > a {
    position: relative;
    margin: 25px 0 15px 30px;
    padding: 0;
    font-size: 1.125rem;
    font-weight: 700;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 35px;
    margin: 10px 0 6px 0;
    height: 5px;
    border-radius: 20px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}


.navbar-right .dropdown-menu {
    left: 15px;
    right: auto;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #782181;
    background-color: transparent;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #782181;
}

.navbar .dropdown-menu {
    padding: 0;
    border-radius: 0;
    border: 1px #edf1f1 solid;
    color: #292726;
    font-weight: 500;
}

.dropdown-menu > li > a {
    margin-top: 0;
    min-width: 240px;
    padding: 10px 12px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #782181;
}

/* ===  /NAVIGATION-NAVBAR  ===  */

/* ===  TRIANGLE  ===  */
.triangle-border:before {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 40px;
    border-width: 17px 17px 0;
    border-style: solid;
    border-color: #edf1f1 transparent;
    display: block;
    width: 0;
}

.triangle-border:after {
    content: "";
    position: absolute;
    bottom: -18px;
    left: 47px;
    border-width: 16px 16px 0;
    border-style: solid;
    border-color: #fff transparent;
    display: block;
    width: 0;
}

.triangle-border.top::before {
    top: -17px;
    bottom: auto;
    left: -1px;
    border-width: 0 17px 17px 0;
}

.triangle-border.top::after {
    top: -15px;
    bottom: auto;
    left: 0px;
    border-width: 0 15px 15px 0;
}

/* ===  /TRIANGLE  ===  */

/* ===  CUSTOMIZE THE CAROUSEL  ===  */
/* Omnipak exact: Colombia golden standard (CTI brand color #782181) */
.carousel-hero-wrapper {
    overflow: hidden;
}
/* Carousel slide transition - match sister sites (Omnipak, Viappiani).
   Transition left and transform only (Bootstrap uses left or translate3d by browser).
   Explicit properties prevent "animates out but not in" from transitioning wrong props. */
.carousel.slide .carousel-inner > .item {
    -webkit-transition: left 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    -moz-transition: left 0.6s ease-in-out, transform 0.6s ease-in-out;
    -o-transition: left 0.6s ease-in-out, transform 0.6s ease-in-out;
    transition: left 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.carousel {
    margin-bottom: 80px;
}

/* Keep Bootstrap slide states intact so incoming slides animate correctly */
.carousel-hero-wrapper .carousel-inner > .item.next,
.carousel-hero-wrapper .carousel-inner > .item.prev {
    position: absolute;
    top: 0;
    width: 100%;
}

.carousel h3 {
    max-width: 400px;
    font-size: 1rem;
    font-weight: 600;
}
.carousel-caption {
    left: auto;
    right: auto;
    padding-bottom: 60px;
    padding-left: 65px;
    bottom: 20px;
    text-align: left;
    color: #292726;
    text-shadow: none;
}
.carousel .item {
    height: 576px;
    background-color: #e8ecf0;
}
.carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    max-width: none;
    width: auto;
    height: 576px;
    object-fit: cover;
    object-position: center;
}
@media (min-width: 768px) {
    .carousel-inner > .item > img {
        left: 50%;
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
.carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 11px;
    text-indent: -999px;
    border: 1px solid #656564;
    border-radius: 10px;
    cursor: pointer;
    background-color: transparent;
}

.carousel-indicators .active {
    margin: 10px;
    width: 19px;
    height: 19px;
    background-color: #782181;
    border: 0;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 19px;
    height: 19px;
    margin: 10px 8px;
    opacity: 1;
    border-radius: 20px;
    background: transparent;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #782181;
    width: 19px;
    height: 19px;
    border: 1px transparent solid;
}

/* ===  /CUSTOMIZE THE CAROUSEL  ===  */

.rahmenbox {
    background-image: url(../img/boxbg.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    border: 1px #edf1f1 solid;
    border-right: none;
    border-bottom: none;
    padding: 0;
}

.padding-left-rahmen {
    padding: 0 0 15px 20px;
    display: table;
}

.padding-right-rahmen {
    padding: 10px 20px 0 40px;
}

/* ===  Link-Buttons  ===  */
.btn-colored:hover {
    color: #fff;
    background: transparent;
    position: relative;
    background-image: url(../img/btn-hover.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.btn-colored:focus {
    color: #fff;
    background: transparent;
    position: relative;
    background-image: url(../img/btn.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.btn-colored:active {
    color: #fff;
    background: transparent;
    position: relative;
    background-image: url(../img/btn.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

.btn-lg,
.btn-group-lg > .btn {
    padding-right: 30px;
    padding-left: 15px;
    font-size: 0.9rem;
    font-weight: 700;
    color: #fff;
    border: 0;
    line-height: 1.4;
    border-radius: 0;
    background: transparent;
    position: relative;
    background-image: url(../img/btn.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.rahmenpadding {
    margin-left: 20px;
    margin-bottom: 20px;
}

/* === Colored Box  ===  */
.featured-box-container {
    margin: 80px 0;
    padding: 0 0 15px 0;
    background-color: #782181;
}

.featured-box h4 {
    color: #fff;
    margin-top: 15px;
    font-size: 1.125rem;
    font-weight: 700;
}

.featured-box {
    padding: 40px 0 35px 0;
}

.featured-box img {
    height: 55px;
}

/* === /Colored Box  ===  */

/* ===  NEWS BOX (Aktuelle Meldungen)  ===  */
.newsbox {
    margin: 15px 15px 15px 15px;
}

.newsbox-text {
    height: 200px;
}

.newsbox h3 {
    margin-top: 0;
    margin-bottom: 100px;
}

/* ===  /NEWS BOX  ===  */

/* ===  Produkt Box  ===  */
.produktbox {
    border: 1px #ddd solid;
}

.produktbox:hover {
    border: 1px #ccc solid;
    background-color: #fcfcfc;
}

.produktbox-inhalt {
    padding: 20px;
}

.produktbox-text {
    min-height: 460px;
    padding: 0 20px 20px;
}

.produktbox-desc {
    min-height: 130px;
}

.reqestbox {
    border-left: 1px #ddd solid;
    border-right: 1px #ddd solid;
    border-top: 1px #ddd solid;
    padding-top: 20px;
}

section.produktbox {
    color: #292726;
}

.produktbox h3 {
    margin: 20px 0 20px 0;
    font-size: 1.3rem;
    font-weight: 700;
}

.boxlink:hover, a:focus, a:active {
    text-decoration: none;
}

.reqest-call {
    min-height: 150px;
    padding: 20px;
}

/* ===  Item Box  ===  */
.item-container {
    margin-bottom: 60px;
    background-color: #fff;
}

.item-box {
    padding-top: 25px;
    padding-bottom: 25px;
    border: 1px #e5eaea solid;
    border-bottom: none;
}

.item-floatbox {
    padding: 5px;
}

.item-linkbox {
    width: 260px;
    border: none;
    width: auto;
}

/* ===  /Item Box  ===  */

/* ===  SVG   ===  */
.svg {
    width: 7rem;
    height: 7rem;
}

/* ===  Bildergalerie  ===  */
.fancybox {
    display: block;
    position: relative;
}

.fancybox:hover:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    right: 0;
    background-image: url(../img/lupe.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.img-thumbnail {
    margin: 30px 0 0 0;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* Gallery grid: constrain thumbnails so multiple fit per row (match live site) */
.wm-gallery .img-thumbnail {
    max-width: 357px;
    width: 357px;
    height: auto;
    display: block;
}
@media screen and (max-width: 991px) {
    .wm-gallery .img-thumbnail {
        width: 348px;
        max-width: 348px;
    }
}
@media screen and (max-width: 767px) {
    .wm-gallery .img-thumbnail {
        width: 298px;
        max-width: 298px;
    }
}
@media screen and (max-width: 414px) {
    .wm-gallery .img-thumbnail {
        width: 100%;
        max-width: 100%;
    }
}

/* === / Bildergalerie  ===  */

/* ===  Modal  ===  */
body.modal-open {
    padding-right: 0 !important;
}

.modal-header .close {
    margin: 0 20px 0 0;
}

.modal-header {
    padding: 5px;
    border-bottom: 0 solid transparent;
}

.modal-title {
    margin: 10px 0 0 20px;
}

.modal-content {
    background-color: #FFF;
    border: 0 solid rgba(0, 0, 0, 0);
    border-radius: 0;
}

.modal-body {
    padding: 0;
}

.close {
    font-size: 40px;
    font-weight: normal;
    color: #292726;
    text-shadow: 0 transparent;
    opacity: 1;
}

.pull-left:nth-child(1n) {
    margin-right: 30px;
}

.pull-left:nth-child(3n) {
    margin-right: 0;
}

.ekko-lightbox-nav-overlay a span {
    color: #782181;
}

.ekko-lightbox-nav-overlay a {
    opacity: 0.5 !important;
}

/* ===  /Modal  ===  */

/* ===  Contact page  ===  */
.contact-address-block {
    margin-bottom: 20px;
}
.contact-address-block h3 {
    margin-top: 0;
}
.form-required-hint {
    margin-bottom: 20px;
    color: #666;
}
.contact-map-embed {
    width: 100%;
    margin-bottom: 20px;
}
.contact-map-embed iframe {
    display: block;
    width: 100%;
    height: 440px;
    border: 0;
}

/* ===  Map  ===  */
.map {
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.map-image img {
    width: 100%;
}

.popover-content {
    padding: 20px;
    line-height: 1.7;
}

.popover {
    font-family: inherit;
    border-radius: 0;
    box-shadow: none;
}

.popover.right {
    margin-left: 20px;
}

.popover.bottom {
    margin-top: 20px;
}

/* viappiani */
.btn-viappiani-pos {
    position: absolute;
    top: 62%;
    left: 26.5%;
    z-index: 1;
}

.btn-viappiani {
    border-radius: 50px;
    padding: 4px;
    height: 10px;
    width: 10px;
    background-color: #E41E0F;
    border-color: #E41E0F;
}

.btn-viappiani:focus,
.btn-viappiani.focus {
    background-color: #E41E0F;
    border-color: #E41E0F;
}

.btn-viappiani:hover {
    background-color: #782181;
    border-color: #782181;
}

.btn-viappiani:active,
.btn-viappiani.active,
.open > .dropdown-toggle.btn-viappiani {
    background-color: #E41E0F;
    border-color: #E41E0F;
}

/* adhepel */
.btn-adhepel-pos {
    position: absolute;
    left: 30%;
    bottom: 11%;
}

.btn-adhepel {
    border-radius: 50px;
    padding: 4px;
    height: 10px;
    width: 10px;
    background-color: #009C81;
    border-color: #009C81;
}

.btn-adhepel:focus,
.btn-adhepel.focus {
    background-color: #009C81;
    border-color: #009C81;
}

.btn-adhepel:hover {
    background-color: #782181;
    border-color: #782181;
}

.btn-adhepel:active,
.btn-adhepel.active,
.open > .dropdown-toggle.btn-adhepel {
    background-color: #009C81;
    border-color: #009C81;
}

/* adhepel mendoza */
.btn-adhepel-mendoza-pos {
    position: absolute;
    left: 27.5%;
    bottom: 11.5%;
}

.btn-adhepel-mendoza {
    border-radius: 50px;
    padding: 4px;
    height: 10px;
    width: 10px;
    background-color: #009C81;
    border-color: #009C81;
}

.btn-adhepel-mendoza:focus,
.btn-adhepel-mendoza.focus {
    background-color: #009C81;
    border-color: #009C81;
}

.btn-adhepel-mendoza:hover {
    background-color: #782181;
    border-color: #782181;
}

.btn-adhepel-mendoza:active,
.btn-adhepel-mendoza.active,
.open > .dropdown-toggle.btn-adhepel {
    background-color: #009C81;
    border-color: #009C81;
}

/* ulikett */
.btn-ulikett-pos {
    position: absolute;
    top: 29.9%;
    left: 50.3%;
    z-index: 1;
}

.btn-ulikett {
    border-radius: 50px;
    padding: 4px;
    height: 10px;
    width: 10px;
    background-color: #0098DC;
    border-color: #0098DC;
}

.btn-ulikett:focus,
.btn-ulikett.focus {
    background-color: #0098DC;
    border-color: #0098DC;
}

.btn-ulikett:hover {
    background-color: #782181;
    border-color: #782181;
}

.btn-ulikett:active,
.btn-ulikett.active,
.open > .dropdown-toggle.btn-ulikett {
    background-color: #0098DC;
    border-color: #0098DC;
}

/* viappiani-it */
.btn-viappiani-it-pos {
    position: absolute;
    top: 32%;
    left: 48%;
    z-index: 1;
}

.btn-viappiani-it {
    border-radius: 50px;
    padding: 4px;
    height: 10px;
    width: 10px;
    background-color: #E41E0F;
    border-color: #E41E0F;
}

.btn-viappiani-it:focus,
.btn-viappiani-it.focus {
    background-color: #E41E0F;
    border-color: #E41E0F;
}

.btn-viappiani-it:hover {
    background-color: #782181;
    border-color: #782181;
}

.btn-viappiani-it:active,
.btn-viappiani-it.active,
.open > .dropdown-toggle.btn-viappiani-it {
    background-color: #E41E0F;
    border-color: #E41E0F;
}

/* omnipack */
.btn-omnipack-pos {
    position: absolute;
    top: 35%;
    left: 46%;
    z-index: 1;
}

.btn-omnipack {
    border-radius: 50px;
    padding: 4px;
    height: 10px;
    width: 10px;
    background-color: #F18700;
    border-color: #F18700;
}

.btn-omnipack:focus,
.btn-omnipack.focus {
    background-color: #F18700;
    border-color: #F18700;
}

.btn-omnipack:hover {
    background-color: #782181;
    border-color: #782181;
}

.btn-omnipack:active,
.btn-omnipack.active,
.open > .dropdown-toggle.btn-omnipack {
    background-color: #F18700;
    border-color: #F18700;
}

/* cti-traun */
.btn-cti-traun-pos {
    position: absolute;
    top: 28.6%;
    left: 48.5%;
    z-index: 1;
}

.btn-cti-traun {
    border-radius: 50px;
    padding: 5px;
    height: 14px;
    width: 14px;
    background-color: #782181;
    border-color: #782181;
}

.btn-cti-traun:focus,
.btn-cti-traun.focus {
    background-color: #782181;
    border-color: #782181;
}

.btn-cti-traun:hover {
    background-color: #8c3595;
    border-color: #8c3595;
}

.btn-cti-traun:active,
.btn-cti-traun.active,
.open > .dropdown-toggle.btn-cti-traun {
    background-color: #782181;
    border-color: #782181;
}

/* cigar rings nicaragua */
.btn-cigar-rings-nicaragua-pos {
    position: absolute;
    top: 55.5%;
    left: 23.8%;
    z-index: 1;
}

.btn-cigar-rings-nicaragua {
    border-radius: 50px;
    padding: 4px;
    height: 10px;
    width: 10px;
    background-color: #00642e;
    border-color: #00642e;
}

.btn-cigar-rings-nicaragua:focus,
.btn-cigar-rings-nicaragua.focus {
    background-color: #00642e;
    border-color: #00642e;
}

.btn-cigar-rings-nicaragua:hover {
    background-color: #782181;
    border-color: #782181;
}

.btn-cigar-rings-nicaragua:active,
.btn-cigar-rings-nicaragua.active,
.open > .dropdown-toggle.btn-cigar-rings-nicaragua {
    background-color: #00642e;
    border-color: #00642e;
}

/* cigar rings dominican republic */
.btn-cigar-rings-dom-pos {
    position: absolute;
    top: 52.2%;
    left: 28.7%;
    z-index: 1;
}

.btn-cigar-rings-dom {
    border-radius: 50px;
    padding: 4px;
    height: 10px;
    width: 10px;
    background-color: #00642e;
    border-color: #00642e;
}

.btn-cigar-rings-dom:focus,
.btn-cigar-rings-dom.focus {
    background-color: #00642e;
    border-color: #00642e;
}

.btn-cigar-rings-dom:hover {
    background-color: #782181;
    border-color: #782181;
}

.btn-cigar-rings-dom:active,
.btn-cigar-rings-dom.active,
.open > .dropdown-toggle.btn-cigar-rings-dom {
    background-color: #00642e;
    border-color: #00642e;
}

/* ===  /Map  ===  */

/* ===  FOOTER  ===  */
footer {
    color: #7b7776;
    font-size: 15px;
    line-height: 1.8;
    overflow: hidden;
}

footer .footer-content {
    display: block;
    background: white;
    margin: 70px 0 0 0;
    padding: 40px 0 20px 0;
}

footer .footer-bar {
    padding: 23px 0;
    border-bottom: 3px #76227e solid;
}

footer h3 {
    margin: 10px 0 10px 0;
    padding-bottom: 15px;
    border-bottom: 1px #d6dfde solid;
    font-size: 0.9rem;
    font-weight: 600;
    color: #292826;
}

footer a, a:focus {
    color: #292726;
}

footer a:hover {
    color: #b3b3b3;
}

footer ul, footer ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

footer hr {
    margin: 25px -15px;
    border: 0;
    height: 1px;
    border-top: #d6dfde 1px solid;
}

footer .footer-bar p {
    margin: 0 25px 0 0;
}

footer .margin-bottom20 {
    margin-bottom: 11px;
}

footer img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.footer-bar a {
    color: #a7a9a8;
}

.footer-bar a:hover {
    color: #292726;
}

address {
    color: #a7a9a8;
}

address a {
    color: #a7a9a8;
}

address a:hover {
    color: #292726;
}

.floatbox {
    float: left;
}

.wm-news-col-date {
    font-size: 14px;
}

.wm-news-col-desc {
    font-size: 1.3rem;
    padding: 0;
}

.wm-news-desc {
    max-width: 400px;
    padding: 15px 0 40px 0;
    font-size: 1rem;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 15px 0;
    border-top: none;
    display: table;
}

/* ===  /FOOTER  ===  */

/* ===  FORMULARE === */
.wm-form .radio,
.wm-form .checkbox {
    display: inline-block;
    width: 250px;
}

.wm-form input[type=button] {
    margin-left: 0;
}

.form-control {
    border-radius: 2px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075);
}

.form-horizontal .control-label {
    text-align: left;
    margin-bottom: 0;
    padding-top: 7px;
}

.form-control:focus {
    border-color: #292726;
    outline: 0 none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(220, 220, 233, 0.9);
}

.table {
    margin-left: -15px;
}

.wm-news-col-date {
    font-size: 14px;
}

.wm-news-col-desc {
    font-size: 1.3rem;
    padding: 0;
}

.wm-news-desc {
    max-width: 400px;
    margin-bottom: 0;
    padding: 5px 0 0;
    font-size: 1rem;
}

.wm-news-morelink {
    display: block;
    margin-bottom: 25px;
    font-size: 1rem;
}

.pager {
    display: inline-block;
    padding: 5px 30px;
    background-color: #ccc;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 15px 0;
    border-top: none;
    display: table;
}

.alert-info {
    background-color: transparent;
    border-color: transparent;
    color: transparent;
}

.alert {
    padding: 0;
    margin-bottom: 0;
    border: 0 solid transparent;
    border-radius: 0;
}

.glyphicon-flash::before {
    content: "";
}

.btn:hover, .btn:focus, .btn.focus {
    color: #ccc;
}

/* ===  FORMULARE === */

/* ===============  min-width 992  ===============  */
@media screen and (min-width: 992px) {
    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: transparent;
        color: #782181;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #782181;
        background-color: transparent;
        padding-bottom: 3px;
        border-bottom: 4px #782181 solid;
    }

    .navbar-nav {
        padding-right: 0;
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 15px;
    }

    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-left: 0;
        margin-right: -15px;
    }

    .leftright {
        text-align: right;
    }
}

/* ===============  max-width 991 (TABLET+SMARTPHONE)  ===============  */
@media screen and (max-width: 991px) {
    /* Hide Bootstrap collapse on mobile; we use full-screen overlay instead (Omnipack/Viappiani style) */
    .navbar-responsive-collapse {
        display: none !important;
    }
    /* Show overlay wrapper on mobile so #mobile-menu-overlay can be toggled */
    .mobile-menu-overlay-wrapper {
        display: block !important;
    }

    /* Navbar is outside container-wrapper – full viewport width */
    .navbar-wrapper {
        width: 100%;
        left: 0;
        right: 0;
    }
    .navbar-wrapper .navbar,
    #topNav {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* Navbar container: full width, no horizontal padding (navbar-header will handle edge spacing) */
    .top-header .container,
    .top-header .container-fluid,
    .navbar .container,
    .navbar .container-fluid {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }
    /* Navbar header: full width, flex, edge padding – logo flush left, burger flush right */
    .navbar-header {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        float: none;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box;
    }
    /* Disable Bootstrap clearfix pseudo-elements that cause visible stripes */
    .navbar-header::before,
    .navbar-header::after {
        content: "" !important;
        display: none !important;
    }
    .navbar .container-fluid::before,
    .navbar .container-fluid::after {
        content: "" !important;
        display: none !important;
    }
    .navbar::before,
    .navbar::after {
        content: "" !important;
        display: none !important;
    }
    /* Hide clearfix pseudo-elements in content (causing purple stripes) – keep visibility so float clear still works */
    .container-wrapper .container::before,
    .container-wrapper .container::after,
    .container-wrapper .row::before,
    .container-wrapper .row::after {
        content: "" !important;
        visibility: hidden !important;
    }
    .navbar .container > .navbar-header,
    .navbar .container-fluid > .navbar-header {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .navbar-toggle {
        float: none;
        margin-top: 0;
        padding: 6px 6px 6px 12px;
    }
    .hamburger-title {
        padding-right: 6px;
    }

    /* Index only: main padding so content isn't hidden under fixed navbar when scrolling past carousel */
    body.page-index main {
        padding-top: 56px;
    }
    /* Carousel touches top – navbar overlays it (Omnipack pattern) */

    /* Colombia-style: container full width, navbar-toggle margin-right 0 */
    .container {
        width: 100% !important;
    }
    .navbar-toggle {
        margin-right: 0;
    }
    .navbar-brand {
        min-height: 56px;
        padding: 0;
    }
    .navbar-brand img,
    .navbar-brand .img-responsive {
        max-height: 36px;
        height: auto;
        width: auto;
        object-fit: contain;
        display: block;
    }

    .pull-left:nth-child(2n) {
        margin-right: 0;
    }

    .pull-left:nth-child(n) {
        margin-right: 20px;
    }

    /* Header-Objekte */
    .header-objekte {
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px;
        height: 298px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .col-maxwidth {
        max-width: none;
    }

    hr.company {
        border: 0;
        margin: 30px 0 50px 0;
        border-top: #e5e5e5 1px solid;
    }


    #drop .btn-default {
        margin-bottom: 40px;
    }

    #drop .dropdown-menu {
        margin-top: -50px;
    }

    hr.accord {
        clear: both;
    }

    .margin-minus {
        margin-left: -80px;
        margin-right: -80px;
    }

    .padding-right-rahmen {
        padding-bottom: 20px;
    }

    .triangle-border.top::before {
        top: 0;
        bottom: auto;
        left: 0;
        border-width: 0;
    }

    .triangle-border.top::after {
        top: 0;
        bottom: auto;
        left: 0px;
        border-width: 0;
    }

    .item-box {
        padding: 20px;
        border: 1px solid #e5eaea;
    }

    .item-floatbox {
        display: inline-block;
        vertical-align: middle;
    }

    .item-floatbox h4 {
        margin-top: 0;
    }

    .item-linkbox {
        width: 260px;
    }

    .item-floatbox-padding-left {
        padding-left: 25px;
        text-align: left;
    }

    .item-floatbox-pull-right {
        float: right;
        margin-top: 40px;
    }

    .item-floatbox-pull-right-tel {
        float: right;
        margin-top: 32px;
    }

    .navbar-toggle {
        margin-right: 0;
    }

    .galerie {
        padding-right: 0;
    }

    .img-thumbnail {
        width: 348px;
    }

    .header-image-start {
        height: 330px;
        margin-bottom: 80px;
    }

    .header-image {
        margin-bottom: 160px;
        height: 298px;
    }

    .header-text {
        top: 320px;
        padding-left: 0;
    }

    h1 {
        font-size: 2.3rem;
        margin-bottom: 15px;
    }

    h3 {
        margin-bottom: 20px;
        font-size: 1.1rem;
        font-weight: 700;
    }

    h4 {
        margin: 20px 0 5px 0;
        font-size: 1rem;
        font-weight: 600;
    }

    .fa-2x {
        margin-top: 5px;
    }

    /* ===  Carousel-caption  ===  */
    .carousel {
        height: 730px;
        margin-bottom: 0;
    }

    .carousel .item {
        background-color: #fff;
        height: 728px;
    }

    .carousel .carousel-indicators {
        bottom: 300px;
    }

    .carousel-inner .item .carousel-caption {
        top: 420px;
    }

    .carousel-inner > .item > img {
        height: 420px;
    }

    .carousel h3 {
        max-width: 500px;
    }

    /* ===  /Carousel-caption  ===  */

    /* ===  LANGUAGE MAXWITH992  ===  */
    ul.bullet-list li {
        float: left;
        list-style: none;
        padding-left: 5px;
        padding-right: 15px;
    }

    ul.bullet-list {
        padding-left: 10px;
    }

    .list-inline > li {
        padding-right: 0;
    }

    .language-content {
        margin-left: -15px;
        margin-right: -15px;
        padding: 30px 15px 10px;
        border-bottom: 1px solid #e5eaea;
    }

    .language {
        margin-top: 12px;
        display: block;
    }

    .language a:link {
        color: #282726;
    }

    .language a:hover {
        color: #782181;
    }

    .kurztext {
        margin-top: 8px;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 600;
    }

    /* ===  /LANGUAGE  ===  */

    /* ===  MENU Symbole  ===  */
    a.dropdown-toggle::after {
        float: right;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 0.6;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        padding-top: 5px;
        padding-right: 0;
        font-size: 24px;
        color: #782181;
        content: "\f0d7";
    }

    li.dropdown > a.dropdown-toggle::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    li.dropdown.open > a.dropdown-toggle::after {
        padding-left: 0;
        padding-right: 0;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    #menu-button {
        margin-left: 6px;
    }
    #menu-button::before {
        display: inline-block;
        font-family: FontAwesome;
        color: #292726;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 25px;
        margin-top: 5px;
        padding-right: 0;
        font-size: 2.0em;
    }

    .navbar-toggle #menu-button::before {
        content: "\f00d";
    }

    .navbar-toggle.collapsed #menu-button::before {
        content: "\f0c9";
    }

    /* When overlay is open, hamburger shows X (same as .navbar-toggle without .collapsed) */
    .navbar-toggle.active #menu-button::before {
        content: "\f00d";
    }

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        padding-bottom: 14px;
    }
}

/* Full-screen mobile menu overlay (Viappiani project standard) - above fixed navbar (Bootstrap navbar-fixed-top = 1030) */
#mobile-menu-overlay {
    position: fixed;
    inset: 0;
    z-index: 1050;
    background-color: #fff;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
}
#mobile-menu-overlay.open {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
}
.mobile-menu-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: none;
    background: transparent;
    color: #292726;
    font-size: 1.75rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    -webkit-tap-highlight-color: transparent;
}
.mobile-menu-close:hover,
.mobile-menu-close:focus {
    color: #782181;
    outline: none;
}
#mobile-menu-overlay .mobile-menu-nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    width: 100%;
    max-width: 320px;
    padding: 0 16px;
    box-sizing: border-box;
}
#mobile-menu-overlay .mobile-menu-nav > a {
    display: block;
    width: 100%;
    padding: 18px 16px;
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #292726;
    text-align: center;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    text-decoration: none;
}
#mobile-menu-overlay .mobile-menu-nav > a:hover,
#mobile-menu-overlay .mobile-menu-nav > a:focus {
    color: #782181;
    text-decoration: none;
}
#mobile-menu-overlay .mobile-menu-nav > a.active {
    color: #782181;
}
#mobile-menu-overlay .mobile-menu-lang {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 32px;
    font-size: 1rem;
    font-weight: 600;
}
#mobile-menu-overlay .mobile-menu-lang a,
#mobile-menu-overlay .mobile-menu-lang span {
    color: #292726;
    text-decoration: none;
}
#mobile-menu-overlay .mobile-menu-lang a:hover {
    color: #782181;
}
body.mobile-menu-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
}

/* Extend overlay menu behavior to tablet/laptop widths up to 1199px */
@media screen and (max-width: 1199px) {
    .mobile-menu-overlay-wrapper {
        display: block !important;
    }
    .navbar-responsive-collapse,
    .navbar-responsive-collapse.in {
        display: none !important;
        visibility: hidden !important;
    }
    #topNav.navbar-fixed-top {
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }
    #topNav.navbar-fixed-top.navbar-transparent {
        background-color: transparent !important;
        box-shadow: none !important;
    }
    #topNav.navbar-fixed-top:not(.navbar-transparent) {
        background-color: #EEF2F2 !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
    }
}

@media screen and (max-width: 991px) {
    /* Transparent at top, light gray + shadow when scrolled (Colombia-style) */
    #topNav.navbar-fixed-top {
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
    }
    #topNav.navbar-transparent {
        background-color: transparent !important;
        box-shadow: none;
    }
    #topNav.navbar-fixed-top:not(.navbar-transparent) {
        background-color: #EEF2F2 !important;
        box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    }
    .navbar-fixed-top {
        height: auto;
        min-height: 56px;
        width: 100% !important;
        max-width: 100% !important;
        left: 0 !important;
        right: 0 !important;
    }
    .navbar-fixed-top .navbar-header {
        min-height: 56px;
    }

    .navbar-nav {
        margin-top: 0;
        margin-bottom: 0;
        border-bottom: 1px #edf1f1 solid;
        background-color: #fff;
    }


    .nav > li > a {
        position: relative;
        margin: 0;
        padding: 14px;
        font-size: 18px;
        font-weight: 600;
        color: #000;
        border-bottom: 1px #edf1f1 solid;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #782181;
        background-color: transparent;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #782181;
        background-color: transparent;
        border-bottom: 1px #edf1f1 solid;
    }

    .navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        background-color: transparent;
        color: #000;
        border-bottom: 0 transparent solid;
        border-top: 0 transparent solid;
        background-image: url("../img/navborder-bottom.png");
        background-repeat: no-repeat;
        background-position: bottom left;
    }

    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        margin-left: 15px;
        padding: 10px 0;
        border-bottom: none;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }

    /* ===  WIDTH-NAVBAR TABLET  ===  */
    .container {
        width: 100% !important;
    }
    /* ===  /WIDTH-NAVBAR TABLET  ===  */
}

/* ===============  /max-width 991 (TABLET+SMARTPHONE) ===============  */

/* ===============  max-width 768 (SMARTPHONE) ===============  */
@media screen and (max-width: 767px) {
    .item-floatbox-padding-left {
        padding-left: 0;
        text-align: center;
    }

    /* Colombia-style: navbar height 76px */
    .navbar {
        height: 76px;
    }

    .item-box {
        padding: 20px 45px;
        border: 1px solid #E5EAEA;
        width: 260px;
    }

    .item-floatbox-padding-left {
        padding-left: 0;
    }

    .item-floatbox {
        display: block;
    }

    .produktbox-text {
        min-height: auto;
    }

    .newsbox-text {
        height: 50px;
    }

    .featured-box-container {
        margin: 40px 0 50px 0;
    }

    .img-thumbnail {
        width: 298px;
    }

    .navbar-brand > img,
    .navbar-brand .img-responsive {
        height: 36px;
    }

    .navbar-brand {
        min-height: 60px;
    }

    .navbar-toggle {
        margin-top: 0;
        margin-right: 0;
    }

    .header-image {
        height: 210px;
    }

    .header-text {
        top: 220px;
        padding-left: 0;
    }

    .btn-group, .btn-group-vertical {
        margin-bottom: 30px;
    }

    .bottom60 {
        margin-bottom: 50px;
    }

    .floatbox {
        float: none;
    }

    h1 {
        font-size: 1.625rem;
        margin-bottom: 15px;
    }

    h2 {
        margin: 20px 0 10px 0;
        font-size: 1.375rem;
    }

    h3 {
        margin: 20px 0;
        font-size: 1.1rem;
        font-weight: 700;
    }

    footer h3 {
        padding-bottom: 10px;
        margin: 30px 0 10px 0;
    }

    hr {
        border: 0;
        margin: 40px 0 25px 0;
        border-top: #e5e5e5 1px solid;
    }

    hr.padding50 {
        margin: 3rem -15px 3rem -15px;
        border: 0;
        border-top: #e5e5e5 1px solid;
    }

    /* === Colored box === */
    .featured-box {
        padding: 25px 0;
    }

    .featured-box img {
        width: 60px;
        float: left;
        padding-right: 20px;
    }

    .featured-box h4 {
        display: table;
        text-align: left;
    }

    #drop .btn-default {
        margin-bottom: 30px;
        max-width: 100%;
    }

    #drop .dropdown-menu {
        width: 100%;
    }
}

/* Omnipak exact: phone carousel – indicators below image (≤767px) */
@media screen and (max-width: 767px) {
    .carousel-hero-wrapper {
        padding-bottom: 50px;
        margin-bottom: 30px;
    }
    .carousel {
        height: 630px;
        margin-bottom: 0;
        overflow: visible;
    }
    .carousel .item {
        height: 630px;
        background-color: #fff;
        position: relative;
    }
    .carousel-inner {
        height: 630px;
    }
    .carousel .carousel-indicators {
        bottom: -45px;
        left: 50%;
        transform: translateX(-50%);
        margin-left: 0;
    }
    .carousel-inner .item .carousel-caption {
        top: 360px;
    }
    .carousel-inner > .item > img {
        height: 350px;
        min-width: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
        left: 50%;
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .carousel-caption {
        text-align: left;
        padding: 0 15px 0 0;
    }
    .owl-carousel .owl-item {
        margin: 0;
    }
}

@media screen and (max-width: 414px) {
    .header-image-start {
        height: 200px;
        margin-bottom: 80px;
    }

    .pull-left:nth-child(n) {
        margin-right: 0;
    }

    .carousel {
        height: 510px;
        margin-bottom: 0;
    }
    .carousel .item {
        height: 510px;
        background-color: #fff;
    }
    .carousel-inner {
        height: 510px;
    }
    .carousel-inner .item .carousel-caption {
        top: 230px;
    }
    .carousel-inner > .item > img {
        height: 220px;
        min-width: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
        left: 50%;
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .map {
        width: 90%;
        left: 5%;
        z-index: 1;
        overflow: hidden;
    }

    .header-objekte {
        position: absolute;
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px;
        height: 210px;
        top: 0;
        right: 0;
        left: 0;
    }

    .panel-heading a {
        padding: 20px 0;
        font-size: 1rem;
    }

    footer .footer-content {
        margin: 30px 0 0 0;
    }
}

@media screen and (max-width: 320px) {
    #drop .dropdown-menu {
        width: 100%;
    }

    /* Smaller logo on very small screens */
    .navbar-brand > img,
    .navbar-brand .img-responsive {
        height: 32px;
    }
}

/* ===  TOBACCO PAGE STYLES - ADDED STYLES ONLY  === */

/* Hero Section */
.hero-tobacco {
    position: relative;
    min-height: 100vh;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
}

.hero-video-wrapper {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.hero-video {
    position: absolute;
    top: 50%;
    left: 50%;
    /* 16:9 cover: width based on viewport width, with minimums to cover tall screens */
    width: 100vw;
    height: 56.25vw;           /* 9/16 of width */
    min-width: 177.78vh;       /* 16/9 of height */
    min-height: 100vh;
    transform: translate(-50%, -50%);
    border: 0;
    pointer-events: none;      /* so clicks go to your content */
    z-index: 2;
}

.hero-fallback-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 1;
}

.hero-content {
    position: relative;
    z-index: 4;
    text-align: left;
    color: white;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 50px 0;
}

.hero-spacer {
    flex: 1;
    min-height: 60px;
}

.hero-ideas-row {
    position: relative;
    z-index: 5;
}

.hero-title {
    font-family: 'Zona Pro ExtraBold', Arial, sans-serif;
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 0.9;
    margin-bottom: 40px;
    text-shadow: none;
}

.hero-btn {
    margin-top: 20px;
    padding: 15px 30px;
    background-color: transparent;
    border: 2px solid white;
    color: white;
    font-weight: 700;
    font-size: 1rem;
    border-radius: 0;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    background-image: none;
}

.hero-btn:hover {
    background-color: white;
    color: #782181;
}

.hero-arrow {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    font-size: 2rem;
    animation: bounce 2s infinite;
    width: 100%;
    text-align: center;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    40% {
        transform: translateX(-50%) translateY(-10px);
    }
    60% {
        transform: translateX(-50%) translateY(-5px);
    }
}

/* Content Sections */
.labels-packaging-section {
    padding: 120px 0 0 0;
    background: white;
    overflow: hidden;
}

.ideas-visible-section {
    padding: 40px 0;
    position: relative;
    background-image: url('../img/tobacco/explosion-colored-powder-abstract-dust-closeup-black-background_72dpi_fuer_web.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
}

.ideas-visible-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(155, 89, 182, 0.6) 0%, rgba(120, 33, 129, 0.6) 100%);
    z-index: 1;
}

.ideas-visible-section .container {
    position: relative;
    z-index: 2;
}

.innovation-section {
    padding: 100px 0 20px 0;
    background: transparent;
    position: relative;
    z-index: 3;
}

.world-map-section {
    padding: 0 0 20px 0;
    margin-top: -350px;
    background: white;
    position: relative;
    z-index: 1;
}

.world-map-section .map {
    position: relative;
}

.world-map-section .map::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 150px;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
    z-index: 2;
    pointer-events: none;
}

.world-map-section .map::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 150px;
    background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
    z-index: 2;
    pointer-events: none;
}

.section-title {
    font-family: 'Zona Pro ExtraBold', Arial, sans-serif;
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: 30px;
    font-weight: 700;
}

.highlight-text {
    color: #782181;
}

.white-text {
    color: white;
}

.white-text .highlight-text {
    color: #ffffff;
    text-shadow: none;
}

.section-subtitle {
    font-size: 1.2rem;
    margin-bottom: 20px;
    font-weight: 600;
}

.section-description {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 20px;
}

.packaging-image {
    text-align: center;
    padding: 60px 0 0 0;
    position: relative;
}

/* FIXED: Packaging image positioning */
.packaging-image img {
    max-width: 80%;
    height: auto;
    display: block;
    margin: 0 auto;
    position: relative;
    bottom: 0px;
}

.tobacco-industry-text {
    color: #782181;
}

.purple-text {
    color: #782181;
}

.labels-packaging-section .section-description:last-child {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.labels-packaging-section .section-description:last-child::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 26%;
    height: 1px;
    background-color: #782181;
}

.innovation-section .section-description:last-child {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.innovation-section .section-description:last-child::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 26%;
    height: 1px;
    background-color: #782181;
}

/* Member Cards */
.member-buttons {
    margin-top: 0;
}

.member-card {
    background: rgba(255, 255, 255, 0.85);
    border-radius: 8px;
    padding: 4% 3%;
    text-align: center;
    margin-bottom: 20px;
    height: 120px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.ideas-title {
    margin-bottom: 20px;
    font-size: 2rem;
    line-height: 1.1;
}

.ideas-subtitle {
    font-size: 1.1rem;
    margin-bottom: 0;
    font-weight: normal;
    position: relative;
    padding-bottom: 15px;
}

.ideas-subtitle::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 26%;
    height: 1px;
    background-color: white;
}

.ideas-subtitle strong {
    font-size: 1.2rem;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}

.logo-placeholder {
    width: 160px;
    height: 80px;
    object-fit: contain;
}

.omnipack-card {
    background-color: #f8f9fa;
}

.cigar-rings-card {
    background-color: #f8f9fa;
}

.member-logo {
    margin-bottom: 3%;
    text-align: center;
    padding: 2% 5%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.member-logo img {
    max-width: 80%;
    height: auto;
    max-height: 50px;
    object-fit: contain;
}

.omnipack-logo {
    font-family: 'Zona Pro ExtraBold', Arial, sans-serif;
    font-size: 1.2rem;
    color: #F18700;
    font-weight: 700;
}

.cigar-rings-logo {
    font-family: 'Zona Pro ExtraBold', Arial, sans-serif;
    font-size: 1.2rem;
    color: #00642e;
    font-weight: 700;
}

.btn-member {
    background-color: #782181;
    color: white;
    border: none;
    padding: 6px 15px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.85rem;
    transition: all 0.3s ease;
}

.btn-member:hover {
    background-color: #5d1a66;
    color: white;
}

/* FIXED: Family Photos styling */
.family-photos {
    text-align: center;
    padding: 20px 0;
    position: relative;
    z-index: 4;
}

.family-photos img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
    position: relative;
    z-index: 4;
    box-shadow: none;
}

/* Tablet Responsive */
@media screen and (max-width: 1024px) and (min-width: 768px) {
    .hero-video {
        width: 100vw;
        height: 56.25vw;
        min-width: 177.78vh;
        min-height: 100vh;
        transform: translate(-50%, -50%);
    }
    
    /* Ensure proper tablet layout for hero section */
    .hero-tobacco .hero-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100vh;
        text-align: center;
    }
    
    .hero-ideas-row {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    
    .hero-ideas-row .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0 10px;
    }
    
    .hero-title {
        font-size: 2.5rem;
        margin-bottom: 30px;
        text-align: center;
    }
    
    .ideas-title {
        font-size: 1.8rem;
    }
    
    .ideas-subtitle {
        font-size: 1rem;
    }
}

/* Hamburger menu - Viappiani/Omnipack style */
.navbar-toggle {
    padding: 9px 15px;
    margin-top: 13px;
    margin-right: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

/* SVG icon styling */
.navbar-toggle .icon {
    color: #fff;
    transition: opacity 0.2s ease;
}

/* Toggle icons via aria-expanded - target the actual button ID */
#menu-toggle-button .icon {
    display: none;
}

#menu-toggle-button[aria-expanded="false"] .icon-burger {
    display: inline;
}

#menu-toggle-button[aria-expanded="true"] .icon-close {
    display: inline;
    color: #000 !important;
}

/* Set button color when open for SVG currentColor */
#menu-toggle-button[aria-expanded="true"] {
    color: #000;
}

/* Ensure button stays above mobile menu */
#menu-toggle-button {
    position: relative;
    z-index: 10002 !important;
}

/* Hide hamburger button on desktop */
@media screen and (min-width: 992px) {
    .navbar-toggle,
    #menu-toggle-button {
        display: none !important;
    }
}

/* Mobile: tighter menu + burger spacing, with right padding for tap area */
@media screen and (max-width: 991px) {
    .navbar .navbar-toggle {
        padding: 6px 12px 6px 12px;
    }
}

/* Desktop layout from 768px and up */
@media screen and (min-width: 768px) {
    /* Desktop-only row styling for specific sections */
    .clients-section .row,
    .ideas-visible-section-orange .row,
    .contact-section-orange .row {
        margin-left: -15px;
        margin-right: -15px;
        align-items: flex-end;
        display: flex;
    }
    
    /* Desktop-only styling for hero ideas row */
    .hero-ideas-row {
        position: relative;
        z-index: 5;
        display: flex;
        justify-content: center;
    }
    
}

/* Contact Button - New sleek design */
.btn-contact {
    display: inline-block;
    padding: 12px 28px;
    background: transparent;
    color: #ffffff !important;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 2px solid #ffffff;
    transition: all 0.3s ease;
    cursor: pointer;
}

.btn-contact:hover {
    background: transparent;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(255, 255, 255, 0.1);
    text-decoration: none;
}

.btn-contact:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(241, 135, 0, 0.2);
    text-decoration: none;
}

/* Mobile Responsive */
@media screen and (max-width: 767px) {
    /* Center decorative lines on mobile */
    .innovative-packaging-section .section-description:last-of-type::after,
    .partner-offers::after {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    
    /* Center green section title on mobile */
    .ideas-visible-section-green .section-title {
        text-align: center !important;
    }
    
    .hero-tobacco {
        min-height: 130vh;
        height: auto;
    }
    
    .hero-tobacco .hero-video {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 100vw !important;
        height: 56.25vw !important;
        min-width: 231.11vh !important;      /* 16/9 of 130vh */
        min-height: 130vh !important;
        transform: translate(-50%, -50%) !important;
        border: 0 !important;
        pointer-events: none !important;
    }
    
    .hero-tobacco .hero-video-wrapper {
        position: absolute;
        inset: 0;
        z-index: 1;
    }
    
    .hero-title {
        font-size: 2.2rem;
        text-align: center;
        margin-top: 0;
        margin-bottom: 20px;
        line-height: 1.1;
    }
    
    .hero-tobacco .hero-content {
        text-align: center;
        height: 130vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 20px;
        position: relative;
        z-index: 3;
    }
    
    .hero-spacer {
        flex: 1;
        min-height: 20%;
    }
    
    .navbar-nav {
        flex-direction: column;
        text-align: center;
        margin: 0;
        padding: 0;
    }
    
    .navbar-nav > li {
        margin: 20px 0;
    }
    
    .navbar-nav > li > a {
        color: white !important;
        font-size: 2rem !important;
        font-weight: 300 !important;
        text-decoration: none;
        padding: 10px 0;
        border: none !important;
    }
    
    .navbar-nav > li > a:hover {
        color: #782181 !important;
        background: transparent !important;
    }
    
    /* Dropdown menu in fullscreen */
    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 20px;
        background-color: transparent;
        border: none;
        box-shadow: none;
    }
    
    .navbar-nav .dropdown-menu > li > a {
        color: rgba(255, 255, 255, 0.7) !important;
        font-size: 1.5rem !important;
        padding: 10px 0;
    }
    
    .navbar-nav .dropdown-menu > li > a:hover {
        color: white !important;
        background: transparent !important;
    }
    
    .hero-ideas-row {
        position: relative;
        bottom: auto;
        padding-bottom: 20px;
    }
    
    .hero-tobacco .member-card {
        margin-bottom: 10px;
        min-height: 70px;
        padding: 2% 2%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 1%;
        margin-right: 1%;
    }
    
    .hero-tobacco .member-card .member-logo {
        margin-bottom: 2%;
        padding: 3% 8%;
    }
    
    .hero-tobacco .member-card .member-logo img {
        max-width: 90%;
        max-height: 35px;
        height: auto;
        margin-bottom: 2%;
        object-fit: contain;
    }
    
    .hero-tobacco .btn-member {
        padding: 6px 12px;
        font-size: 0.8rem;
        margin-top: 5px;
    }
    
    .hero-tobacco .ideas-title {
        font-size: 1.5rem;
        margin-top: 0;
        margin-bottom: 10px;
        line-height: 1.2;
    }
    
    .hero-tobacco .ideas-subtitle {
        font-size: 0.9rem;
        margin-top: 0;
        line-height: 1.3;
    }
    
    /* Make member cards side by side on mobile */
    .hero-ideas-row .col-md-3:nth-child(1),
    .hero-ideas-row .col-md-3:nth-child(2) {
        width: 50% !important;
        float: left !important;
        margin-bottom: 15px;
    }
    
    /* Text columns stack below cards */
    .hero-ideas-row .col-md-3:nth-child(3),
    .hero-ideas-row .col-md-3:nth-child(4) {
        width: 100% !important;
        margin-bottom: 15px;
        clear: both;
    }
    
    /* Clearfix for the row */
    .hero-ideas-row::after {
        content: "";
        display: table;
        clear: both;
    }
    
    .section-title {
        font-size: 1.8rem;
        text-align: center;
    }
    
    .labels-packaging-section,
    .ideas-visible-section,
    .innovation-section {
        padding: 40px 0;
        text-align: center;
    }
    
    .member-card {
        margin-bottom: 15px;
    }
    
    /* Family photos mobile - adjusted size */
    .family-photos {
        padding: 20px 15px;
        text-align: center;
    }
    
    .family-photos img {
        max-width: 80%;
        margin: 0 auto;
    }
    
    /* Allow more overlap between family and world map sections on mobile */
    .innovation-section {
        padding: 40px 0 20px 0;
        margin-bottom: -40px;
    }
    
    .world-map-section {
        margin-top: 0;
        padding-top: 20px;
    }
    
    /* Fix world map image bounds on mobile Safari */
    .world-map-section img {
        max-width: 100%;
        margin: 0 auto;
        display: block;
    }
    
    /* Reduce gradient strength on mobile */
    .world-map-section .map::before {
        background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
        height: 80px;
    }
    
    .world-map-section .map::after {
        background: linear-gradient(to top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0) 100%);
        height: 80px;
    }
    
    /* Vimeo iframe responsive fixes */
    iframe.hero-video {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 100vw !important;
        height: 56.25vw !important;
        min-width: 231.11vh !important;      /* 16/9 of 130vh */
        min-height: 130vh !important;
        transform: translate(-50%, -50%) !important;
        border: 0 !important;
        pointer-events: none !important;
    }
    
    /* Fix packaging image positioning on mobile and tablet */
    .packaging-image {
        padding: 20px 15px 0 15px;
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    
    .packaging-image img {
        max-width: 90%;
        margin-top: auto;
        margin-bottom: 0;
        align-self: center;
    }
    
    /* Fix logo and burger menu alignment on mobile */
    .white-navbar .navbar-brand {
        padding: 15px 0 0 15px;
    }
    
    .white-navbar:not(.cigar-rings-navbar) .navbar-brand {
        padding: 15px 0 0 15px;
    }
    
    .navbar-toggle {
        margin-right: 15px;
    }
    
    /* Fix navbar height when scrolled on mobile */
    .white-navbar.scrolled,
    .white-navbar.omnipack-navbar.scrolled,
    .white-navbar.cigar-rings-navbar.scrolled {
        min-height: 70px;
    }
    
    /* Make dropdown menu purple for tobacco page */
    .white-navbar .dropdown-menu > li > a:hover,
    .white-navbar .dropdown-menu > li > a:focus {
        background-color: #782181;
    }
    
    .white-navbar .dropdown-menu > .active > a,
    .white-navbar .dropdown-menu > .active > a:hover,
    .white-navbar .dropdown-menu > .active > a:focus {
        background-color: #782181;
    }
    
    /* Center section description lines on mobile */
    .section-description {
        text-align: center;
    }
    
    /* Improve mobile spacing for all sections */
    .labels-packaging-section,
    .innovative-packaging-section,
    .friends-section,
    .products-section-green {
        padding: 40px 0;
    }
    
    /* Better mobile text alignment */
    .section-title,
    .section-subtitle {
        text-align: center;
    }
    
    /* Mobile hero adjustments */
    .hero-content {
        padding: 0 20px;
    }
    
    .innovation-section .section-description:last-child::after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .labels-packaging-section .section-description:last-child::after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    /* Center omnipack page lines on mobile */
    .innovative-packaging-section .section-description:last-of-type::after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    /* Center cigar-rings page lines on mobile */
    .friends-section .section-description:last-of-type::after {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    
    /* Center "making ideas visible" sections on mobile */
    .ideas-visible-section .ideas-title,
    .ideas-visible-section-orange .ideas-title,
    .ideas-visible-section-green .ideas-title,
    .ideas-visible-section-green .section-title {
        text-align: center;
    }
    
    .ideas-visible-section .ideas-subtitle,
    .ideas-visible-section-orange .ideas-subtitle,
    .ideas-visible-section-green .ideas-subtitle {
        text-align: center;
    }
    
    /* Center the line after ideas-subtitle on mobile */
    .ideas-subtitle::after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    /* Center ALL paragraph lines on mobile */
    .partner-offers::after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .clients-description::after {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    
    /* Center contact divider lines on mobile */
    .contact-divider,
    .contact-divider-green {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    
    /* Center addresses on cigar rings mobile */
    .contact-locations,
    .location {
        text-align: center;
    }
    
    .location h4,
    .location p {
        text-align: center;
    }
}

@media screen and (max-width: 414px) {
    .hero-title {
        font-size: 2rem;
    }
    
    .section-title {
        font-size: 1.5rem;
    }
    
}

/* Transparent Navbar Override for tobacco/cigar pages */
.white-navbar {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: none;
    min-height: 70px;
}

.white-navbar .navbar-default {
    background-color: transparent;
    border: none;
}

.white-navbar .navbar-brand {
    padding: 15px 0 0 15px;
    text-decoration: none;
}

.white-navbar .navbar-brand img {
    max-height: 60px;
    width: auto;
}

/* FIXED: Smaller logos for tobacco and omnipack pages */
.white-navbar:not(.cigar-rings-navbar) .navbar-brand {
    padding: 15px 0 0 15px;
}

.white-navbar:not(.cigar-rings-navbar) .navbar-brand img {
    max-height: 40px;
}

.white-navbar.cigar-rings-navbar .navbar-brand img {
    max-height: 45px;
}

.white-navbar .nav > li > a {
    color: white;
    font-weight: 700;
    font-size: 1.125rem;
}

.white-navbar .nav > li > a:hover,
.white-navbar .nav > li > a:focus {
    color: #ffffff;
    background-color: transparent;
}

.white-navbar .navbar-default .navbar-nav > .active > a,
.white-navbar .navbar-default .navbar-nav > .active > a:hover,
.white-navbar .navbar-default .navbar-nav > .active > a:focus {
    color: white;
    background-color: transparent;
    padding-bottom: 3px;
    border-bottom: 1px white solid;
}

.white-navbar .navbar-toggle {
    border-color: transparent;
}

.white-navbar .navbar-toggle .icon-bar {
    background-color: white;
}

.white-navbar .hamburger-title {
    color: white;
}

.white-navbar #menu-button::before,
.white-navbar .navbar-toggle .menu-icon {
    color: white;
}

.white-navbar .navbar-toggle .menu-icon-bar {
    background-color: white;
}


/* Scrolled Navbar State */
.white-navbar.scrolled {
    background-color: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1030 !important;
}


.white-navbar.scrolled .navbar-default {
    background-color: transparent !important;
}

.white-navbar.scrolled .nav > li > a {
    color: #333 !important;
}

.white-navbar.scrolled .navbar-default .navbar-nav > .active > a,
.white-navbar.scrolled .navbar-default .navbar-nav > .active > a:hover,
.white-navbar.scrolled .navbar-default .navbar-nav > .active > a:focus {
    color: #333 !important;
    border-bottom: 1px #333 solid;
}

/* Logo switching for tobacco navbar */
.white-navbar .logo-white {
    display: block;
}

.white-navbar .logo-black {
    display: none;
}

.white-navbar.scrolled .logo-white {
    display: none;
}

.white-navbar.scrolled .logo-black {
    display: block;
}

/* Hamburger menu styling for tobacco scrolled navbar */
.white-navbar.scrolled .hamburger-title {
    color: #333 !important;
}

.white-navbar.scrolled #menu-button,
.white-navbar.scrolled .navbar-toggle .menu-icon {
    color: #333 !important;
    background-color: transparent !important;
}

.white-navbar.scrolled #menu-button::before,
.white-navbar.scrolled .navbar-toggle .menu-icon-bar {
    color: #333 !important;
    background-color: #333 !important;
}


/* ===  /TOBACCO PAGE STYLES  === */

/* ===  OMNIPACK PAGE STYLES - ORANGE THEME  === */

/* Hero Section - Omnipack */
.hero-omnipack {
    position: relative;
    height: 100vh;
    min-height: 600px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('../img/tobacco/1228543_s.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-omnipack::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(241, 135, 0, 0) 0%, rgba(241, 135, 0, 0.6) 30%, rgba(241, 135, 0, 0.9) 70%);
    z-index: 1;
}

.hero-omnipack .hero-content {
    position: relative;
    z-index: 2;
    text-align: left;
    color: white;
}

/* Orange Theme Text */
.orange-text {
    color: #F18700;
}

/* Innovative Packaging Section */
.innovative-packaging-section {
    padding: 80px 0;
    background: white;
}

.innovative-packaging-section .section-title {
    font-size: 2rem;
}

.innovative-packaging-section .section-description:last-of-type {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.innovative-packaging-section .section-description:last-of-type::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 26%;
    height: 1px;
    background-color: #333;
}

.ideas-visible-section-orange .section-title {
    font-size: 3rem;
}

.partner-offers {
    list-style: none;
    padding-left: 0;
    margin-top: 20px;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.partner-offers::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 26%;
    height: 1px;
    background-color: white;
}

.packaging-showcase {
    text-align: center;
    padding: 20px;
}

.packaging-showcase img {
    max-width: 100%;
    height: auto;
}

/* Ideas Visible Section - Orange Theme */
.ideas-visible-section-orange {
    padding: 60px 0;
    background-image: url('../img/tobacco/IMG_0478.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transform: scaleX(-1);
    position: relative;
    color: white;
}

.ideas-visible-section-orange .container {
    transform: scaleX(-1);
    position: relative;
    z-index: 2;
}

.ideas-visible-section-orange::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgba(241, 135, 0, 1) 0%, rgba(241, 135, 0, 0.7) 100%);
    z-index: 1;
}

.black-text {
    color: #000 !important;
}

.ideas-title.black-text {
    color: #000 !important;
}

.ideas-title.black-text .highlight-text {
    color: #000 !important;
}

.partner-offers li {
    margin-bottom: 8px;
    font-size: 1rem;
}

.white-card {
    background: white;
    border-radius: 8px;
    padding: 30px 20px;
    text-align: center;
    color: #333;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    margin-bottom: 20px;
}

.equal-height {
    height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.orange-icon {
    color: #F18700;
    font-size: 2rem;
    margin-bottom: 15px;
}

.white-card h4 {
    color: #333;
    font-size: 0.9rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.white-card p {
    color: #666;
    font-size: 0.8rem;
    line-height: 1.4;
}

.idea-card {
    background: white;
    border-radius: 8px;
    padding: 25px 20px;
    text-align: center;
    margin-bottom: 30px;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.idea-card .card-icon {
    margin-bottom: 15px;
}

.idea-card .card-icon i {
    font-size: 2.5rem;
    color: #F18700;
}

.idea-card h4 {
    font-size: 0.9rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 15px 0;
    text-transform: lowercase;
}

.ideas-content h3,
.sustainability-content h3,
.quality-content h3 {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: white;
}

.ideas-content p,
.sustainability-content p,
.quality-content p {
    font-size: 0.9rem;
    line-height: 1.4;
    margin: 0;
}

/* Products Section */
.products-section {
    padding: 80px 0;
    background: white;
}

.products-showcase {
    position: relative;
    text-align: center;
    margin-top: 60px;
    min-height: 400px;
}

.central-product {
    position: relative;
    display: inline-block;
    z-index: 2;
}

.central-product img {
    max-width: 300px;
    height: auto;
}

.central-product h3 {
    margin-top: 20px;
    font-size: 1.2rem;
    font-weight: 700;
    color: #333;
}

.product-category {
    position: absolute;
    background: #F18700;
    color: white;
    padding: 8px 15px;
    border-radius: 4px;
    font-size: 0.8rem;
    font-weight: 600;
    white-space: nowrap;
}

.product-category.folding-cartons {
    top: 20%;
    left: 10%;
}

.product-category.sleeves {
    top: 20%;
    right: 10%;
}

.product-category.labels {
    bottom: 30%;
    left: 15%;
}

.product-category.innovative-packaging {
    bottom: 30%;
    right: 15%;
}

/* Contact Section - Orange Theme */
.contact-section-orange {
    padding: 80px 0;
    background: linear-gradient(135deg, #F18700 0%, #FF6B00 100%);
    color: white;
}

.contact-divider {
    width: 26%;
    height: 1px;
    background-color: white;
    margin: 15px 0 30px 0;
}

.contact-address {
    text-align: left;
}

/* Ensure contact address is left-aligned on desktop */
@media screen and (min-width: 768px) {
    .contact-section-orange .col-md-3 .contact-address,
    .contact-section-orange p.contact-address,
    #contactomnipack .contact-address {
        text-align: left !important;
    }
}

.team-member {
    text-align: center;
    margin-bottom: 40px;
}

.member-photo {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 20px;
    border: 3px solid white;
}

.member-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-member h4 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: white;
}

.team-member p {
    font-size: 0.85rem;
    line-height: 1.4;
    margin-bottom: 8px;
    color: white;
}

/* Mobile Responsive - Omnipack */
@media screen and (max-width: 767px) {
    .hero-omnipack {
        height: 100vh;
        min-height: 100vh;
    }
    
    .hero-omnipack::before {
        width: 100%;
        clip-path: none;
    }
    
    .idea-card {
        margin-bottom: 12px;
        min-height: 60px;
        padding: 12px 10px;
    }
    
    .idea-card .card-icon {
        margin-bottom: 8px;
    }
    
    .idea-card .card-icon i {
        font-size: 2rem;
    }
    
    .idea-card h4 {
        margin: 0 0 8px 0;
        font-size: 0.85rem;
    }
    
    .idea-card p {
        font-size: 0.8rem;
        line-height: 1.3;
        margin: 0;
    }
    
    .products-showcase {
        min-height: 300px;
    }
    
    .product-category {
        position: relative;
        display: inline-block;
        margin: 10px 5px;
    }
    
    .product-category.folding-cartons,
    .product-category.sleeves,
    .product-category.labels,
    .product-category.innovative-packaging {
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
    }
    
    .member-photo {
        width: 100px;
        height: 100px;
    }
}

/* Omnipack Navbar Scrolled State */
.white-navbar.omnipack-navbar.scrolled {
    background-color: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1030 !important;
}

.white-navbar.omnipack-navbar.scrolled .navbar-default {
    background-color: transparent !important;
}

.white-navbar.omnipack-navbar.scrolled .navbar-brand img {
    filter: none !important;
}

.white-navbar.omnipack-navbar.scrolled .navbar-nav > li > a {
    color: #333 !important;
}

.white-navbar.omnipack-navbar.scrolled .hamburger-title {
    color: #333 !important;
}

.white-navbar.omnipack-navbar.scrolled #menu-button,
.white-navbar.omnipack-navbar.scrolled .navbar-toggle .menu-icon,
.white-navbar.omnipack-navbar.scrolled .navbar-toggle .menu-icon-bar {
    color: #333 !important;
    background-color: #333 !important;
}

/* Logo switching for omnipack navbar */
.white-navbar.omnipack-navbar .logo-white {
    display: block;
}

.white-navbar.omnipack-navbar .logo-black {
    display: none;
}

.white-navbar.omnipack-navbar.scrolled .logo-white {
    display: none;
}

.white-navbar.omnipack-navbar.scrolled .logo-black {
    display: block;
}

/* Center slideshow titles under images for omnipack */
.clean-slideshow .slide h3 {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0;
    color: #333;
    font-size: 1.2rem;
    font-weight: 600;
}


/* ===  /OMNIPACK PAGE STYLES  === */

/* ===  CIGAR RINGS PAGE STYLES - GREEN THEME  === */

/* Hero Section - Cigar Rings */
.hero-cigar-rings {
    position: relative;
    height: 100vh;
    min-height: 600px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('../img/tobacco/cigarringshero.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-video-wrapper {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.hero-video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
}

.hero-cigar-rings .hero-content {
    position: relative;
    z-index: 2;
    text-align: left;
    color: white;
}

/* Green Theme Text */
.green-text {
    color: #006D40;
}

/* Friends Section */
.friends-section {
    padding: 80px 0;
    background: white;
}

.friends-section .section-title {
    font-size: 2rem;
}

.friends-section .section-description:last-of-type {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.friends-section .section-description:last-of-type::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 26%;
    height: 1px;
    background-color: #006D40;
}

.cigar-showcase {
    text-align: center;
    padding: 20px;
}

.cigar-showcase img {
    max-width: 100%;
    height: auto;
}

/* Ideas Visible Section - Green Theme */
.ideas-visible-section-green {
    padding: 60px 0;
    background: linear-gradient(135deg, #006D40 0%, #004D2E 100%);
    color: white;
}

.ideas-visible-section-green .container {
    position: relative;
    z-index: 2;
}

.ideas-visible-section-green .section-title {
    font-size: 3rem;
}

.equal-height-green {
    height: auto;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
}

.ideas-visible-section-green .row {
    margin-left: -8px;
    margin-right: -8px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.ideas-visible-section-green .col-md-3 {
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 20px;
    flex: 0 0 25%;
    max-width: 25%;
}

/* Responsive breakpoints */
@media screen and (max-width: 1200px) {
    .ideas-visible-section-green .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 768px) {
    .ideas-visible-section-green .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 30px;
    }
}

.green-icon {
    color: #006D40 !important;
    font-size: 2rem;
    margin-bottom: 15px;
}

.green-icon i {
    color: #006D40 !important;
    font-size: 2rem !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
}

/* Clients Section - Golden Occa Background */
.clients-section {
    padding: 40px 0 15px 0;
    background: white;
}

.clients-section .section-title {
    color: #333 !important;
}

.clients-section .section-description {
    color: #666 !important;
}

.clients-section .highlight-text {
    color: #006D40 !important;
}

.clients-description {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.clients-description::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 26%;
    height: 1px;
    background-color: #333;
}

/* FIXED: Logo carousel styling */
.logo-carousel-container {
    background: white;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-bottom: 20px;
    padding: 20px 0;
    overflow: hidden;
}

.logo-carousel {
    display: flex;
    animation: scroll 30s linear infinite;
    width: max-content;
}

.logo-slide {
    padding: 5px 15px;
    color: #666;
    font-weight: 600;
    font-size: 1.1rem;
    white-space: nowrap;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* Products Section - White Background */
.products-section-green {
    padding: 80px 0;
    background: white;
    color: #333;
}

.products-showcase-green {
    position: relative;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}

.central-product-green {
    text-align: center;
    background: white;
    border-radius: 10px;
    padding: 30px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.2);
    max-width: 400px;
}

.central-product-green img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.central-product-green h3 {
    color: #006D40;
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0;
}

.products-section-green .section-title {
    color: #333;
}

.products-section-green .section-description {
    color: #666;
}

/* Contact Section - Golden Occa Background */
.contact-section-green {
    padding: 80px 0;
    background: linear-gradient(135deg, #C18C0D 0%, #A67A0B 100%);
    color: white;
}

.contact-divider-green {
    width: 26%;
    height: 1px;
    background-color: white;
    margin: 15px 0 30px 0;
}

.contact-locations .location {
    margin-bottom: 30px;
}

.contact-locations .location h4 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.contact-locations .location p {
    font-size: 0.9rem;
    line-height: 1.4;
}

.team-member-vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
    padding: 40px;
    backdrop-filter: blur(10px);
}

.member-photo-vertical {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 20px;
    border: 3px solid white;
    flex-shrink: 0;
}

.member-photo-vertical img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-member-vertical h4 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: white;
}

.team-member-vertical .member-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: white;
}

.team-member-vertical .member-contact {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 0;
    color: white;
}

.starky-contact {
    text-align: center;
}

.member-photo-simple {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 20px auto;
    border: 3px solid white;
}

.member-photo-simple img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.starky-contact h4 {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: white;
}

.starky-contact .member-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 15px;
    color: white;
}

.starky-contact .member-contact {
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 0;
    color: white;
}

/* Mobile Responsive - Cigar Rings */
@media screen and (max-width: 767px) {
    .hero-cigar-rings {
        height: 100vh;
        min-height: 100vh;
    }
    
    .equal-height-green {
        height: 180px;
        margin-bottom: 20px;
    }
    
    .team-member-large {
        flex-direction: column;
        text-align: center;
    }
    
    .member-photo-large {
        margin-right: 0;
        margin-bottom: 20px;
    }
}

/* Cigar Rings Navbar Scrolled State */
.white-navbar.cigar-rings-navbar.scrolled {
    background-color: rgba(255, 255, 255, 0.8) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1030 !important;
}

.white-navbar.cigar-rings-navbar.scrolled .navbar-default {
    background-color: transparent !important;
}

.white-navbar.cigar-rings-navbar.scrolled .navbar-brand img {
    filter: none !important;
}

.white-navbar.cigar-rings-navbar.scrolled .navbar-nav > li > a {
    color: #333 !important;
}

.white-navbar.cigar-rings-navbar.scrolled .hamburger-title {
    color: #333 !important;
}

.white-navbar.cigar-rings-navbar.scrolled #menu-button,
.white-navbar.cigar-rings-navbar.scrolled .navbar-toggle .menu-icon,
.white-navbar.cigar-rings-navbar.scrolled .navbar-toggle .menu-icon-bar {
    color: #333 !important;
    background-color: #333 !important;
}

/* Fix cigar rings scrolled navbar dropdown visibility and gap */
.white-navbar.cigar-rings-navbar.scrolled .navbar-nav .open .dropdown-menu {
    margin-top: 0;
    border-top: none;
}

.white-navbar.cigar-rings-navbar.scrolled .navbar-nav .open .dropdown-menu > li > a {
    color: #333 !important;
    background-color: white !important;
}

.white-navbar.cigar-rings-navbar.scrolled .navbar-nav .open .dropdown-menu > li > a:hover,
.white-navbar.cigar-rings-navbar.scrolled .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333 !important;
    background-color: #f5f5f5 !important;
}


/* Video Play Overlay Enhancements */
.video-play-overlay .play-text {
    color: white;
    font-size: 14px;
    margin-top: 10px;
    text-align: center;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.video-play-overlay:hover .play-button {
    transform: scale(1.1);
    background-color: rgba(255, 255, 255, 0.3);
}

.video-play-overlay:hover .play-text {
    color: #C18C0D;
}

/* Vimeo iframe styling */
iframe.hero-video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
}

/* FIXED: Logo carousel styling fixes */
.clients-section .logo-slide {
    padding: 10px 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 0 !important;
    height: 60px !important;
    min-height: 60px !important;
}

.clients-section .logo-carousel-container .logo-carousel .logo-slide img {
    height: 40px !important;
    max-height: 40px !important;
    width: auto !important;
    max-width: 120px !important;
    min-width: auto !important;
    min-height: auto !important;
    object-fit: contain !important;
    filter: none !important;
    opacity: 1 !important;
    transition: opacity 0.3s ease !important;
    display: block !important;
}

.clients-section .logo-carousel-container .logo-carousel .logo-slide img.img-responsive {
    height: 40px !important;
    max-height: 40px !important;
    width: auto !important;
    max-width: 120px !important;
}

.clients-section .logo-slide:hover img {
    opacity: 1 !important;
}

/* ===  /CIGAR RINGS PAGE STYLES  === */


/* ADDED: Simple gallery component with mobile swipe support */
.simple-gallery {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 15px;
    padding: 20px 0;
    -webkit-overflow-scrolling: touch;
}

.simple-gallery img {
    flex: 0 0 auto;
    scroll-snap-align: start;
    border-radius: 8px;
    max-height: 300px;
    width: auto;
}

@media screen and (max-width: 768px) {
    .simple-gallery {
        scroll-behavior: smooth;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .simple-gallery::-webkit-scrollbar {
        display: none;
    }
}

/* Clean Slideshow Component */
.clean-slideshow {
    position: relative;
    width: 100vw;
    margin: 20px 0;
    padding: 0 60px;
}

.slideshow-container {
    position: relative;
    width: 100vw;
    height: 350px;
    overflow: visible;
}

.clean-slideshow .slide {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0;
      transition: opacity 0.5s ease;
  }


.slide.active {
    opacity: 1;
}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.slide-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255,255,255,0.9);
    color: #333;
    border: none;
    width: 50px;
    height: 50px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
    font-size: 16px;
    backdrop-filter: blur(10px);
}

.slide-btn:hover {
    background: rgba(255,255,255,1);
    transform: translateY(-50%) scale(1.05);
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}

.prev-btn {
    left: -25px;
}

.next-btn {
    right: -25px;
}

/* Mobile responsiveness */
@media screen and (max-width: 767px) {
    .clean-slideshow {
        width: 95vw;
        max-width: 95vw;
        margin: 20px auto;
        padding: 0 30px;
    }
    
    .slideshow-container {
        height: 60vh;
        max-height: 60vh;
        width: 100%;
    }
    
    .slide {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        text-align: center;
    }
    
    .slide img {
        max-width: 90%;
        max-height: 80%;
        object-fit: contain;
        margin-bottom: 15px;
    }
    
    .slide h3 {
        margin: 0;
        padding: 0;
        font-size: 1.1rem;
        color: #333;
    }
    
    .slide-btn {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    
    .prev-btn {
        left: 5px;
    }
    
    .next-btn {
        right: 5px;
    }
    
    /* Center address in make contact section on omnipack mobile */
    .contact-section-orange .contact-address {
        text-align: center !important;
    }
    
    /* Add spacing between address and first person on mobile */
    .contact-section-orange .col-md-3:first-child {
        margin-bottom: 40px !important;
    }
}