/* =========================================================
   GRAVURPARADIES – custom.css
   PrestaShop 1.7.8.6 • Theme: Deo_Axu
   Akzentfarbe: #7a6a5a (warmes Kupfer/Braun)
   ========================================================= */

/* =========================================================
   01) FONTS – Inter lokal (WOFF2)
   ========================================================= */

@font-face{
  font-family:"Inter";
  src:url("../fonts/Inter-Regular.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("../fonts/Inter-Medium.woff2") format("woff2");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Inter";
  src:url("../fonts/Inter-Bold.woff2") format("woff2");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

/* Inter auf alle Elemente */
body, h1, h2, h3, h4, h5, h6, p, a, span, li, button, input, textarea, select{
  font-family:"Inter", sans-serif !important;
}

/* =========================================================
   02) BASIS
   ========================================================= */

html{ scroll-behavior:smooth; }

body{
  font-family:"Inter", sans-serif;
  color:#323232;
}

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

/* =========================================================
   03) HEADER / TOPBAR
   ========================================================= */

#header .header-nav .topnav,
#header .header-nav .topnav .inner,
#header .header-nav .topnav .wrapper{
  padding-top:0 !important;
  padding-bottom:0 !important;
  min-height:auto !important;
}

#header .header-nav .topnav .widget_text,
#header .header-nav .topnav .textwidget{
  margin:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  line-height:1.2 !important;
}

#header .header-nav .topnav,
#header .header-nav .topnav *{
  text-transform:none !important;
  letter-spacing:0 !important;
}

#header .header-nav .topnav .widget_text,
#header .header-nav .topnav .textwidget{
  font-family:"Inter", sans-serif !important;
  font-size:14px !important;
  font-weight:400 !important;
  color:#ffffff !important;
}

#header .header-nav .topnav .textwidget strong{
  font-weight:600 !important;
  color:#ffffff !important;
}

#header .header-nav .topnav .textwidget > div{
  gap:18px !important;
}

#header .header-nav .topnav img.emoji{
  width:0.95em !important;
  height:0.95em !important;
  vertical-align:middle !important;
}

/* Mobile Header */
@media (max-width:767px){
  #header .header-container,
  #header .header-top,
  #header .header-top .inner{
    padding-top:0 !important;
    padding-bottom:0 !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
  }
  #header .box-middle-header{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    padding:6px 10px !important;
  }
  #header .box-middle-header > .DeoColumn{
    width:auto !important;
    max-width:none !important;
    flex:0 0 auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  #header .box-middle-header > .center-middle-header.DeoColumn{
    flex:1 1 auto !important;
  }
  #header .logo.block.DeoLogoStore img{
    display:block !important;
    width:auto !important;
    max-height:56px !important;
    margin:0 !important;
  }
  #header .box-middle-header > .right-middle-header.DeoColumn:nth-child(2){
    margin-left:auto !important;
    display:none !important;
  }
  #header .box-middle-header > .right-middle-header.DeoColumn:nth-child(3){
    margin-left:auto !important;
  }
  #header .DeoAdvancedSearch,
  #header .deo-search-advanced{
    display:none !important;
  }
}

@media (max-width:576px){
  .top-bar-custom{
    padding:10px 10px !important;
    line-height:1.25 !important;
    font-size:12px !important;
    margin-bottom:10px !important;
  }
}

/* =========================================================
   04) MEGAMENÜ
   ========================================================= */

.deo-horizontal-menu{
  border:0 !important;
  box-shadow:none !important;
}
.deo-horizontal-menu .navbar-nav,
.deo-horizontal-menu .megamenu-content{
  box-shadow:none !important;
}

@media (max-width:991px){
  .deo-horizontal-menu .megamenu-content{
    background:#ffffff !important;
    color:#2e2e2e !important;
  }
  .deo-horizontal-menu .megamenu-content .nav-item > a,
  .deo-horizontal-menu .megamenu-content .nav-item > a:visited{
    color:#2e2e2e !important;
  }
  .deo-horizontal-menu .megamenu-content .nav-item > a:hover,
  .deo-horizontal-menu .megamenu-content .nav-item > a:focus{
    background:#f3ece6 !important;
    color:#2e2e2e !important;
  }
}

/* =========================================================
   05) STARTSEITE
   ========================================================= */

/* Service-Leiste */
.row.box-service.box-flex-center.title-normal.title-center{
  padding:5px 20px !important;
}
.row.box-service .DeoColumn{
  padding-top:10px !important;
  padding-bottom:10px !important;
}
.row.box-service .media img{
  max-width:55px !important;
  height:auto !important;
}

/* Storybar */
#index .tl-storybar{
  background:#4a4a4a;
  padding:10px;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
#index .tl-storybar__inner{
  max-width:1100px;
  margin:0 auto;
  padding:0 34px;
  font-family:"Inter", sans-serif;
  color:#e9e9e9;
}
#index .tl-story-h2{
  margin:0 0 6px;
  font-size:20px;
  font-weight:700;
  line-height:1.2;
  color:#ffffff;
}
#index .tl-story-h3{
  margin:0 0 14px;
  font-size:15px;
  font-weight:600;
  line-height:1.25;
  color:#f1f1f1;
}
#index .tl-storybar__inner p{
  margin:0 0 12px;
  font-size:15px;
  line-height:1.65;
  font-weight:400;
  color:#e2e2e2;
}
#index .tl-storybar__inner strong{
  font-weight:700;
  color:#ffffff;
}
#index .tl-storybar__inner p:last-child{ margin-bottom:0; }
#index .tl-story-cta{
  margin-top:10px;
  font-weight:700;
  color:#ffffff;
}

@media (max-width:767px){
  #index .tl-storybar{ padding:22px 0; }
  #index .tl-storybar__inner{ padding:0 18px; }
}

/* Slideshow Button */
.DeoSlideshow .btn-slideshow{
  color:#FFF !important;
  background:#bdac9c !important;
  border-color:#bdac9c !important;
}
.DeoSlideshow .btn-slideshow:hover{
  color:#000 !important;
  background:#FFF !important;
  border-color:#FFF !important;
}

/* Slideshow Texte */
.DeoSlideshow .second-text{ color:#323232; }
.DeoSlideshow .third-text{ color:#323232; }

/* Banner Bild-Beschreibung */
.block.banner.banner-axu-one.effect-zoom .image_description{
  background:rgba(255,255,255,0.75) !important;
}
.block.banner.banner-axu-one .image_description p{
  font-weight:600 !important;
}

/* Sub-Title Widget – Klammern entfernen */
.sub-title-widget{
  font-size:0 !important;
}
/* Startseite (Produktlisting) */
.page-index .sub-title-widget::before {
  content: "Persönlich. Bleibend. Hochwertig graviert." !important;
  font-size: 15px !important;
  font-weight: 450 !important;
  display: block !important;
}

/* Produktseite – ähnliche Produkte */
.page-product .sub-title-widget::before {
  content: "Jedes Stück ein Unikat ❤" !important;
  font-size: 15px !important;
  font-weight: 450 !important;
  display: block !important;
}

/* Newsletter-Block im Footer */
.footer-container .sub-title-widget::before,
#ps_emailsubscription .sub-title-widget::before {
  content: "Erhalte unsere Neuheiten direkt dein Postfach" !important; /* ← hier deinen Wunschtext eintragen */
  font-size: 15px !important;
  font-weight: 450 !important;
  display: block !important;
}

/* Titel Block */
.title-normal .title_block{
  font-size:20px;
  font-weight:600;
  position:relative;
  margin-bottom:0px;
  letter-spacing:1px;
}

/* =========================================================
   06) KATEGORIE-SEITEN
   ========================================================= */

.page-category #left-column,
#category #left-column{
  display:none !important;
}
.page-category #content-wrapper,
#category #content-wrapper{
  flex:0 0 100% !important;
  max-width:100% !important;
  width:100% !important;
}
.page-category #content-wrapper.col-sm-9,
.page-category #content-wrapper.col-md-9,
.page-category #content-wrapper.col-lg-9,
.page-category #content-wrapper.col-xl-9,
#category #content-wrapper.col-sm-9,
#category #content-wrapper.col-md-9,
#category #content-wrapper.col-lg-9,
#category #content-wrapper.col-xl-9{
  flex:0 0 100% !important;
  max-width:100% !important;
  width:100% !important;
}

/* =========================================================
   07) PRODUKTSEITE – TYPO & TABS
   ========================================================= */

.description-short{
  font-size:15px;
  line-height:1.6;
  margin-top:15px;
  margin-bottom:30px;
}

body#product #main .product-description.product-page-description,
body#product .tab-content .product-description.product-page-description{
  max-width:980px;
  margin:0 auto;
  font-size:16px;
  line-height:1.65;
  color:#3a3a3a !important;
}
body#product #main .product-description.product-page-description p,
body#product #main .product-description.product-page-description li,
body#product .tab-content .product-description.product-page-description p,
body#product .tab-content .product-description.product-page-description li{
  font-size:16px !important;
  line-height:1.65 !important;
  color:#444444 !important;
  margin:0 0 12px !important;
}
body#product #main .product-description.product-page-description h1,
body#product .tab-content .product-description.product-page-description h1{
  font-size:26px !important;
  font-weight:700 !important;
  margin:0 0 14px !important;
  padding-bottom:10px !important;
  border-bottom:1px solid #e7e2de !important;
  color:#2f2f2f !important;
}
body#product #main .product-description.product-page-description h2,
body#product .tab-content .product-description.product-page-description h2{
  font-size:19px !important;
  margin:16px 0 10px !important;
  font-weight:700 !important;
  color:#2f2f2f !important;
}
body#product #main .product-description.product-page-description h3,
body#product .tab-content .product-description.product-page-description h3{
  font-size:16px !important;
  margin:16px 0 10px !important;
  font-weight:700 !important;
  color:#2f2f2f !important;
}

/* Tabs-Nav */
body#product #main .product-tabs.tabs .nav.nav-tabs > li > a,
body#product #main .product-tabs.tabs .nav-tabs .nav-link{
  color:#4f4f4f !important;
}
body#product #main .product-tabs.tabs .nav.nav-tabs > li.active > a,
body#product #main .product-tabs.tabs .nav-tabs .nav-link.active{
  color:#ffffff !important;
}

/* Preise */
.product-prices,
.current-price,
.product-price{
  font-weight:400;
}

/* =========================================================
   08) PRODUKTSEITE – PERSONALISIERUNGSBOX
   ========================================================= */

body#product section.product-customization{
  position:relative !important;
  background:#ffffff !important;
  border:1px solid #e7ddd6 !important;
  border-radius:16px !important;
  padding:22px 18px 16px !important;
  margin:14px 0 10px !important;
  box-shadow:0 10px 24px rgba(0,0,0,.04) !important;
}
body#product section.product-customization::before{
  content:"Jetzt personalisieren" !important;
  position:absolute !important;
  top:-12px !important;
  left:14px !important;
  background:#f3ece6 !important;
  border:1px solid #e7ddd6 !important;
  border-radius:999px !important;
  padding:4px 10px !important;
  font-size:12px !important;
  font-weight:700 !important;
  color:#2f2f2f !important;
  line-height:1 !important;
}
body#product section.product-customization .card.card-block{
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  background:transparent !important;
}

/* =========================================================
   09) PRODUKTSEITE – FARBAUSWAHL BOX
   ========================================================= */

body#product .product-variants{
  position:relative !important;
  background:#ffffff !important;
  border:1px solid #e7ddd6 !important;
  border-radius:16px !important;
  padding:22px 18px 16px !important;
  margin:14px 0 10px !important;
  box-shadow:0 10px 24px rgba(0,0,0,.04) !important;
}
body#product .product-variants::before{
  content:"Deine Farbe auswählen" !important;
  position:absolute !important;
  top:-12px !important;
  left:14px !important;
  background:#f3ece6 !important;
  border:1px solid #e7ddd6 !important;
  border-radius:999px !important;
  padding:4px 10px !important;
  font-size:12px !important;
  font-weight:700 !important;
  color:#2f2f2f !important;
  line-height:1 !important;
}
body#product .product-variants .product-variants-item{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
body#product .product-variants .product-variants-item:first-child{
  position:relative !important;
  background:#ffffff !important;
  border:1px solid #e7ddd6 !important;
  border-radius:12px !important;
  padding:38px 14px 14px !important;
  margin:12px 0 12px !important;
}
body#product .product-variants .product-variants-item:first-child::before{
  content:"Wähle deine Wunschfarbe" !important;
  position:absolute !important;
  top:10px !important;
  left:14px !important;
  font-weight:700 !important;
  font-size:14px !important;
  line-height:1.2 !important;
  color:#555555 !important;
}
@media (max-width:576px){
  body#product .product-variants{
    padding:18px 14px 12px !important;
    border-radius:14px !important;
  }
}

/* =========================================================
   10) TRUST / REASSURANCE – PRODUKTSEITE
   ========================================================= */

body#product .blockreassurance_product{
  background:transparent !important;
  padding:0 !important;
  margin-top:14px !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:6px !important;
}
body#product .blockreassurance_product > .clearfix,
body#product .blockreassurance_product > div:empty{ display:none !important; }

body#product .blockreassurance_product > div,
body#product .blockreassurance_product > li{
  background:#f3ece6 !important;
  border:1px solid #e7ddd6 !important;
  border-radius:10px !important;
  padding:6px 12px !important;
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:34px 1fr !important;
  grid-template-rows:min-content min-content !important;
  column-gap:14px !important;
  row-gap:2px !important;
  align-content:center !important;
  align-items:center !important;
  min-height:0 !important;
  min-width:0 !important;
}
body#product .blockreassurance_product .item-product{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:2px 0 4px !important;
  margin:0 !important;
}
body#product .blockreassurance_product .item-product img,
body#product .blockreassurance_product .item-product svg{
  width:26px !important;
  height:auto !important;
  display:block !important;
}
body#product .blockreassurance_product .block-title,
body#product .blockreassurance_product .title{
  grid-column:2 !important;
  margin:0 !important;
  padding:0 !important;
  font-weight:700 !important;
  font-size:13px !important;
  line-height:1.15 !important;
}
body#product .blockreassurance_product p{
  grid-column:2 !important;
  margin:0 !important;
  padding:0 !important;
  font-size:13px !important;
  line-height:1.25 !important;
}
@media (max-width:576px){
  body#product .blockreassurance_product{
    grid-template-columns:1fr !important;
  }
}
@media (min-width:768px) and (max-width:1399px){
  body#product .blockreassurance_product{
    grid-template-columns:1fr !important;
  }
}

/* Trust-Bereich unten (tl-trust-bottom) – immer 1 Spalte */
.tl-trust-bottom{
  max-width:980px;
  margin:18px auto 10px;
  padding:6px;
  background:#faf7f5;
  border:1px solid #eadfd8;
  border-radius:14px;
}
body#product .tl-trust-bottom .blockreassurance_product{
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:5px !important;
}
.tl-trust-bottom .blockreassurance_product p,
.tl-trust-bottom .blockreassurance_product .block-title,
.tl-trust-bottom .blockreassurance_product span{
  margin:0 !important;
}

/* =========================================================
   11) CMS-SEITEN (FAQ, Impressum, AGB etc.)
   ========================================================= */

body#cms #content.page-cms.page-content{
  max-width:980px;
  margin:0 auto 60px;
  padding:34px 28px;
  background:#fff;
  border-radius:16px;
  box-shadow:0 10px 28px rgba(0,0,0,.06);
}
body#cms #content.page-cms.page-content h1{
  font-size:34px;
  line-height:1.15;
  margin:0 0 18px;
  letter-spacing:.2px;
}
body#cms #content.page-cms.page-content,
body#cms #content.page-cms.page-content p,
body#cms #content.page-cms.page-content li{
  font-size:15px;
  line-height:1.75;
  color:#2b2b2b;
  font-weight:400;
}
body#cms #content.page-cms.page-content h2,
body#cms #content.page-cms.page-content h3{
  position:relative;
  margin:34px 0 12px;
  padding-left:14px;
  text-decoration:none !important;
}
body#cms #content.page-cms.page-content h2:before,
body#cms #content.page-cms.page-content h3:before{
  content:"";
  position:absolute;
  left:0;
  top:.25em;
  width:4px;
  height:1.15em;
  border-radius:6px;
  background:#7a6a5a;
}
body#cms #content.page-cms.page-content hr{
  border:0;
  border-top:1px solid #e7e2de;
  margin:22px 0;
}
body#cms #content.page-cms.page-content a{
  color:#7a6a5a;
  text-decoration:none;
  border-bottom:1px solid rgba(122,106,90,.35);
}
body#cms #content.page-cms.page-content a:hover{
  border-bottom-color:rgba(122,106,90,.75);
}
body#cms #content.page-cms.page-content .alert,
body#cms #content.page-cms.page-content .warning,
body#cms #content.page-cms.page-content blockquote{
  background:#f5f0eb;
  border:1px solid #e8dfd6;
  border-left:5px solid #7a6a5a;
  border-radius:12px;
  padding:14px 16px;
  margin:18px 0;
  color:#2b2b2b;
}
body#cms #content.page-cms.page-content ul,
body#cms #content.page-cms.page-content ol{
  margin:10px 0 16px 20px;
}
body#cms #content.page-cms.page-content li{ margin:6px 0; }
body#cms #content.page-cms.page-content table{
  width:100%;
  border-collapse:collapse;
  margin:14px 0 20px;
  font-size:14px;
}
body#cms #content.page-cms.page-content th,
body#cms #content.page-cms.page-content td{
  border:1px solid #e7e2de;
  padding:10px 12px;
  vertical-align:top;
}
body#cms #content.page-cms.page-content th{
  background:#faf7f5;
}
@media (max-width:767px){
  body#cms #content.page-cms.page-content{
    padding:22px 16px;
    border-radius:14px;
  }
  body#cms #content.page-cms.page-content h1{ font-size:26px; }
}

/* =========================================================
   12) TOUCH / MOBILE – Bilder
   ========================================================= */

.images-container img,
.product-cover img,
.slick-slide img,
.product-images img{
  touch-action:pan-y pinch-zoom !important;
  pointer-events:auto !important;
}
.slick-slider{
  touch-action:pan-y pinch-zoom !important;
}