/* ============================================================
   THE NEW KITS — Product Page CSS v21
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

/* ── BASE ─────────────────────────────────────────────────── */
.tnk-page *, .tnk-page *::before, .tnk-page *::after { box-sizing: border-box; }
.tnk-page { background: #f9f8f6; font-family: 'Manrope', sans-serif; color: #111; }
.tnk-page .flex-control-nav, .tnk-page .flex-control-thumbs { display: none !important; }
.tnk-page .woocommerce-product-gallery { display: none !important; }
.single-product div.product div.images { display: none !important; }
.tnk-page span.onsale { display: none !important; }

/* ── SALE BAR ─────────────────────────────────────────────── */
.tnk-sale-bar { background: #d0021b; color: #fff; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 10px 24px; flex-wrap: wrap; text-align: center; font-size: 12px; font-family: 'Manrope', sans-serif; }
.tnk-sale-tag { background: #fff; color: #d0021b; font-size: 10px; font-weight: 800; padding: 3px 9px; letter-spacing: .5px; flex-shrink: 0; border-radius: 2px; }
.tnk-cd { background: rgba(0,0,0,.2); color: #fff; font-size: 11px; font-weight: 700; padding: 3px 10px; flex-shrink: 0; border-radius: 2px; }

/* ── BREADCRUMB ───────────────────────────────────────────── */
.tnk-bc-wrap { max-width: 1280px; margin: 0 auto; padding: 10px 40px; background: #f9f8f6; }
.tnk-bc { font-family: 'Manrope', sans-serif; font-size: 11px; color: #bbb; margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.tnk-bc a { color: #999; text-decoration: none; }
.tnk-bc a:hover { color: #111; }
.tnk-bc span { color: #bbb; font-size: 10px; }
.tnk-bc-current { color: #555; font-weight: 500; }
body.single-product .woocommerce-breadcrumb,
body.single-product nav.woocommerce-breadcrumb,
body.single-product .kadence-breadcrumb-wrap { display: none !important; height: 0 !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; }

/* ── MAIN GRID ────────────────────────────────────────────── */
.tnk-wrap { display: grid; grid-template-columns: 1fr 460px; gap: 0; align-items: start; max-width: 1280px; margin: 0 auto; padding: 0 40px; background: #fff; }

/* ── LEFT: GALLERY ────────────────────────────────────────── */
.tnk-left { padding: 28px 36px 40px 0; }
.tnk-sticky-gallery { position: sticky; top: 24px; }
.tnk-gallery { width: 100%; }

/* CAROUSEL VIEWPORT — clips the slides strip */
.tnk-slides-viewport {
  position: relative;
  overflow: hidden;          /* THIS is what clips the slides */
  border-radius: 8px;
  border: 1px solid #eeeeea;
  background: #f8f8f8;
}

/* SLIDES STRIP — desktop stays at translateX(0) always */
.tnk-slides {
  display: flex;
  transition: transform .35s cubic-bezier(.4,0,.2,1);
  will-change: transform;
}

.tnk-slide {
  min-width: 100%;           /* each slide = full viewport width */
  flex-shrink: 0;
}

.tnk-slide-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  background: #f8f8f8;
  max-height: 580px;
}

.tnk-img-badge {
  position: absolute; top: 12px; left: 12px;
  background: #d0021b; color: #fff;
  font-size: 10px; font-weight: 800;
  padding: 4px 9px; letter-spacing: .5px;
  font-family: 'Manrope', sans-serif; z-index: 2; border-radius: 2px;
}

/* DOTS — hidden desktop, shown mobile */
.tnk-dots { display: none; justify-content: center; gap: 6px; padding: 10px 0 4px; background: #fff; }
.tnk-dot { width: 6px; height: 6px; border-radius: 50%; background: #ddd; cursor: pointer; transition: all .2s; flex-shrink: 0; }
.tnk-dot.active { background: #111; width: 18px; border-radius: 3px; }

/* DESKTOP THUMBNAILS */
.tnk-thumbs { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.tnk-thumb { width: 70px; height: 70px; border: 1.5px solid #e8e8e4; cursor: pointer; overflow: hidden; flex-shrink: 0; transition: border-color .15s; background: #f8f8f8; border-radius: 6px; }
.tnk-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.tnk-thumb:hover { border-color: #999; }
.tnk-thumb.active { border-color: #111 !important; border-width: 2px; }

/* ── RIGHT PANEL ──────────────────────────────────────────── */
.tnk-right { padding: 28px 0 80px 40px; border-left: 1px solid #f0f0ec; }
.tnk-cat { font-size: 10px; font-weight: 700; letter-spacing: 1.2px; color: #999; text-transform: uppercase; margin: 0 0 8px; }
.tnk-title { font-family: 'Manrope', sans-serif !important; font-size: 22px !important; font-weight: 700 !important; color: #111 !important; line-height: 1.25 !important; letter-spacing: -.1px !important; text-transform: none !important; font-style: normal !important; margin: 0 0 12px !important; padding: 0 !important; background: none !important; -webkit-text-fill-color: #111 !important; }

.tnk-rating-row { display: flex; align-items: center; gap: 7px; padding-bottom: 16px; border-bottom: 1px solid #e8e8e4; margin-bottom: 16px; flex-wrap: wrap; }
.tnk-rating-row .star-rating { font-size: 13px !important; }
.tnk-rating-row .star-rating::before { color: #f5a623 !important; }
.tnk-rating-row .star-rating span::before { color: #f5a623 !important; }
.tnk-avg { font-size: 13px; font-weight: 700; color: #111; }
.tnk-sep { color: #ddd; font-size: 11px; }
.tnk-rev-link { font-size: 12px; color: #1a4eb8; font-weight: 600; text-decoration: none; cursor: pointer; }
.tnk-rev-link:hover { text-decoration: underline; }
.tnk-right .woocommerce-product-rating { display: none !important; }

.tnk-price-zone { margin: 0 0 4px; }
.tnk-right .price,.tnk-right p.price,.tnk-right span.price { background: none !important; border: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: baseline !important; gap: 6px !important; flex-wrap: wrap; }
.tnk-right .price .amount { font-family: 'Manrope', sans-serif !important; font-size: 28px !important; font-weight: 700 !important; color: #111 !important; }
.tnk-right .price del { opacity: 1 !important; }
.tnk-right .price del .amount { font-size: 15px !important; color: #aaa !important; font-weight: 400 !important; }
.tnk-right .price ins { text-decoration: none !important; background: none !important; }
.tnk-right .price .screen-reader-text { display: none !important; }

.tnk-bnpl { font-size: 11px; color: #777; margin: 4px 0 20px; }
.tnk-bnpl strong { color: #111; }

.tnk-right table.variations { width: 100% !important; border: none !important; margin: 0 0 8px !important; }
.tnk-right table.variations td,.tnk-right table.variations th { border: none !important; padding: 0 0 6px !important; background: none !important; vertical-align: top !important; }
.tnk-right table.variations label { font-family: 'Manrope', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .7px !important; text-transform: uppercase !important; color: #111 !important; display: block !important; margin-bottom: 6px !important; }
.tnk-right table.variations select { width: 100% !important; padding: 11px 36px 11px 12px !important; border: 1.5px solid #ddd !important; border-radius: 6px !important; background: #fff !important; color: #111 !important; font-family: 'Manrope', sans-serif !important; font-size: 13px !important; font-weight: 600 !important; -webkit-appearance: none !important; appearance: none !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%23111' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 12px center !important; cursor: pointer !important; }
.tnk-right table.variations select:focus { border-color: #111 !important; outline: none !important; }
.tnk-right .kadence-swatches-container { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin-top: 6px !important; margin-bottom: 16px !important; }
.tnk-right .kadence-swatches-container .swatch-item { min-width: 44px !important; height: 44px !important; border: 1.5px solid #ddd !important; border-radius: 6px !important; font-family: 'Manrope', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; color: #111 !important; background: #fff !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: all .12s !important; padding: 0 10px !important; }
.tnk-right .kadence-swatches-container .swatch-item:hover { border-color: #111 !important; }
.tnk-right .kadence-swatches-container .swatch-item.active,.tnk-right .kadence-swatches-container .swatch-item.selected { background: #111 !important; color: #fff !important; border-color: #111 !important; }
.tnk-right .kadence-swatches-container .swatch-item.disabled { background: #f7f7f7 !important; color: #ccc !important; border-color: #eee !important; cursor: not-allowed !important; }
.tnk-right .product-addon,.tnk-right .woocommerce-product-addon { margin-bottom: 10px !important; }
.tnk-right .product-addon label,.tnk-right .woocommerce-product-addon label,.tnk-right .product-addon .name { font-family: 'Manrope', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: .7px !important; text-transform: uppercase !important; color: #111 !important; margin-bottom: 5px !important; display: block !important; }
.tnk-right .product-addon input[type="text"],.tnk-right .woocommerce-product-addon input[type="text"] { width: 100% !important; padding: 10px 12px !important; border: 1.5px solid #ddd !important; border-radius: 6px !important; font-family: 'Manrope', sans-serif !important; font-size: 13px !important; color: #111 !important; background: #fff !important; }
.tnk-right .product-addon input[type="text"]:focus,.tnk-right .woocommerce-product-addon input[type="text"]:focus { border-color: #111 !important; outline: none !important; }
.tnk-right form.cart { display: block !important; width: 100% !important; margin: 0 !important; }
.tnk-right form.cart .quantity { display: block !important; margin: 0 0 8px !important; }
.tnk-right form.cart .qty { width: 80px !important; height: 44px !important; padding: 0 12px !important; border: 1.5px solid #ddd !important; border-radius: 6px !important; font-family: 'Manrope', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; text-align: center !important; color: #111 !important; }
.tnk-right .single_add_to_cart_button,.tnk-right button.single_add_to_cart_button { width: 100% !important; display: block !important; padding: 15px 24px !important; background: #111 !important; color: #fff !important; font-family: 'Manrope', sans-serif !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: .4px !important; text-transform: uppercase !important; text-align: center !important; border: none !important; border-radius: 8px !important; cursor: pointer !important; margin-top: 10px !important; transition: background .15s !important; }
.tnk-right .single_add_to_cart_button:hover { background: #333 !important; color: #fff !important; }

.tnk-delivery { background: #f5faf7; border: 1px solid #d0ead8; padding: 14px 16px; margin: 18px 0; border-radius: 8px; }
.tnk-dr { display: flex; align-items: flex-start; gap: 12px; padding: 7px 0; }
.tnk-dr + .tnk-dr { border-top: 1px solid #d0ead8; }
.tnk-dico { font-size: 15px; flex-shrink: 0; line-height: 1; margin-top: 1px; }
.tnk-dr div { display: flex; flex-direction: column; gap: 2px; }
.tnk-dr b { font-size: 12px; font-weight: 700; color: #0d4a23; font-family: 'Manrope', sans-serif; }
.tnk-dr span { font-size: 11px; color: #1a7a3c; font-family: 'Manrope', sans-serif; }

.tnk-trust { display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid #e8e8e4; margin: 14px 0 18px; border-radius: 8px; overflow: hidden; }
.tnk-ti { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 11px 6px; text-align: center; border-right: 1px solid #e8e8e4; gap: 4px; }
.tnk-ti:last-child { border-right: none; }
.tnk-ti-ico { font-size: 15px; line-height: 1; }
.tnk-ti span:not(.tnk-ti-ico) { font-size: 10px; font-weight: 600; color: #444; line-height: 1.3; font-family: 'Manrope', sans-serif; }

.tnk-upsell { border: 1px solid #e8e8e4; margin: 0 0 16px; border-radius: 8px; overflow: hidden; }
.tnk-uh { display: flex; justify-content: space-between; align-items: baseline; padding: 12px 14px; border-bottom: 1px solid #e8e8e4; background: #f9f9f7; }
.tnk-uh span:first-child { font-size: 11px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; color: #111; }
.tnk-uh-s { font-size: 10px; color: #999; font-weight: 400; }
.tnk-uc { display: flex; align-items: center; gap: 12px; padding: 10px 14px; text-decoration: none; color: #111; border-bottom: 1px solid #f2f2ee; transition: background .12s; }
.tnk-uc:last-child { border-bottom: none; }
.tnk-uc:hover { background: #f9f9f7; }
.tnk-ui { width: 48px; height: 48px; flex-shrink: 0; background: #f5f5f3; border-radius: 6px; overflow: hidden; }
.tnk-ui img { width: 100%; height: 100%; object-fit: cover; }
.tnk-uinfo { flex: 1; }
.tnk-uinfo b { font-size: 12px; font-weight: 700; color: #111; display: block; font-family: 'Manrope', sans-serif; }
.tnk-uinfo span { font-size: 11px; color: #777; font-family: 'Manrope', sans-serif; }
.tnk-uarrow { font-size: 14px; color: #ccc; flex-shrink: 0; }
.tnk-right .product_meta { font-size: 11px; color: #999; margin-top: 14px; padding-top: 14px; border-top: 1px solid #e8e8e4; }
.tnk-right .product_meta span { font-weight: 600; color: #777; }

/* ── TABS ─────────────────────────────────────────────────── */
.tnk-tabs { max-width: 1280px; margin: 0 auto; padding: 0 40px; background: #fff; }
.tnk-tabs .woocommerce-tabs ul.tabs { display: flex; gap: 0; border-bottom: 2px solid #e8e8e4; padding: 0; margin: 0; list-style: none; overflow-x: auto; scrollbar-width: none; }
.tnk-tabs .woocommerce-tabs ul.tabs::-webkit-scrollbar { display: none; }
.tnk-tabs .woocommerce-tabs ul.tabs li { margin: 0; padding: 0; flex-shrink: 0; }
.tnk-tabs .woocommerce-tabs ul.tabs li a { display: block; padding: 14px 20px; font-family: 'Manrope', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: #aaa; text-decoration: none; border-bottom: 2px solid transparent; margin-bottom: -2px; transition: color .15s, border-color .15s; white-space: nowrap; }
.tnk-tabs .woocommerce-tabs ul.tabs li.active a { color: #111; border-bottom-color: #111; }
.tnk-tabs .woocommerce-tabs ul.tabs li a:hover { color: #111; }
.tnk-tabs .woocommerce-tabs .panel { font-family: 'Manrope', sans-serif; font-size: 13px; color: #444; line-height: 1.75; background: #fff; border: 1px solid #e8e8e4; border-top: none; padding: 28px 32px; border-radius: 0 0 8px 8px; }
.tnk-tabs .woocommerce-tabs .panel h2 { font-size: 15px; font-weight: 700; color: #111; margin: 0 0 16px; font-family: 'Manrope', sans-serif; }
.tnk-tabs .woocommerce-tabs .panel p { margin: 0 0 12px; }
.tnk-size-table { width: 100%; border-collapse: collapse; font-size: 12px; font-family: 'Manrope', sans-serif; }
.tnk-size-table th { background: #f5f5f3; color: #111; font-weight: 700; padding: 10px 12px; text-align: left; border-bottom: 2px solid #e8e8e4; }
.tnk-size-table td { padding: 10px 12px; border-bottom: 1px solid #f0f0ee; color: #444; }
.tnk-size-table tr:last-child td { border-bottom: none; }
.tnk-size-table tr:nth-child(even) td { background: #fafafa; }

/* ── BELOW GRID ───────────────────────────────────────────── */
.tnk-below-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; max-width: 1280px; margin: 0 auto; padding: 36px 40px 48px; background: #f9f8f6; }
.tnk-reviews-box {}
.tnk-section-title { font-family: 'Manrope', sans-serif; font-size: 15px; font-weight: 700; color: #111; margin: 0 0 18px; padding-bottom: 12px; border-bottom: 2px solid #111; }
.tnk-rev-summary { display: flex; align-items: center; gap: 14px; background: #fff; border: 1px solid #e8e8e4; padding: 16px 18px; margin-bottom: 16px; border-radius: 8px; }
.tnk-rev-score-block { display: flex; flex-direction: column; align-items: center; flex-shrink: 0; }
.tnk-rev-score { font-family: 'Manrope', sans-serif; font-size: 40px; font-weight: 800; color: #111; line-height: 1; }
.tnk-rev-score-label { font-family: 'Manrope', sans-serif; font-size: 11px; color: #999; margin-top: 2px; }
.tnk-rev-score-right { display: flex; flex-direction: column; gap: 4px; }
.tnk-rev-score-right .star-rating { font-size: 15px !important; display: block !important; }
.tnk-rev-score-right .star-rating::before,.tnk-rev-score-right .star-rating span::before { color: #f5a623 !important; }
.tnk-rev-score-right p { font-family: 'Manrope', sans-serif; font-size: 12px; color: #777; margin: 0; }
.tnk-review-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.tnk-review-item { background: #fff; border: 1px solid #e8e8e4; padding: 16px 18px; border-radius: 8px; }
.tnk-review-top { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; }
.tnk-review-avatar { width: 34px; height: 34px; background: #111; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: 'Manrope', sans-serif; font-size: 13px; font-weight: 700; flex-shrink: 0; }
.tnk-review-meta { flex: 1; min-width: 0; }
.tnk-review-meta strong { font-size: 13px; font-weight: 700; color: #111; display: block; font-family: 'Manrope', sans-serif; }
.tnk-review-meta span { font-size: 11px; color: #999; font-family: 'Manrope', sans-serif; }
.tnk-review-stars { margin-left: auto; flex-shrink: 0; }
.tnk-review-stars .star-rating { font-size: 12px !important; }
.tnk-review-stars .star-rating::before,.tnk-review-stars .star-rating span::before { color: #f5a623 !important; }
.tnk-review-text { font-family: 'Manrope', sans-serif; font-size: 13px; color: #333; line-height: 1.65; margin: 0; }
.tnk-no-reviews { font-family: 'Manrope', sans-serif; font-size: 13px; color: #999; padding: 16px 0; }
.tnk-review-form-wrap { margin-top: 24px; padding-top: 20px; border-top: 1px solid #e8e8e4; }
.tnk-write-review-title { font-family: 'Manrope', sans-serif; font-size: 14px; font-weight: 700; color: #111; margin: 0 0 16px; }
.tnk-review-form-wrap input[type="text"],.tnk-review-form-wrap input[type="email"],.tnk-review-form-wrap textarea { width: 100%; padding: 10px 12px; border: 1.5px solid #ddd; border-radius: 6px; font-family: 'Manrope', sans-serif; font-size: 13px; color: #111; margin-bottom: 10px; background: #fff; }
.tnk-review-form-wrap input:focus,.tnk-review-form-wrap textarea:focus { border-color: #111; outline: none; }
.tnk-review-form-wrap input[type="submit"] { background: #111; color: #fff; font-family: 'Manrope', sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; border: none; padding: 12px 22px; cursor: pointer; letter-spacing: .3px; border-radius: 6px; }
.tnk-review-form-wrap input[type="submit"]:hover { background: #333; }
.tnk-review-form-wrap .g-recaptcha ~ .g-recaptcha { display: none !important; }

.tnk-faq-list { display: flex; flex-direction: column; border: 1px solid #e8e8e4; border-radius: 8px; overflow: hidden; background: #fff; }
.tnk-faq-item { border-bottom: 1px solid #e8e8e4; }
.tnk-faq-item:last-child { border-bottom: none; }
.tnk-faq-q { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 18px; background: #fff; border: none; cursor: pointer; font-family: 'Manrope', sans-serif; font-size: 13px; font-weight: 600; color: #111 !important; text-align: left; transition: background .12s; -webkit-text-fill-color: #111 !important; }
.tnk-faq-q:hover,.tnk-faq-item.open .tnk-faq-q { background: #f9f9f7; }
.tnk-faq-ico { flex-shrink: 0; transition: transform .22s ease; }
.tnk-faq-item.open .tnk-faq-ico { transform: rotate(180deg); }
.tnk-faq-a { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.tnk-faq-item.open .tnk-faq-a { max-height: 400px; }
.tnk-faq-a p { padding: 0 18px 16px !important; margin: 0 !important; font-family: 'Manrope', sans-serif !important; font-size: 13px !important; color: #444 !important; -webkit-text-fill-color: #444 !important; line-height: 1.7 !important; }

/* ── RELATED ───────────────────────────────────────────────── */
.tnk-related { max-width: 1280px; margin: 0 auto; padding: 36px 40px 48px; border-top: 1px solid #e8e8e4; background: #fff; }
.tnk-related h2 { font-family: 'Manrope', sans-serif; font-size: 16px; font-weight: 700; color: #111; margin: 0 0 20px; }
.tnk-related ul.products { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 14px !important; list-style: none !important; padding: 0 !important; margin: 0 !important; }
.tnk-related ul.products li.product { border: 1px solid #e8e8e4 !important; padding: 0 !important; margin: 0 !important; border-radius: 8px !important; overflow: hidden !important; background: #fff !important; transition: border-color .15s !important; }
.tnk-related ul.products li.product:hover { border-color: #999 !important; }
.tnk-related ul.products li.product > a:first-child { display: block; aspect-ratio: 1/1; overflow: hidden; background: #f5f5f3; }
.tnk-related ul.products li.product > a:first-child img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s; }
.tnk-related ul.products li.product:hover > a:first-child img { transform: scale(1.03); }
.tnk-related ul.products li.product .woocommerce-loop-product__title { font-family: 'Manrope', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; color: #111 !important; padding: 10px 12px 4px !important; margin: 0 !important; line-height: 1.3 !important; }
.tnk-related ul.products li.product .price { font-family: 'Manrope', sans-serif !important; font-size: 13px !important; font-weight: 700 !important; color: #111 !important; padding: 0 12px 12px !important; display: flex !important; gap: 5px !important; flex-wrap: wrap; align-items: baseline !important; }
.tnk-related ul.products li.product .price del { font-size: 11px !important; color: #bbb !important; font-weight: 400 !important; }
.tnk-related ul.products li.product .price ins { text-decoration: none !important; }
.tnk-related ul.products li.product .price .screen-reader-text { display: none !important; }
.tnk-related ul.products li.product a.button { display: none !important; }

/* ── STICKY BAR ───────────────────────────────────────────── */
.tnk-sticky-bar { position: fixed; bottom: -80px; left: 0; right: 0; background: #111; z-index: 9999; transition: bottom .28s ease; }
.tnk-sticky-bar.visible { bottom: 0; }
.tnk-sticky-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: 1280px; margin: 0 auto; padding: 12px 40px; }
.tnk-sticky-info { display: flex; align-items: center; gap: 12px; min-width: 0; }
.tnk-sticky-info img { width: 44px; height: 44px; object-fit: cover; flex-shrink: 0; border-radius: 4px; }
.tnk-sticky-name { font-family: 'Manrope', sans-serif; font-size: 13px; font-weight: 700; color: #fff; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 300px; }
.tnk-sticky-price { font-family: 'Manrope', sans-serif; font-size: 12px; color: rgba(255,255,255,.7); display: block; }
.tnk-sticky-btn { background: #fff; color: #111; font-family: 'Manrope', sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; padding: 10px 20px; text-decoration: none; flex-shrink: 0; border-radius: 6px; }
.tnk-sticky-btn:hover { background: #f0f0f0; }

/* ── TABLET ───────────────────────────────────────────────── */
@media (min-width: 769px) and (max-width: 1024px) {
  .tnk-wrap { grid-template-columns: 1fr 360px; padding: 0 24px; }
  .tnk-left { padding: 24px 28px 40px 0; }
  .tnk-right { padding: 24px 0 60px 28px; }
  .tnk-below-grid { grid-template-columns: 1fr 1fr; gap: 28px; padding: 32px 24px 40px; }
  .tnk-tabs,.tnk-related { padding-left: 24px; padding-right: 24px; }
  .tnk-bc-wrap { padding: 10px 24px; }
}

/* ── MOBILE ───────────────────────────────────────────────── */
@media (max-width: 768px) {
  .tnk-sale-bar { display: none !important; }
  .tnk-bc-wrap { padding: 8px 16px; }
  .tnk-bc { font-size: 10px; flex-wrap: nowrap; overflow: hidden; white-space: nowrap; }
  .tnk-bc-current { overflow: hidden; text-overflow: ellipsis; max-width: 160px; display: inline-block; vertical-align: bottom; }

  /* Single column, zero padding everywhere */
  .tnk-wrap { grid-template-columns: 1fr !important; padding: 0 !important; margin: 0 !important; }
  .tnk-left { padding: 0 !important; margin: 0 !important; width: 100% !important; }
  .tnk-sticky-gallery { position: static !important; width: 100% !important; margin: 0 !important; padding: 0 !important; }
  .tnk-gallery { width: 100% !important; margin: 0 !important; padding: 0 !important; }

  /* ── CRITICAL: kill any inherited padding/margin from Kadence on gallery parents ── */
  .tnk-page { padding: 0 !important; margin: 0 !important; }
  .tnk-left, .tnk-sticky-gallery, .tnk-gallery,
  .tnk-slides-viewport, .tnk-slides { 
    margin-left: 0 !important; 
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Viewport: full width, flush to edges */
  .tnk-slides-viewport {
    width: 100% !important;
    max-width: 100vw !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    border: none !important;
    display: block !important;
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
  }

  /* Slides strip */
  .tnk-slides {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: transform .35s cubic-bezier(.4,0,.2,1) !important;
  }

  /* Each slide: exactly phone width */
  .tnk-slide {
    min-width: 100% !important;
    width: 100% !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Image: square, fills slide perfectly */
  .tnk-slide-img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: contain !important;
    max-height: none !important;
    background: #f8f8f8 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Dots */
  .tnk-dots { display: flex !important; }
  .tnk-thumbs { display: none !important; }

  /* Right panel: proper padding, full width */
  .tnk-right {
    padding: 20px 16px 100px !important;
    border-left: none !important;
    border-top: 1px solid #e8e8e4;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Title: never overflow, wrap properly */
  .tnk-title {
    font-size: 19px !important;
    margin-bottom: 10px !important;
    white-space: normal !important;
    word-break: break-word !important;
    width: 100% !important;
  }

  /* ── BUTTONS: full width, proper height ── */
  .tnk-right .single_add_to_cart_button,
  .tnk-right button.single_add_to_cart_button {
    width: 100% !important;
    padding: 16px 24px !important;
    font-size: 15px !important;
    border-radius: 8px !important;
  }

  .tnk-trust { grid-template-columns: repeat(2,1fr); border-radius: 6px; }
  .tnk-ti { border-bottom: 1px solid #e8e8e4; }
  .tnk-ti:nth-child(odd) { border-right: 1px solid #e8e8e4; }
  .tnk-ti:nth-child(even) { border-right: none; }
  .tnk-ti:nth-last-child(-n+2) { border-bottom: none; }
  .tnk-below-grid { grid-template-columns: 1fr; gap: 24px; padding: 24px 16px 32px; }
  .tnk-rev-score { font-size: 36px; }
  .tnk-tabs { padding: 0; }
  .tnk-tabs .woocommerce-tabs ul.tabs li a { padding: 12px 14px; font-size: 11px; }
  .tnk-tabs .woocommerce-tabs .panel { padding: 20px 16px; }
  .tnk-related { padding: 24px 16px 36px; }
  .tnk-related ul.products { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; }
  .tnk-sticky-inner { padding: 10px 16px; }
  .tnk-sticky-name { max-width: 180px; }
}