/* TABAK-MARKET | SHISHAS PREMIUM 2026
   Scoped styles: only .tm-shisha-premium
   Add stylesheet to the active theme after existing category styles.
*/
.tm-shisha-premium{--sh-green:#547538;--sh-green-dark:#34542b;--sh-ink:#352c24;--sh-muted:#695e52;--sh-border:#e8decb;--sh-cream:#faf7f0;color:var(--sh-ink);font-size:15px;line-height:1.7;max-width:1180px;margin:0 auto}
.tm-shisha-premium *{box-sizing:border-box}
.tm-shisha-premium img{max-width:100%;height:auto;display:block}
.tm-shisha-premium a{color:var(--sh-green-dark)}
.tm-shisha-premium .sh-hero{position:relative;min-height:340px;display:flex;align-items:center;overflow:hidden;border-radius:20px;background:linear-gradient(90deg,rgba(248,240,220,.97) 0%,rgba(248,240,220,.82) 38%,rgba(24,31,20,.08) 100%),url('/img/cms/shishas-premium-hero.webp') center/cover no-repeat;padding:42px 5%;margin-bottom:22px}
.tm-shisha-premium .sh-hero-copy{position:relative;z-index:1;max-width:540px}
.tm-shisha-premium .sh-hero h2{font-family:Georgia,serif;font-size:clamp(36px,6vw,70px);line-height:1.04;margin:0 0 12px;color:#35251c;letter-spacing:.02em}
.tm-shisha-premium .sh-hero p{font-size:clamp(16px,2.2vw,23px);line-height:1.35;text-transform:uppercase;letter-spacing:.12em;margin:0;color:#45352a}
.tm-shisha-premium .sh-intro{margin:0 0 24px}
.tm-shisha-premium .sh-intro p{margin:0 0 12px}
.tm-shisha-premium .sh-features{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0 34px}
.tm-shisha-premium .sh-feature{padding:22px 13px 20px;text-align:center;background:#fff;border:1px solid var(--sh-border);border-radius:14px;box-shadow:0 5px 20px rgba(42,37,22,.045)}
.tm-shisha-premium .sh-feature-icon{width:52px;height:52px;display:grid;place-items:center;margin:0 auto 12px;border:1px solid #d6e2c3;border-radius:50%;background:#eff3e6;font-size:25px;color:var(--sh-green)}
.tm-shisha-premium .sh-feature h3{font-size:16px;line-height:1.35;margin:0 0 8px;color:var(--sh-ink)}
.tm-shisha-premium .sh-feature p{font-size:13px;line-height:1.55;margin:0;color:var(--sh-muted)}
.tm-shisha-premium .sh-section{margin:32px 0}
.tm-shisha-premium .sh-section>h3,.tm-shisha-premium .sh-panel>h3{font-family:Georgia,serif;font-size:clamp(23px,2.5vw,30px);line-height:1.3;margin:0 0 16px;color:var(--sh-ink)}
.tm-shisha-premium .sh-section>h3::after{content:"";display:block;width:55px;height:3px;background:#c5a25a;margin-top:10px;border-radius:3px}
.tm-shisha-premium .sh-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr) minmax(0,1fr);gap:20px;align-items:start;margin:28px 0 36px}
.tm-shisha-premium .sh-panel{min-width:0}
.tm-shisha-premium .sh-panel p{margin:0 0 14px}
.tm-shisha-premium .sh-image-card{margin:0;background:#fff;border:1px solid var(--sh-border);border-radius:15px;overflow:hidden;box-shadow:0 5px 20px rgba(42,37,22,.07)}
.tm-shisha-premium .sh-image-card img{width:100%;height:auto}
.tm-shisha-premium .sh-image-card figcaption{font-size:11px;color:#777;padding:7px 12px}
.tm-shisha-premium .sh-promo{display:grid;grid-template-columns:40% 1fr;overflow:hidden;border:1px solid var(--sh-border);border-radius:15px;background:var(--sh-cream);margin-top:18px}
.tm-shisha-premium .sh-promo img{width:100%;height:100%;object-fit:cover}
.tm-shisha-premium .sh-promo-content{padding:16px}
.tm-shisha-premium .sh-promo h4{font-family:Georgia,serif;font-size:20px;line-height:1.2;margin:0 0 8px}
.tm-shisha-premium .sh-promo p{font-size:13px;margin:0 0 14px}
.tm-shisha-premium .sh-link-button{display:inline-flex;align-items:center;gap:8px;background:var(--sh-green-dark);color:#fff!important;text-decoration:none!important;padding:9px 15px;border-radius:9px;font-size:13px;font-weight:700}
.tm-shisha-premium .sh-link-button:hover{background:#243d1e}
.tm-shisha-premium .sh-table-wrap{overflow-x:auto;border:1px solid var(--sh-border);border-radius:12px;box-shadow:0 5px 18px rgba(42,37,22,.05)}
.tm-shisha-premium table.sh-table{width:100%;border-collapse:collapse;margin:0;background:#fff;font-size:13px}
.tm-shisha-premium .sh-table th{background:#607d43!important;color:#fff!important;text-align:left;padding:11px 12px;border:1px solid rgba(255,255,255,.18)}
.tm-shisha-premium .sh-table td{padding:11px 12px;border-bottom:1px solid #eee8de;vertical-align:top}
.tm-shisha-premium .sh-table tr:nth-child(even) td{background:#faf8f4}
.tm-shisha-premium .sh-table td:first-child{font-weight:700}
.tm-shisha-premium .sh-types{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.tm-shisha-premium .sh-type{border:1px solid var(--sh-border);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 6px 20px rgba(42,37,22,.05)}
.tm-shisha-premium .sh-type img{width:100%;aspect-ratio:4/3;object-fit:cover}
.tm-shisha-premium .sh-type-body{padding:17px}
.tm-shisha-premium .sh-type h4{font-size:17px;margin:0 0 7px;color:var(--sh-ink)}
.tm-shisha-premium .sh-type p{font-size:14px;margin:0}
.tm-shisha-premium .sh-faq{background:#fff;border:1px solid var(--sh-border);border-top:4px solid var(--sh-green);border-radius:14px;padding:12px;box-shadow:0 7px 24px rgba(42,37,22,.055)}
.tm-shisha-premium .sh-faq details{border:1px solid var(--sh-border);border-radius:10px;background:#fff;margin:0 0 9px;overflow:hidden}
.tm-shisha-premium .sh-faq details:last-child{margin-bottom:0}
.tm-shisha-premium .sh-faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:15px 16px;font-weight:700;font-size:14px;line-height:1.4}
.tm-shisha-premium .sh-faq summary::-webkit-details-marker{display:none}
.tm-shisha-premium .sh-faq summary::after{content:'+';flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;background:#eef3e7;color:var(--sh-green-dark);border:1px solid #d5e0c8;border-radius:50%;font-size:20px;font-weight:400}
.tm-shisha-premium .sh-faq details[open] summary{background:#f3f6ee;color:var(--sh-green-dark)}
.tm-shisha-premium .sh-faq details[open] summary::after{content:'−';background:var(--sh-green);color:#fff}
.tm-shisha-premium .sh-faq details>div{padding:13px 16px;border-top:1px solid var(--sh-border)}
.tm-shisha-premium .sh-faq details>div p{margin:0}
.tm-shisha-premium .sh-bottom{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin:36px 0}
.tm-shisha-premium .sh-fazit{position:relative;isolation:isolate;overflow:hidden;border:1px solid #c8d7b6;border-top:4px solid var(--sh-green);border-radius:15px;background:linear-gradient(120deg,#fff,#f7f9f3);padding:25px 26px 27px 88px;box-shadow:0 6px 25px rgba(42,37,22,.06);margin:35px 0}
.tm-shisha-premium .sh-fazit::before{content:'✓';position:absolute;left:24px;top:27px;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:var(--sh-green);color:#fff;font-size:26px}
.tm-shisha-premium .sh-fazit::after{content:'SHISHA';position:absolute;right:10px;bottom:-15px;font-weight:900;font-size:clamp(55px,10vw,135px);line-height:1;letter-spacing:-5px;color:rgba(84,117,56,.08);pointer-events:none;z-index:-1}
.tm-shisha-premium .sh-fazit-label{font-size:12px;letter-spacing:.1em;color:var(--sh-green);font-weight:800}
.tm-shisha-premium .sh-fazit h3{font-family:Georgia,serif;font-size:27px;margin:4px 0 10px}
.tm-shisha-premium .sh-fazit p{margin:0 0 12px}
.tm-shisha-premium .sh-fazit-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.tm-shisha-premium .sh-fazit-links a{border:1px solid #c8d7b6;border-radius:8px;background:#fff;color:var(--sh-green-dark);padding:7px 12px;text-decoration:none;font-size:13px;font-weight:700}
.tm-shisha-premium .sh-note{font-size:12px;color:var(--sh-muted)}
@media(max-width:1100px){.tm-shisha-premium .sh-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.tm-shisha-premium .sh-layout>.sh-panel:last-child{grid-column:1/-1}.tm-shisha-premium .sh-features{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.tm-shisha-premium{font-size:14px}.tm-shisha-premium .sh-hero{min-height:270px;padding:30px 22px;background-position:58% center}.tm-shisha-premium .sh-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tm-shisha-premium .sh-feature{padding:17px 10px}.tm-shisha-premium .sh-layout,.tm-shisha-premium .sh-bottom{grid-template-columns:1fr}.tm-shisha-premium .sh-layout>.sh-panel:last-child{grid-column:auto}.tm-shisha-premium .sh-types{grid-template-columns:1fr}.tm-shisha-premium .sh-type{display:grid;grid-template-columns:40% 1fr}.tm-shisha-premium .sh-type img{height:100%;aspect-ratio:auto}.tm-shisha-premium .sh-fazit{padding:80px 18px 23px}.tm-shisha-premium .sh-fazit::before{left:18px;top:19px}.tm-shisha-premium .sh-fazit h3{font-size:24px}}
@media(max-width:430px){.tm-shisha-premium .sh-features{grid-template-columns:1fr 1fr}.tm-shisha-premium .sh-promo{grid-template-columns:1fr}.tm-shisha-premium .sh-promo img{height:160px}.tm-shisha-premium .sh-type{grid-template-columns:1fr}.tm-shisha-premium .sh-type img{aspect-ratio:16/9}.tm-shisha-premium .sh-table{font-size:12px}}


/* ==========================================
   SHISHA PREMIUM 2026 – CONTENT LAYOUT FIX
   ========================================== */

@media (min-width: 768px) {

  .tm-shisha-premium .sh-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 24px !important;
    align-items: start !important;
  }

  .tm-shisha-premium .sh-layout > * {
    min-width: 0 !important;
  }

  .tm-shisha-premium .sh-layout > :last-child:nth-child(3) {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 767px) {

  .tm-shisha-premium .sh-layout {
    display: block !important;
  }

  .tm-shisha-premium .sh-layout > * {
    width: 100% !important;
    margin-bottom: 20px !important;
  }
}

/* Infografik */
.tm-shisha-premium .sh-layout img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  display: block;
}

/* Text */
.tm-shisha-premium .sh-layout p {
  line-height: 1.75;
}

/* SHISHAS PREMIUM – layout correction, append at end of tm-shisha-premium.css */
.tm-shisha-premium .sh-layout {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)!important;gap:24px!important;align-items:stretch!important;margin:30px 0!important}
.tm-shisha-premium .sh-layout>.sh-panel {min-width:0!important;margin:0!important;padding:24px!important;background:#fff;border:1px solid #e8decb;border-radius:16px;box-shadow:0 8px 24px rgba(42,37,22,.05)}
.tm-shisha-premium .sh-layout>.sh-panel h3 {font-size:24px;line-height:1.25;margin:0 0 16px;color:#352c24}
.tm-shisha-premium .sh-layout>.sh-panel h3:not(:first-child) {margin-top:25px}
.tm-shisha-premium .sh-layout>.sh-panel p {margin:0 0 15px;line-height:1.75}
.tm-shisha-premium .sh-layout>.sh-image-card img {width:100%!important;height:auto!important;display:block!important;max-width:100%!important;border-radius:12px}
.tm-shisha-premium .sh-image-card figure {margin:0 0 14px!important}
.tm-shisha-premium .sh-image-card .sh-note {font-size:12px;color:#695e52}
.tm-shisha-premium .sh-section {margin:34px 0!important}
.tm-shisha-premium .sh-section>h3 {font-family:Georgia,serif;font-size:clamp(22px,2.5vw,30px);color:#352c24;margin:0 0 16px}
.tm-shisha-premium .sh-section>.sh-table-wrap {width:100%;max-width:none}
.tm-shisha-premium .sh-faq {display:block!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.tm-shisha-premium .sh-faq details {display:block;border:1px solid #e8decb;background:#fff;border-radius:12px;margin:0 0 10px;overflow:hidden}
.tm-shisha-premium .sh-faq summary {display:list-item;cursor:pointer;padding:16px 20px;font-weight:700;color:#352c24;list-style-position:inside}
.tm-shisha-premium .sh-faq details[open] summary {background:#f7f4ed;color:#34542b}
.tm-shisha-premium .sh-faq details p {margin:0;padding:0 20px 18px;line-height:1.7}
.tm-shisha-premium .sh-fazit {position:relative;overflow:hidden;padding:30px!important;border:1px solid #e0dfcc;border-radius:18px;background:#f6f7ef;isolation:isolate}
.tm-shisha-premium .sh-fazit>* {position:relative;z-index:1}
.tm-shisha-premium .sh-fazit:after {content:'SHISHA';position:absolute;right:12px;bottom:-25px;font-size:clamp(55px,10vw,120px);font-weight:800;color:rgba(69,105,45,.07);z-index:0;pointer-events:none}
.tm-shisha-premium .sh-fazit h3 {font-family:Georgia,serif;font-size:27px;margin:5px 0 14px}
@media(max-width:767px){.tm-shisha-premium .sh-layout{display:block!important}.tm-shisha-premium .sh-layout>.sh-panel{margin-bottom:18px!important;padding:18px!important}.tm-shisha-premium .sh-fazit{padding:22px!important}}