/* WhatsTK phone layout (loaded only up to 600px wide). Display only. Remove this file to return to the previous phone look. */

/* Rhythm and type scale */
body{font-size:15.5px}
.content-container.site-container{padding-left:16px!important;padding-right:16px!important}
.home .content-container.site-container{padding-left:0!important;padding-right:0!important}
.wtk-section{padding:22px 16px 0!important}
.wtk-section--first{padding-top:16px!important}
.wtk-section__head{margin:0 0 12px!important}
.wtk-section__head--split{flex-direction:row!important;align-items:baseline!important;justify-content:space-between!important;gap:12px}
.wtk-section__head h1,.wtk-section__head h2{font-size:20px!important;line-height:1.2!important;letter-spacing:-.01em}
.wtk-section__head .wtk-link{display:inline-block!important;font-size:13px;font-weight:600;border-bottom:0!important;padding:0!important;color:#b8892b!important;white-space:nowrap}

/* Promise strip under the header: one message at a time, so it stays readable on narrow screens and in longer languages */
.wtk-usp{display:block!important;position:relative;height:34px;background:#0f1b33;color:#fff;font-size:12.5px;line-height:1;overflow:hidden}
.wtk-usp a,.wtk-usp span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;color:#fff!important;text-decoration:none!important;white-space:nowrap;opacity:0;visibility:hidden;animation:wtk-usp 10.5s infinite}
/* Without animation (or before it starts) the first message shows */
.wtk-usp > :first-child{opacity:1;visibility:visible}
.wtk-usp > :nth-child(2){animation-delay:3.5s}
.wtk-usp > :nth-child(3){animation-delay:7s}
.wtk-usp svg{width:14px;height:14px;flex:0 0 auto;fill:none;stroke:#d9b45a;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@keyframes wtk-usp{0%{opacity:0;visibility:hidden}3%,30%{opacity:1;visibility:visible}33.3%,100%{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion:reduce){.wtk-usp a,.wtk-usp span{animation:none}.wtk-usp > :first-child{opacity:1;visibility:visible}}
/* Home: categories as a 2 × 2 grid of full tiles instead of a strip of small ones */
.wtk-cats{margin:0 0 4px!important}
html body .wtk-cats ul.products.products{display:grid!important;flex-wrap:wrap!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;padding:0 16px!important}
html body .wtk-cats ul.products li.product-category{width:auto!important;min-width:0!important;max-width:none!important;flex:initial!important;border:0!important;border-radius:14px!important;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(15,27,51,.07),0 6px 16px rgba(15,27,51,.05)}
.wtk-cats li.product-category img{width:100%!important;height:auto!important;aspect-ratio:3/2!important;object-fit:cover;object-position:top center}
.wtk-cats li.product-category .woocommerce-loop-category__title{padding:9px 12px 11px!important;font-size:14px!important;font-weight:600;justify-content:space-between}
.wtk-cats li.product-category .woocommerce-loop-category__title::after{content:"\2192";color:#b8892b;font-weight:400}
.wtk-prods{padding:0 16px!important}

/* Product cards everywhere: lighter frame, tighter text */
.woocommerce ul.products:not(.wtk-cats ul){gap:10px!important}
.woocommerce ul.products li.product:not(.product-category){border:0!important;border-radius:12px!important;background:#fff;box-shadow:0 1px 2px rgba(15,27,51,.07)}
.woocommerce ul.products li.product:not(.product-category) .product-details{padding:10px 10px 12px!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px!important;line-height:1.35!important;min-height:2.7em!important;color:#1f2a44!important}
.woocommerce ul.products li.product .price{font-size:15.5px!important;margin-top:6px!important}

/* Shop and category pages: shorter title band, count and sort on one line */
.product-archive-hero-section .entry-hero-container-inner .entry-header{min-height:0!important;padding-top:16px!important;padding-bottom:16px!important}
h1.page-title{font-size:22px!important}
.kadence-shop-top-row{flex-wrap:nowrap!important;align-items:center;gap:10px;margin-bottom:12px!important}
.kadence-shop-top-row .kadence-woo-results-count{flex:1 1 auto!important;width:auto!important;margin:0!important;min-width:0}
.woocommerce .woocommerce-result-count{font-size:12.5px!important;color:#6b7280;line-height:1.3}
.kadence-shop-top-row .kadence-woo-ordering{flex:0 0 auto!important;width:auto!important}
.kadence-shop-top-row select.orderby{width:auto!important;max-width:168px;height:36px!important;font-size:13px!important;padding:0 30px 0 12px!important}
.kadence-shop-top-row .kadence-woo-toggle{display:none!important}
.woocommerce-pagination{margin:26px 0!important}

/* Product page: photo edge to edge, thumbnails in one row that scrolls */
.single-product .kadence-breadcrumbs{font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px!important}
.single-product div.product div.images{width:calc(100% + 32px)!important;max-width:none!important;margin:0 -16px 12px!important;padding-bottom:0!important}
.single-product div.product div.images .flex-viewport{border-radius:0!important}
.single-product div.product div.images .flex-control-thumbs{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:8px;width:auto!important;left:auto!important;transform:none!important;position:static!important;margin:10px 0 0!important;padding:0 16px 4px!important;overflow-x:auto;scrollbar-width:none;background:none!important}
.single-product div.product div.images .flex-control-thumbs::-webkit-scrollbar{display:none}
.single-product div.product div.images .flex-control-thumbs li{flex:0 0 56px!important;width:56px!important;margin:0!important}
.single-product div.product div.images .flex-control-thumbs img{width:56px!important;height:56px!important;object-fit:cover;border-radius:10px!important}
.single-product div.product div.images .flex-control-thumbs img.flex-active{outline:2px solid #0f1b33;outline-offset:-2px}
.single-product .summary{margin-top:14px!important}
.single-product h1.product_title{font-size:22px!important;line-height:1.25!important;letter-spacing:-.01em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.single-product .summary p.price{margin:10px 0 16px!important;font-size:22px!important;font-weight:700;color:#0f1b33}

/* Product page: each option gets the full width, label on its own line */
.single-product table.variations,.single-product table.variations tbody,.single-product table.variations tr,.single-product table.variations th,.single-product table.variations td{display:block!important;width:100%!important}
.single-product table.variations th.label{padding:0!important}
.single-product table.variations th.label,.single-product table.variations th.label label,.wtk-airpods-label{font-size:13px!important;font-weight:600!important;letter-spacing:.02em;color:#4a5568!important;margin:0!important}
.single-product table.variations td.value{padding:0!important}
.single-product .wtk-product-choices,.single-product .wtk-airpods-buttons{gap:8px!important;margin:7px 0 16px!important}
.single-product .wtk-product-choice{min-width:54px;min-height:44px!important;padding:8px 14px!important;border-radius:10px!important;font-size:14px!important;text-align:center;justify-content:center}
.single-product .wtk-total__amount{font-size:24px!important}
.single-product .product_meta{margin-top:14px!important;padding-top:12px!important;border-top:1px solid #e6e2d8!important}

/* Product page: tabs as one row with an underline, no boxed list */
.single-product .woocommerce-tabs{border:0!important;margin:8px -16px 28px!important}
.single-product .woocommerce-tabs ul.tabs{display:flex!important;gap:2px;margin:0 0 16px!important;padding:0 16px!important;border-bottom:1px solid #e6e2d8!important;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.single-product .woocommerce-tabs ul.tabs::-webkit-scrollbar{display:none}
.single-product .woocommerce-tabs ul.tabs::before,.single-product .woocommerce-tabs ul.tabs::after{display:none!important}
.single-product .woocommerce-tabs ul.tabs li{display:block!important;flex:0 0 auto;width:auto!important;margin:0!important;border:0!important;background:none!important}
.single-product .woocommerce-tabs ul.tabs li a{padding:10px 10px 11px!important;font-size:14px!important;font-weight:600!important;color:#6b7280!important;border-bottom:2px solid transparent;margin-bottom:-1px}
.single-product .woocommerce-tabs ul.tabs li.active a{color:#0f1b33!important;border-bottom-color:#b8892b}
.single-product .woocommerce-Tabs-panel{padding:0 16px!important}
.single-product .woocommerce-Tabs-panel > h2:first-child{display:none!important}
.single-product .woocommerce-Tabs-panel h3{font-size:17px!important;line-height:1.3!important;margin:0 0 8px!important}
.single-product #tab-description p{font-size:14.5px;line-height:1.6;color:#4a5568}
.single-product #tab-description img{border-radius:10px}

/* Product page: related products two across, like the shop */
.single-product .related > h2,.single-product .upsells > h2{font-size:20px!important;margin:0 0 12px!important}
.single-product .related ul.products,.single-product .upsells ul.products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}

/* Cart and account headings */
.woocommerce-cart .cart-summary h2,.woocommerce-cart .cart_totals h2,.woocommerce-account h2{font-size:20px!important}
.entry-hero.page-hero-section .entry-header{min-height:0!important;padding-top:20px!important;padding-bottom:20px!important}
.entry-hero.page-hero-section h1.entry-title{font-size:24px!important}

/* Cart: coupon row reads as secondary */
.woocommerce-cart .coupon .button,.woocommerce-cart button[name="update_cart"]{font-size:14px!important;min-height:42px}
.woocommerce-cart .coupon #coupon_code{min-height:42px;font-size:14px}

/* Low-resolution main photos (under 700px wide) are not stretched edge to edge */
.single-product div.product div.images.wtk-small-photo{width:300px!important;max-width:100%!important;margin:0 auto 12px!important}
.single-product div.product div.images.wtk-small-photo .flex-control-thumbs{padding-left:0!important;padding-right:0!important}