/* Public collection and product experience. Existing data and interaction hooks remain intact. */
body.tk-public.tk-catalogue-page,
body.tk-public.tk-product-detail-page { background: #f3f3ef; color: #20221f; }
body.tk-public .tk-collection-intro { padding: clamp(40px, 6vw, 92px) 0 56px; background: #f3f3ef; }
body.tk-public .tk-collection-topline { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 50px; }
body.tk-public .tk-collection-eyebrow { display: inline-flex; align-items: center; gap: 9px; font-size: 11px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; }
body.tk-public .tk-collection-eyebrow > span { width: 7px; height: 7px; background: #1749e8; border-radius: 50%; }
body.tk-public .tk-collection-topline nav { display: flex; align-items: center; gap: 10px; font-size: 12px; color: #73756f; }
body.tk-public .tk-collection-heading-row { display: grid; grid-template-columns: 1.4fr 1fr; align-items: end; gap: 48px; }
body.tk-public .tk-collection-heading-row h1 { margin: 0; font-size: clamp(54px, 7.6vw, 112px); font-weight: 400; line-height: .99; letter-spacing: -.065em; color: #20221f; }
body.tk-public .tk-collection-heading-row h1 > span { color: #85877f; }
body.tk-public .tk-collection-description { max-width: 310px; justify-self: end; padding-bottom: 5px; }
body.tk-public .tk-collection-description p { font-size: 14px; line-height: 1.8; color: #6a6d65; margin-bottom: 28px; }
body.tk-public .tk-collection-description a { display: flex; justify-content: space-between; align-items: center; padding: 13px 0; border-top: 1px solid #d5d7cf; color: #20221f; font-size: 12px; font-weight: 500; }
body.tk-public .tk-collection-description a span { font-size: 23px; transition: transform .3s ease; }
body.tk-public .tk-collection-description a:hover span { transform: translate(3px, 3px); }

/* Catalogue tools keep their existing dropdown and filtering behavior. */
body.tk-public.tk-catalogue-page .tk-filter-pills-bar { background: #f3f3ef; border-top: 1px solid #dedfd8; border-bottom: 1px solid #dedfd8; padding: 18px 0; margin-bottom: 36px; }
body.tk-public.tk-catalogue-page .tk-filter-pill { border: 1px solid #d8dad2; border-radius: 100px; padding: 12px 17px; background: transparent; color: #343730; font-size: 12px; font-weight: 500; }
body.tk-public.tk-catalogue-page .tk-filter-pill:hover,
body.tk-public.tk-catalogue-page .tk-filter-pill.active,
body.tk-public.tk-catalogue-page .tk-filter-pill.is-selected { color: #1749e8; border-color: #1749e8; background: #e8edff; }
body.tk-public.tk-catalogue-page .tk-pill-menu { border-radius: 20px; border-color: #e2e4dc; padding: 12px; box-shadow: 0 16px 48px #20221f14; }
body.tk-public.tk-catalogue-page .tk-menu-check { border-radius: 9px; }
body.tk-public.tk-catalogue-page .tk-toolbar-row { margin-bottom: 24px; }
body.tk-public.tk-catalogue-page .tk-count-heading { font-size: 15px; letter-spacing: -.03em; font-weight: 400; }
body.tk-public.tk-catalogue-page #tkCountNum { font-weight: 600; }
body.tk-public.tk-catalogue-page .tk-toolbar-divider { display: none; }
body.tk-public.tk-catalogue-page .tk-sort-box { font-size: 12px; }
body.tk-public.tk-catalogue-page .tk-view-toggle-btns { padding: 4px; background: #e5e7df; border: 0; border-radius: 100px; }
body.tk-public.tk-catalogue-page .tk-view-toggle-btn { border-radius: 50%; width: 34px; height: 34px; }
body.tk-public.tk-catalogue-page .tk-view-toggle-btn.active { background: #20221f; color: #fff; }
body.tk-public.tk-catalogue-page .tk-collection-results { margin-bottom: 90px; }
body.tk-public.tk-catalogue-page .tk-product-cards-container:not(.list-mode) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }

/* A consistent product card, including cards on the home page. */
body.tk-public .tk-product-card-item { position: relative; padding: 9px; border: 1px solid #fff; background: #fff; border-radius: 26px; box-shadow: none; overflow: hidden; transition: transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .5s ease, border-color .3s ease; }
body.tk-public .tk-product-card-item:hover { transform: translateY(-7px); border-color: #d7dbce; box-shadow: 0 18px 30px -20px #1d281c42; }
body.tk-public .tk-product-card-item .tk-card-img-box { height: auto; aspect-ratio: 1.18; border-radius: 19px; margin: 0; background: #f5f5f1; }
body.tk-public .tk-product-card-item .tk-card-img-box.no-background { background: #f1f2eb; }
body.tk-public .tk-product-card-item .tk-card-img-box.has-background { background: #f7f7f4; }
body.tk-public .tk-product-card-item .tk-card-img-box img { width: 100%; height: 100%; padding: 25px; object-fit: contain; transition: transform .75s cubic-bezier(.2,.7,.2,1); }
body.tk-public .tk-product-card-item .tk-card-img-box.has-background img { padding: 8px; }
body.tk-public .tk-product-card-item:hover .tk-card-img-box img { transform: scale(1.065) rotate(-1deg); }
body.tk-public .tk-card-index { position: absolute; top: 17px; left: 17px; z-index: 2; font-size: 11px; letter-spacing: .02em; color: #85877e; pointer-events: none; }
body.tk-public .tk-product-card-item .tk-card-wishlist-btn { width: 35px; height: 35px; color: #454940; background: #ffffffde; border: 1px solid #e0e3d9; box-shadow: none; }
body.tk-public .tk-product-card-item .tk-card-wishlist-btn:hover { background: #fff; border-color: #1749e8; color: #1749e8; }
body.tk-public .tk-product-card-item .tk-card-wishlist-btn svg { width: 16px; height: 16px; stroke-width: 1.5; }
body.tk-public .tk-product-card-item .tk-card-details-box { padding: 23px 14px 13px; }
body.tk-public .tk-product-card-item .tk-card-category-tag { font-size: 9px; font-weight: 500; letter-spacing: .11em; color: #73786a; margin-bottom: 9px; }
body.tk-public .tk-product-card-item .tk-card-product-name { font-size: clamp(20px, 1.75vw, 27px); line-height: 1.13; font-weight: 500; letter-spacing: -.045em; color: #20221f; margin-bottom: 13px; }
body.tk-public .tk-product-card-item .tk-card-product-name:hover { color: #1749e8; }
body.tk-public .tk-product-card-item .tk-card-specs-line { font-size: 11px; line-height: 1.7; color: #777c70; margin-bottom: 15px; }
body.tk-public .tk-product-card-item .tk-card-actions-row { gap: 8px; padding-top: 17px; border-top: 1px solid #ededE7; }
body.tk-public .tk-product-card-item .tk-btn-view-details-pill { display: inline-flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 !important; color: #20221f !important; font-size: 11px; font-weight: 500 !important; line-height: 1.3; border: 0 !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; text-align: left; }
body.tk-public .tk-product-card-item .tk-btn-view-details-pill span { color: #20221f !important; }
body.tk-public .tk-product-card-item .tk-btn-view-details-pill .tk-card-action-arrow { display: inline-grid; flex-shrink: 0; width: 36px; height: 36px; padding: 0; place-items: center; line-height: 0; color: #fff !important; background: #1749e8; border-radius: 50%; transition: transform .35s ease, background .3s ease; }
body.tk-public .tk-product-card-item .tk-card-action-arrow svg { display: block; width: 16px; height: 16px; margin: 0; stroke: currentColor; }
body.tk-public .tk-product-card-item .tk-btn-view-details-pill:hover { transform: none !important; }
body.tk-public .tk-product-card-item .tk-btn-view-details-pill:hover .tk-card-action-arrow { transform: rotate(45deg); background: #20221f; }
body.tk-public .tk-product-card-item .tk-btn-add-quote-pill { flex: 0 0 auto; gap: 5px; padding: 9px 11px !important; border: 1px solid #d8dcd0 !important; border-radius: 100px !important; background: #fff !important; color: #53594b !important; font-size: 10px; font-weight: 500 !important; line-height: 1.3; box-shadow: none !important; }
body.tk-public .tk-product-card-item .tk-btn-add-quote-pill svg { width: 12px; height: 12px; stroke: #53594b !important; }
body.tk-public .tk-product-card-item .tk-btn-add-quote-pill:hover { color: #1749e8 !important; border-color: #1749e8 !important; background: #f2f5ff !important; transform: none !important; }
body.tk-public .tk-product-card-item .tk-btn-add-quote-pill:hover svg { stroke: #1749e8 !important; }
body.tk-public .tk-product-card-item a:focus-visible,
body.tk-public .tk-product-card-item button:focus-visible { outline: 2px solid #1749e8; outline-offset: 4px; }
body.tk-public .tk-product-cards-container.list-mode .tk-product-card-item { padding: 10px; align-items: center; gap: 30px; }
body.tk-public .tk-product-cards-container.list-mode .tk-card-img-box { width: 260px; height: 210px; aspect-ratio: auto; flex-shrink: 0; }
body.tk-public .tk-product-cards-container.list-mode .tk-card-details-box { padding: 15px 65px 15px 0; }
body.tk-public .tk-product-cards-container.list-mode .tk-card-product-name { font-size: 30px; }
body.tk-public .tk-product-cards-container.list-mode .tk-card-actions-row { margin-top: 10px; max-width: 300px; }
body.tk-public .tk-product-cards-container.list-mode .tk-btn-view-details-pill { flex: 1; }
body.tk-public .tk-product-cards-container.list-mode .tk-card-wishlist-btn.list-wishlist { top: 22px; right: 22px; }

/* Product overview: object stage on the left, considered configuration on the right. */
body.tk-public.tk-product-detail-page .teknolite-breadcrumb { padding: 25px 0 !important; background: #f3f3ef !important; border-bottom: 1px solid #dedfd8; }
body.tk-public.tk-product-detail-page .teknolite-breadcrumb::before { display: none; }
body.tk-public.tk-product-detail-page .tf-breadcrumb-list,
body.tk-public.tk-product-detail-page .tf-breadcrumb-list .text { color: #707469 !important; font-size: 11px; }
body.tk-public.tk-product-detail-page .tf-breadcrumb-prev-next a { border: 1px solid #d9ddd1; border-radius: 50%; padding: 10px; color: #444b3c !important; }
body.tk-public.tk-product-detail-page .teknolite-breadcrumb .icon { color: #68715e !important; }
body.tk-public.tk-product-detail-page .tk-product-showcase { padding: 46px 0 74px; }
body.tk-public.tk-product-detail-page .tk-product-showcase > .container > .row { --bs-gutter-x: 56px; --bs-gutter-y: 32px; }
body.tk-public.tk-product-detail-page .tf-product-media-wrap { top: 118px; padding: 22px; border: 1px solid #fff; border-radius: 28px; background: #fff; }
body.tk-public.tk-product-detail-page .tk-gallery-caption { display: flex; justify-content: space-between; gap: 15px; padding: 0 0 18px; font-size: 9px; line-height: 1.5; letter-spacing: .08em; text-transform: uppercase; color: #787e70; }
body.tk-public.tk-product-detail-page .thumbs-slider { flex-direction: column; gap: 14px; }
body.tk-public.tk-product-detail-page .tf-product-media-main { width: 100% !important; flex: 1; border: 0; background: #f6f6f2; border-radius: 20px; box-shadow: none; }
body.tk-public.tk-product-detail-page .tf-product-media-main .item { height: clamp(340px, 37vw, 540px); padding: 36px; background: #f6f6f2; }
body.tk-public.tk-product-detail-page .tf-product-media-main .item img { mix-blend-mode: multiply; }
body.tk-public.tk-product-detail-page .tf-product-media-thumbs { order: 2; width: 100%; max-height: 80px; }
body.tk-public.tk-product-detail-page .tf-product-media-thumbs .swiper-wrapper { flex-direction: row; }
body.tk-public.tk-product-detail-page .tf-product-media-thumbs .swiper-slide { width: 72px !important; height: 72px !important; margin-bottom: 0; margin-right: 10px; }
body.tk-public.tk-product-detail-page .tf-product-media-thumbs .item { width: 72px; height: 72px; border: 1px solid #e0e3d9; border-radius: 13px; padding: 5px; opacity: .7; }
body.tk-public.tk-product-detail-page .tf-product-media-thumbs .swiper-slide-thumb-active .item,
body.tk-public.tk-product-detail-page .tf-product-media-thumbs .item.active { border-color: #1749e8; opacity: 1; box-shadow: none; transform: none; }
body.tk-public.tk-product-detail-page .thumbs-slider .button-style-arrow { background: #fffffff0; border: 1px solid #daddd2; box-shadow: none; }
body.tk-public.tk-product-detail-page .tf-product-info-wrap { padding: 8px 0 0; }
body.tk-public.tk-product-detail-page .teknolite-product-category { display: inline-block; padding: 7px 11px; border: 1px solid #d6dbcd; border-radius: 100px; color: #68715e; background: #e9ede2; font-size: 9px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 19px; }
body.tk-public.tk-product-detail-page .tf-product-info-name .name { font-size: clamp(38px, 4.5vw, 68px); line-height: 1.04; letter-spacing: -.06em; font-weight: 400; color: #20221f; margin-bottom: 18px; overflow-wrap: anywhere; }
body.tk-public.tk-product-detail-page .tf-product-info-name p { font-size: 13px !important; line-height: 1.85 !important; max-width: 440px; color: #73796b !important; }
body.tk-public.tk-product-detail-page .tf-product-info-heading { padding-bottom: 25px; margin-bottom: 0; border-bottom: 1px solid #d8dbd1; }
body.tk-public.tk-product-detail-page .tk-configurator-heading { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 23px 0; font-size: 12px; font-weight: 500; color: #30362a; }
body.tk-public.tk-product-detail-page .tk-configurator-heading > span:last-child { font-size: 10px; font-weight: 400; color: #858a7d; }
body.tk-public.tk-product-detail-page .product-variant-selectors { display: grid; grid-template-columns: minmax(0, 1fr); row-gap: 2px; margin-bottom: 12px; }
body.tk-public.tk-product-detail-page .variant-picker-item { padding-bottom: 12px; margin-bottom: 0 !important; border-bottom: 1px solid #e3e5dc; }
body.tk-public.tk-product-detail-page .variant-picker-item .mb_12 { margin: 10px 0 8px !important; }
body.tk-public.tk-product-detail-page .variant-picker-label { color: #73796b !important; font-size: 10px !important; font-weight: 400 !important; line-height: 1.5; }
body.tk-public.tk-product-detail-page .variant-picker-label span { color: #282f21 !important; font-size: 10px !important; font-weight: 500 !important; }
body.tk-public.tk-product-detail-page .variant-picker-values { gap: 5px !important; }
body.tk-public.tk-product-detail-page .variant-picker-values label.style-text { height: auto !important; min-height: 31px !important; max-height: none !important; padding: 7px 11px !important; border: 1px solid #d5dacb !important; border-radius: 100px !important; background: transparent !important; box-shadow: none; }
body.tk-public.tk-product-detail-page .variant-picker-values label.style-text .text-title { color: #4d5742 !important; font-size: 10px !important; font-weight: 400 !important; line-height: 1.4 !important; }
body.tk-public.tk-product-detail-page .variant-picker-values input:checked + label.style-text { background: #20281a !important; border-color: #20281a !important; }
body.tk-public.tk-product-detail-page .variant-picker-values input:checked + label.style-text .text-title { color: #fff !important; }
body.tk-public.tk-product-detail-page .variant-picker-values input:focus-visible + label.style-text { outline: 2px solid #1749e8; outline-offset: 3px; }
body.tk-public.tk-product-detail-page .tf-product-info-quantity { display: flex; align-items: center; gap: 12px; margin: 0 !important; }
body.tk-public.tk-product-detail-page .tf-product-info-quantity .title { margin: 0 !important; font-size: 12px; font-weight: 400; color: #73796b; }
body.tk-public.tk-product-detail-page .wg-quantity { display: grid !important; grid-template-columns: 44px minmax(0, 1fr) 44px; height: 46px !important; width: 152px !important; padding: 0; gap: 0; background: #e7eae1; border-radius: 100px; border: 1px solid #d8ddcf; overflow: hidden; }
body.tk-public.tk-product-detail-page .wg-quantity .btn-quantity { display: grid; place-items: center; width: 100% !important; height: 100% !important; min-width: 0; padding: 0 !important; margin: 0; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none; line-height: 0; color: #30362a; }
body.tk-public.tk-product-detail-page .wg-quantity .btn-quantity svg { display: block; width: 16px; height: 16px; pointer-events: none; }
body.tk-public.tk-product-detail-page .wg-quantity .btn-quantity:hover { background: #dce2d3 !important; color: #1749e8; }
body.tk-public.tk-product-detail-page .wg-quantity .quantity-product { width: 100% !important; height: 100% !important; min-width: 0; min-height: 0; max-width: none; padding: 0 !important; margin: 0; border: 0 !important; border-radius: 0 !important; background: transparent !important; font-size: 16px !important; line-height: normal; text-align: center; appearance: textfield; -moz-appearance: textfield; }
body.tk-public.tk-product-detail-page .wg-quantity .quantity-product::-webkit-inner-spin-button,
body.tk-public.tk-product-detail-page .wg-quantity .quantity-product::-webkit-outer-spin-button { margin: 0; -webkit-appearance: none; }
body.tk-public.tk-product-detail-page .wg-quantity :is(button, input):focus-visible { outline: 2px solid #1749e8; outline-offset: -4px; }
body.tk-public.tk-product-detail-page #wrapper .teknolite-action-buttons { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 10px; margin-bottom: 0 !important; }
body.tk-public.tk-product-detail-page #wrapper .teknolite-action-buttons .tf-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-width: 0; height: 48px; min-height: 48px; border-radius: 100px !important; padding: 0 14px !important; font-size: 12px; line-height: 1.3; font-weight: 500 !important; }
body.tk-public.tk-product-detail-page .teknolite-action-buttons .tf-btn.btn-onsurface { background: #1749e8 !important; border-color: #1749e8 !important; flex: 1 1 auto; }
body.tk-public.tk-product-detail-page .teknolite-action-buttons .tf-btn.has-border { color: #48543b !important; background: transparent !important; border: 1px solid #cfd6c4 !important; }
body.tk-public.tk-product-detail-page .teknolite-action-buttons .tf-btn.has-border * { color: #48543b !important; }
body.tk-public.tk-product-detail-page #wrapper .tk-action-icon { display: block; flex: 0 0 18px; width: 18px; height: 18px; margin: 0; line-height: 0; }
body.tk-public.tk-product-detail-page .teknolite-btn-wishlist.active .tk-action-icon { fill: currentColor; }
body.tk-public.tk-product-detail-page #wrapper .teknolite-whatsapp-btn,
body.tk-public.tk-product-detail-page #wrapper .teknolite-whatsapp-btn:hover { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 54px; font-size: 12px; line-height: 1.3; font-weight: 500 !important; background: transparent !important; color: #48543b !important; border: 0 !important; border-top: 1px solid #d8ddcf !important; border-radius: 0 !important; padding: 17px 0 !important; box-shadow: none !important; transform: none; }
body.tk-public.tk-product-detail-page .teknolite-whatsapp-btn * { color: #48543b !important; }

/* Fixed icon frames keep filter labels and chevrons on the same centre line. */
body.tk-public.tk-catalogue-page #tkPillsBar .tk-filter-pill { align-items: center; gap: 8px; line-height: 1.25; }
body.tk-public.tk-catalogue-page #tkPillsBar .pill-icon { display: inline-grid; place-items: center; flex: 0 0 16px; width: 16px; height: 16px; line-height: 0; }
body.tk-public.tk-catalogue-page #tkPillsBar .pill-icon svg { display: block; width: 16px; height: 16px; }
body.tk-public.tk-catalogue-page #tkPillsBar .pill-arrow { display: inline-grid; place-items: center; flex: 0 0 14px; width: 14px; height: 14px; margin-left: 2px; font-size: 0; line-height: 0; color: inherit !important; }
body.tk-public.tk-catalogue-page #tkPillsBar .pill-arrow svg { display: block; width: 14px; height: 14px; }

/* Tabs and real specifications remain readable at every viewport. */
body.tk-public.tk-product-detail-page .teknolite-product-tabs { padding: 70px 0 80px; background: #fff; border-radius: 36px 36px 0 0; }
body.tk-public.tk-product-detail-page .tk-product-details-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; margin-bottom: 50px; }
body.tk-public.tk-product-detail-page .tk-product-details-heading h2 { margin: 0; font-size: clamp(32px, 4.5vw, 64px); font-weight: 400; line-height: 1.05; letter-spacing: -.055em; }
body.tk-public.tk-product-detail-page .tk-product-details-heading h2 span { color: #858a7d; }
body.tk-public.tk-product-detail-page .widget-menu-tab { justify-content: flex-start; gap: 10px; border-bottom: 1px solid #e0e3d9; padding-bottom: 17px; flex-wrap: wrap; }
body.tk-public.tk-product-detail-page .widget-menu-tab .item-title { padding: 10px 18px; border: 1px solid #e1e4db; border-radius: 100px; font-size: 12px; font-weight: 500; }
body.tk-public.tk-product-detail-page .widget-menu-tab .item-title.active { background: #20281a; color: #fff; border-color: #20281a; }
body.tk-public.tk-product-detail-page .widget-menu-tab .item-title::after,
body.tk-public.tk-product-detail-page .widget-menu-tab .item-title .inner::after { display: none; }
body.tk-public.tk-product-detail-page .widget-content-tab { padding-top: 28px; }
body.tk-public.tk-product-detail-page .teknolite-spec-table { width: 100%; border-collapse: collapse; font-size: 12px; }
body.tk-public.tk-product-detail-page .teknolite-spec-table th,
body.tk-public.tk-product-detail-page .teknolite-spec-table td { padding: 16px 20px; border-color: #e2e6da; }
body.tk-public.tk-product-detail-page .teknolite-spec-table th { font-weight: 500; color: #666f5b; }
body.tk-public.tk-product-detail-page .teknolite-spec-table tr:nth-child(odd) { background: #f5f6f1; }

@media (max-width: 1199px) {
  body.tk-public.tk-product-detail-page #wrapper .teknolite-action-buttons { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.tk-public.tk-product-detail-page #wrapper .teknolite-action-buttons .btn-onsurface { grid-column: 1 / -1; }
  body.tk-public.tk-catalogue-page .tk-product-cards-container:not(.list-mode) { gap: 15px; }
  body.tk-public .tk-product-card-item .tk-card-details-box { padding: 20px 10px 10px; }
  body.tk-public .tk-product-card-item .tk-card-actions-row { gap: 7px; }
  body.tk-public .tk-product-card-item .tk-btn-add-quote-pill { padding: 8px !important; font-size: 9px; }
  body.tk-public .tk-product-card-item .tk-btn-view-details-pill { font-size: 10px; }
  body.tk-public .tk-product-card-item .tk-btn-view-details-pill .tk-card-action-arrow { width: 29px; height: 29px; font-size: 18px; }
  body.tk-public.tk-product-detail-page .tk-product-showcase > .container > .row { --bs-gutter-x: 30px; }
}
@media (max-width: 991px) {
  body.tk-public.tk-catalogue-page .tk-product-cards-container:not(.list-mode) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.tk-public .tk-collection-heading-row { gap: 28px; }
  body.tk-public .tk-collection-description { max-width: 260px; }
  body.tk-public .tk-collection-topline { margin-bottom: 36px; }
  body.tk-public.tk-product-detail-page .tf-product-media-wrap { padding: 14px; }
  body.tk-public.tk-product-detail-page .tf-product-media-main .item { padding: 20px; height: 350px; }
  body.tk-public.tk-product-detail-page .tf-product-info-name .name { font-size: 42px; }
}
@media (max-width: 767px) {
  body.tk-public .tk-collection-intro { padding: 34px 0 32px; }
  body.tk-public .tk-collection-topline { margin-bottom: 35px; gap: 12px; }
  body.tk-public .tk-collection-topline nav { font-size: 10px; }
  body.tk-public .tk-collection-eyebrow { font-size: 9px; }
  body.tk-public .tk-collection-heading-row { grid-template-columns: 1fr; gap: 25px; }
  body.tk-public .tk-collection-heading-row h1 { font-size: clamp(56px, 12vw, 86px); }
  body.tk-public .tk-collection-description { max-width: 100%; justify-self: start; width: 100%; }
  body.tk-public .tk-collection-description p { max-width: 340px; margin-bottom: 16px; font-size: 12px; }
  body.tk-public .tk-collection-description a { padding: 10px 0; }
  body.tk-public.tk-catalogue-page .tk-filter-pills-bar { padding: 13px 0; margin-bottom: 23px; }
  body.tk-public.tk-catalogue-page .tk-filter-pill { padding: 10px 13px; font-size: 11px; }
  body.tk-public.tk-catalogue-page .tk-toolbar-row { gap: 12px; }
  body.tk-public.tk-catalogue-page .tk-toolbar-controls { gap: 10px; }
  body.tk-public.tk-catalogue-page .tk-sort-box { font-size: 10px; gap: 4px; }
  body.tk-public.tk-catalogue-page .tk-count-heading { font-size: 12px; }
  body.tk-public .tk-product-cards-container.list-mode .tk-product-card-item { gap: 14px; }
  body.tk-public .tk-product-cards-container.list-mode .tk-card-img-box { width: 38%; height: 165px; }
  body.tk-public .tk-product-cards-container.list-mode .tk-card-details-box { padding: 12px 0; }
  body.tk-public .tk-product-cards-container.list-mode .tk-card-product-name { padding-right: 35px; font-size: 23px; }
  body.tk-public .tk-product-cards-container.list-mode .tk-card-actions-row { flex-wrap: wrap; padding-top: 10px; margin-top: 0; }
  body.tk-public .tk-product-cards-container.list-mode .tk-card-wishlist-btn.list-wishlist { top: 16px; right: 14px; width: 30px; height: 30px; }
  body.tk-public.tk-product-detail-page .tk-product-showcase { padding: 26px 0 45px; }
  body.tk-public.tk-product-detail-page .tf-product-media-wrap { border-radius: 22px; padding: 15px; }
  body.tk-public.tk-product-detail-page .tf-product-media-main .item { height: 360px; padding: 30px; }
  body.tk-public.tk-product-detail-page .tf-product-info-wrap { padding: 0 4px; }
  body.tk-public.tk-product-detail-page .tf-product-info-name .name { font-size: 45px; }
  body.tk-public.tk-product-detail-page .variant-picker-values label.style-text { min-height: 32px !important; padding: 7px 10px !important; }
  body.tk-public.tk-product-detail-page .teknolite-product-tabs { padding: 42px 0 50px; border-radius: 24px 24px 0 0; }
  body.tk-public.tk-product-detail-page .tk-product-details-heading { flex-direction: column; gap: 20px; margin-bottom: 30px; }
  body.tk-public.tk-product-detail-page .widget-menu-tab { gap: 6px; }
  body.tk-public.tk-product-detail-page .widget-menu-tab .item-title { padding: 9px 12px; font-size: 10px; }
  body.tk-public.tk-product-detail-page .teknolite-spec-table th,
  body.tk-public.tk-product-detail-page .teknolite-spec-table td { padding: 13px; font-size: 11px; }
}
@media (max-width: 575px) {
  body.tk-public.tk-product-detail-page #wrapper .teknolite-action-buttons { grid-template-columns: minmax(0, 1fr); }
  body.tk-public.tk-catalogue-page .tk-product-cards-container:not(.list-mode) { grid-template-columns: 1fr; gap: 17px; }
  body.tk-public .tk-product-card-item { padding: 9px; border-radius: 24px; }
  body.tk-public .tk-product-card-item .tk-card-img-box { aspect-ratio: 1.2; }
  body.tk-public .tk-product-card-item .tk-card-details-box { padding: 20px 15px 12px; }
  body.tk-public .tk-product-card-item .tk-card-product-name { font-size: 27px; }
  body.tk-public .tk-product-card-item .tk-card-category-tag { font-size: 9px; }
  body.tk-public .tk-product-card-item .tk-btn-add-quote-pill { font-size: 11px; padding: 10px 14px !important; }
  body.tk-public .tk-product-card-item .tk-btn-view-details-pill { font-size: 12px; }
  body.tk-public .tk-product-card-item .tk-btn-view-details-pill .tk-card-action-arrow { width: 37px; height: 37px; font-size: 23px; }
  body.tk-public .tk-product-cards-container.list-mode .tk-product-card-item { align-items: flex-start; }
  body.tk-public .tk-product-cards-container.list-mode .tk-card-details-box { padding: 8px 3px 5px 0; }
  body.tk-public .tk-product-cards-container.list-mode .tk-card-product-name { font-size: 20px; }
  body.tk-public .tk-product-cards-container.list-mode .tk-card-category-tag { font-size: 7px; padding-right: 25px; }
  body.tk-public .tk-product-cards-container.list-mode .tk-btn-add-quote-pill { font-size: 9px; padding: 7px !important; }
  body.tk-public .tk-product-cards-container.list-mode .tk-btn-view-details-pill { font-size: 9px; }
  body.tk-public .tk-product-cards-container.list-mode .tk-btn-view-details-pill .tk-card-action-arrow { width: 25px; height: 25px; font-size: 16px; }
  body.tk-public.tk-product-detail-page .tf-product-media-main .item { height: 310px; }
}
@media (prefers-reduced-motion: reduce) {
  body.tk-public .tk-product-card-item,
  body.tk-public .tk-product-card-item .tk-card-img-box img,
  body.tk-public .tk-product-card-item .tk-card-action-arrow,
  body.tk-public .tk-collection-description a span { transition: none !important; transform: none !important; }
}