.timehut-product-plans-intro {
margin: 12px 0 16px 0;
padding: 12px 14px;
background: var(--timehut-color-surface-muted, #f8fafc);
border: 1px solid var(--timehut-color-border, #e2e8f0);
border-radius: var(--timehut-radius-md, 8px);
}
.timehut-plans-intro__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.timehut-plans-intro__card {
background: #ffffff;
border: 1px solid var(--timehut-color-border, #e2e8f0);
border-radius: var(--timehut-radius-sm, 6px);
padding: 10px 12px;
position: relative;
cursor: pointer;
transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
}
.timehut-plans-intro__card:hover {
border-color: var(--timehut-color-secondary, #23396c);
box-shadow: var(--timehut-shadow-sm, 0 2px 4px rgba(0,0,0,0.04));
}
.timehut-plans-intro__card.is-selected {
border-color: var(--timehut-color-secondary, #23396c);
background: #f8fafc;
box-shadow: 0 0 0 1px var(--timehut-color-secondary, #23396c);
}
.timehut-plans-intro__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 4px;
}
.timehut-plans-intro__header strong {
font-size: 14px;
color: #1a202c;
}
.timehut-plans-intro__price {
font-weight: 700;
font-size: 14px;
color: var(--timehut-color-secondary, #23396c);
}
.timehut-plans-intro__desc {
margin: 0;
font-size: 12px;
color: var(--timehut-color-muted, #64748b);
line-height: 1.45;
}
.timehut-plans-intro__note {
margin: 8px 0 0 0;
font-size: 12px;
color: #94a3b8;
text-align: center;
line-height: 1.4;
} .timehut-variation-feedback {
margin: 4px 0;
}
.timehut-variation-feedback__hint {
font-size: 13px;
color: var(--timehut-color-muted, #94a3b8);
margin: 0;
}
.timehut-variation-feedback__active {
background: #f0fdf4;
border-left: 3px solid #22c55e;
padding: 6px 12px;
border-radius: 4px;
font-size: 13px;
color: #166534;
}
.timehut-variation-feedback__active strong {
display: inline-block;
font-size: 13px;
color: #15803d;
} .timehut-delivery-trust-box {
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid var(--timehut-color-border, #e2e8f0);
}
.timehut-trust-badges {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.timehut-trust-badge {
font-size: 12px;
color: var(--timehut-color-muted, #64748b);
background: var(--timehut-color-surface-muted, #f8fafc);
border: 1px solid var(--timehut-color-border, #e2e8f0);
padding: 4px 10px;
border-radius: 12px;
white-space: nowrap;
} .single-product.postid-570 .entry-summary.has-selected-variation > .price {
opacity: 0.45;
font-size: 18px;
margin-bottom: 8px;
transition: all 0.2s ease;
} .timehut-section-nav {
position: sticky;
top: 60px;
z-index: 99;
background: var(--timehut-color-surface-muted, #f8fafc) !important;
border: 1px solid var(--timehut-color-border, #e2e8f0) !important;
border-radius: var(--timehut-radius, 10px) !important;
padding: 8px 16px !important;
margin-bottom: 24px !important;
box-shadow: var(--timehut-shadow-md, 0 4px 12px rgba(0,0,0,0.08)) !important;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.timehut-section-nav__list {
display: flex;
flex-wrap: wrap;
gap: 8px 16px;
list-style: none;
margin: 0;
padding: 0;
justify-content: center;
}
.timehut-section-nav__link {
display: inline-block;
white-space: nowrap;
font-size: 14px;
font-weight: 600;
color: var(--timehut-color-text, #2d3748);
text-decoration: none;
padding: 6px 12px;
border-radius: var(--timehut-radius-sm, 6px);
border-bottom: 2px solid transparent;
transition: all 0.2s ease;
}
.timehut-section-nav__link:hover,
.timehut-section-nav__link:focus-visible {
color: var(--timehut-color-primary, #fca311);
background: rgba(252, 163, 17, 0.1);
text-decoration: none;
}
.timehut-section-nav__link--active,
.timehut-section-nav__link[aria-current="true"] {
color: var(--timehut-color-secondary, #23396c) !important;
font-weight: 700 !important;
border-bottom-color: var(--timehut-color-primary, #fca311) !important;
background: rgba(35, 57, 108, 0.08) !important;
}
@media (max-width: 1024px) {
.timehut-section-nav {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.timehut-section-nav__list {
flex-wrap: nowrap;
justify-content: flex-start;
}
}
@media (max-width: 768px) {
.timehut-plans-intro__grid {
grid-template-columns: 1fr;
}
} @media (min-width: 1000px) {
.single-product .product-entry-wrapper {
display: grid;
grid-template-columns: minmax(0, 1.08fr) minmax(380px, 0.92fr);
column-gap: clamp(36px, 4vw, 56px);
align-items: start;
}
.single-product .woocommerce-product-gallery {
position: sticky;
top: 90px;
align-self: start;
width: 100%;
}
.single-product .product-entry-wrapper > .summary {
width: 100%;
}
.single-product .woocommerce-product-gallery img {
max-height: min(66vh, 660px);
width: 100%;
object-fit: contain;
}
}
.single-product .summary .product_title {
font-size: clamp(30px, 3vw, 42px);
line-height: 1.25;
}
.single-product .summary .price {
font-size: clamp(24px, 2.4vw, 32px);
font-weight: 700;
margin-bottom: 14px;
}
.single-product .summary .woocommerce-product-details__short-description {
font-size: 16px;
line-height: 1.65;
margin-bottom: 14px;
}
.single-product .summary .woocommerce-product-details__short-description + .ct-product-divider {
display: none;
}
.single-product .summary .ct-product-add-to-cart {
margin-top: 0;
}
.single-product form.variations_form .variations {
margin-bottom: 4px;
}
.timehut-product-plans-intro {
padding: 14px 16px;
margin-block: 12px;
}
.timehut-plans-intro__card {
display: flex;
flex-direction: column;
min-height: 100%;
padding: 14px;
}
.timehut-plans-intro__bullets,
.timehut-variation-feedback__active p {
font-size: 14px;
line-height: 1.65;
}
.single-product form.variations_form .variations th,
.single-product form.variations_form .variations td {
vertical-align: middle;
}
.single-product form.variations_form select {
min-height: 48px;
font-size: 16px;
}
.single-product form.cart .single_add_to_cart_button {
min-height: 48px;
padding-inline: 28px;
font-size: 16px;
}
.timehut-section-nav {
top: 84px;
padding: 10px 16px !important;
}
.timehut-section-nav__link {
min-height: 40px;
display: inline-flex;
align-items: center;
font-size: 15px;
padding: 7px 12px;
} .single-product.postid-570 .product_meta,
.single-product .summary .product_meta,
.single-product .product_meta,
.product_meta {
display: none !important;
}
.single-product.postid-570 .woocommerce-tabs ul.tabs,
.single-product .woocommerce-tabs ul.tabs,
.woocommerce-tabs ul.tabs {
display: none !important;
} .single-product.postid-570 .hero-section,
.single-product.postid-570 .entry-header,
.single-product.postid-570 .ct-breadcrumbs {
display: none !important;
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
} .timehut-identity-note {
margin: 0 0 20px 0;
font-size: 13px;
color: #94a3b8;
line-height: 1.5;
}.ct-trending-block{padding:var(--padding, 30px) 0}.ct-trending-block>div{display:grid;grid-template-columns:var(--grid-template-columns);grid-column-gap:30px;grid-row-gap:20px}@media(min-width: 690px)and (max-width: 999.98px){.ct-trending-block>div{--grid-template-columns: repeat(2, 1fr)}}@media(min-width: 1000px){.ct-trending-block>div{--grid-template-columns: repeat(4, 1fr)}}.ct-trending-block .ct-module-title{grid-column:1/-1;display:flex;align-items:center;margin-bottom:10px}.ct-trending-block .ct-module-title>svg{margin-inline-start:10px}.ct-trending-block .ct-slider-arrows{margin-inline-start:auto;--slider-arrow-button-size: 22px;--theme-border-color: currentColor}.ct-trending-block .ct-slider-arrows>*:not(:hover){opacity:.4}.ct-trending-block [data-page="1"] .ct-arrow-prev,.ct-trending-block [data-page*=last] .ct-arrow-next{opacity:.2;pointer-events:none}.ct-trending-block-item{display:flex;align-items:var(--vertical-alignment, center);transition:opacity .3s ease,transform .3s ease}.ct-trending-block-item .ct-media-container{flex:0 0 var(--trending-block-image-width, 60px);border-radius:var(--trending-block-image-radius, 100px);margin-inline-end:20px}.ct-trending-block-item .ct-post-title{word-break:break-word}.ct-trending-block-item-content{display:flex;flex-direction:column}[data-dropdown*=simple]>ul>[class*=ct-mega-menu] .entry-content,[data-dropdown*=simple]>ul>[class*=ct-mega-menu] .sub-menu>li>.ct-menu-link{padding-inline:0}[data-dropdown*=solid]>ul>[class*=ct-mega-menu] .sub-menu{--menu-item-padding: var(--dropdown-items-spacing, 13px)}[data-dropdown*=padded]>ul>[class*=ct-mega-menu] .sub-menu>li>.ct-menu-link{margin-inline:0}.more-items-container [class*=ct-mega-menu] .entry-content{padding:var(--menu-item-padding, 0px)}[class*=ct-mega-menu] .entry-content{color:var(--theme-text-color);--theme-box-shadow: initial;--theme-border-radius: initial}.menu-item .ct-menu-link:is(.ct-disabled-link){pointer-events:none;--theme-link-hover-color: var(--theme-link-initial-color) !important;--theme-link-active-color: var(--theme-link-initial-color) !important;--menu-indicator-hover-color: transparent !important;--menu-indicator-active-color: transparent !important}.ct-menu-badge{flex-shrink:0;font-size:10px;font-weight:600;line-height:normal;word-break:break-word;color:var(--theme-text-color);border-radius:3px;padding:.2em .55em;margin-inline-start:.5em;margin-top:var(--margin-top);background:var(--background-color)}.menu>[class*=ct-mega-menu]>.sub-menu>.menu-item{border-top:none}.menu>[class*=ct-mega-menu][class*=columns-2]>.sub-menu>li:not(:nth-child(2n)),.menu>[class*=ct-mega-menu][class*=columns-3]>.sub-menu>li:not(:nth-child(3n)),.menu>[class*=ct-mega-menu][class*=columns-4]>.sub-menu>li:not(:nth-child(4n)),.menu>[class*=ct-mega-menu][class*=columns-5]>.sub-menu>li:not(:nth-child(5n)),.menu>[class*=ct-mega-menu][class*=columns-6]>.sub-menu>li:not(:nth-child(6n)){border-inline-end:var(--dropdown-columns-divider)}.menu>[class*=ct-mega-menu] .sub-menu [class*=ct-toggle-dropdown-desktop]{display:none}nav>ul>[class*=ct-mega-menu]>.sub-menu{display:grid;grid-template-columns:var(--grid-template-columns, 1fr);width:var(--mega-menu-width, var(--theme-container-width-base));max-width:var(--mega-menu-max-width, var(--theme-normal-container-max-width))}nav>ul>[class*=ct-mega-menu]>.sub-menu .menu-item{flex-direction:column;align-items:initial}nav>ul>[class*=ct-mega-menu]>.sub-menu>li{min-width:0;padding:var(--columns-padding, 20px 30px)}nav>ul>[class*=ct-mega-menu]>.sub-menu>li [class*=children]:not(:first-child){padding-top:20px}nav>ul>.ct-mega-menu-content-width>.sub-menu>li,nav>ul>.ct-mega-menu-custom-width>.sub-menu>li{overflow:hidden}nav>ul>.ct-mega-menu-content-width>.sub-menu>li:first-child,nav>ul>.ct-mega-menu-custom-width>.sub-menu>li:first-child{border-top-left-radius:inherit;border-bottom-left-radius:inherit}nav>ul>.ct-mega-menu-content-width>.sub-menu>li:last-child,nav>ul>.ct-mega-menu-custom-width>.sub-menu>li:last-child{border-top-right-radius:inherit;border-bottom-right-radius:inherit}nav>ul>.ct-mega-menu-content-width>.sub-menu,nav>ul>.ct-mega-menu-full-width>.sub-menu{inset-inline:0;margin-inline:auto}nav>ul>.ct-mega-menu-full-width>.sub-menu{box-shadow:none;background-color:rgba(0,0,0,0)}nav>ul>.ct-mega-menu-full-width>.sub-menu:after{position:absolute;content:"";z-index:0;width:100vw;inset-block:0;inset-inline-start:50%;inset-inline-end:0;margin-inline-start:-50vw;box-shadow:var(--theme-box-shadow);background-color:var(--dropdown-background-color, var(--theme-palette-color-4))}nav>ul>.ct-mega-menu-full-width>.sub-menu li{z-index:2}nav>ul>.ct-mega-menu-full-width[class*=columns-1]>.sub-menu>li{padding-inline:0}nav>ul>.ct-mega-menu-full-width[class*=columns-2]>.sub-menu>li:nth-child(2n+1),nav>ul>.ct-mega-menu-full-width[class*=columns-3]>.sub-menu>li:nth-child(3n+1),nav>ul>.ct-mega-menu-full-width[class*=columns-4]>.sub-menu>li:nth-child(4n+1),nav>ul>.ct-mega-menu-full-width[class*=columns-5]>.sub-menu>li:nth-child(5n+1),nav>ul>.ct-mega-menu-full-width[class*=columns-6]>.sub-menu>li:nth-child(6n+1){padding-inline-start:0}nav>ul>.ct-mega-menu-full-width[class*=columns-2]>.sub-menu>li:nth-child(2n),nav>ul>.ct-mega-menu-full-width[class*=columns-3]>.sub-menu>li:nth-child(3n),nav>ul>.ct-mega-menu-full-width[class*=columns-4]>.sub-menu>li:nth-child(4n),nav>ul>.ct-mega-menu-full-width[class*=columns-5]>.sub-menu>li:nth-child(5n),nav>ul>.ct-mega-menu-full-width[class*=columns-6]>.sub-menu>li:nth-child(6n){padding-inline-end:0}nav>ul>.ct-mega-menu-content-full{--mega-menu-width: calc(100vw - 60px);--mega-menu-max-width: 100%}nav>ul>.ct-mega-menu-centered:not([data-submenu]){justify-content:center}[class*=ct-mega-menu]>.sub-menu.ct-ajax-pending{grid-template-columns:initial;align-items:center;justify-content:center;min-height:300px}[class*=ct-mega-menu]>.sub-menu.ct-ajax-pending>*{display:none}[class*=ct-mega-menu]>.sub-menu.ct-ajax-pending:after{content:"";width:16px;height:16px;filter:invert(1) saturate(0) contrast(1000);background-color:inherit;animation:spin .7s linear infinite;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' opacity='0.2' fill='none' stroke='currentColor' stroke-miterlimit='10' stroke-width='2.5'/%3E%3Cpath d='m12,2c5.52,0,10,4.48,10,10' fill='none' stroke='currentColor' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5'/%3E%3C/svg%3E") center no-repeat}.ct-read-progress-bar{background:linear-gradient(to right, var(--progress-bar-scroll, var(--theme-palette-color-1)) var(--scroll, 0%), var(--progress-bar-background, transparent) 0);background-repeat:no-repeat;position:fixed;top:calc(var(--admin-bar, 0px) + var(--theme-frame-size, 0px));width:calc(100% - var(--theme-frame-size, 0px)*2);height:var(--progress-bar-height, 3px);z-index:51;opacity:1;transition:opacity .3s ease}.ct-read-progress-bar.ct-auto-hide[style*="100"]{opacity:0}.ct-dynamic-filter{display:flex;flex-wrap:wrap;justify-content:var(--filter-items-alignment, center);gap:var(--items-vertical-spacing, 10px) var(--items-horizontal-spacing, 30px);margin-bottom:var(--container-spacing, 40px)}.ct-dynamic-filter a.active{color:var(--theme-link-hover-color)}.ct-dynamic-filter[data-type=buttons] a{padding:var(--padding, 8px 15px);border-radius:var(--theme-border-radius, 3px);background:var(--theme-button-background-initial-color)}.ct-dynamic-filter[data-type=buttons] a:hover,.ct-dynamic-filter[data-type=buttons] a.active{background:var(--theme-button-background-hover-color)}.ct-dynamic-filter{--theme-link-initial-color: var(--theme-text-color)}