My Store
Vivien Kondor Travel Smart (Cabin Suitcase + Rucksack Bag + Powerbank)
£60.99 GBP
Taxes included.
.
/*
* Only Bundles Widget - Design Settings
* Bundle Type: product_page
* Auto-generated from Settings -> Design
*
* Global Colors System:
* - Global colors automatically cascade to all relevant components
* - Component-specific colors override global colors when set
* - This ensures brand consistency while allowing fine-grained control
*/
[data-ob-bundle-ui-root] {
--bundle-font-family: var(--ob-controls-font-family, var(--ob-theme-font-family, inherit));
--bundle-primary-font-size: 16px;
--bundle-secondary-font-size: 14px;
--bundle-body-font-size: 14px;
/* GLOBAL COLORS */
--bundle-global-primary-button: var(--ob-theme-button-background, #000000);
--bundle-global-button-text: var(--ob-theme-button-foreground, #ffffff);
--bundle-global-primary-text: var(--ob-theme-foreground, #000000);
--bundle-global-secondary-text: var(--ob-theme-foreground, #000000);
--bundle-global-footer-bg: var(--ob-theme-background, #ffffff);
--bundle-global-footer-text: var(--ob-theme-foreground, #000000);
/* PRODUCT CARD */
--bundle-product-card-bg: var(--ob-theme-background, #ffffff);
--bundle-product-card-font-color: var(--ob-theme-foreground, #000000);
--bundle-product-card-font-size: 20px;
--bundle-product-card-font-weight: 600;
--bundle-product-card-image-fit: fill;
--bundle-product-cards-per-row: 4;
--bundle-product-title-display: block;
--bundle-product-price-bg-color: #F0F8F0;
--bundle-product-strike-price-color: var(--ob-theme-foreground, #000000);
--bundle-product-strike-font-size: 14px;
--bundle-product-strike-font-weight: 400;
--bundle-product-final-price-color: var(--ob-theme-foreground, #000000);
--bundle-product-final-price-font-size: 18px;
--bundle-product-final-price-font-weight: 700;
/* BUTTON */
--bundle-button-bg: var(--ob-theme-button-background, #000000);
--bundle-button-text-color: var(--ob-theme-button-foreground, #ffffff);
--bundle-button-font-size: 16px;
--bundle-button-font-weight: 600;
--bundle-button-border-radius: 50px;
--bundle-button-hover-bg: var(--ob-theme-button-background, #000000);
--bundle-button-added-bg: var(--ob-theme-button-background, #000000);
--bundle-button-added-text: var(--ob-theme-button-foreground, #ffffff);
/* VARIANT SELECTOR */
--bundle-variant-selector-bg: var(--ob-theme-background, #ffffff);
--bundle-variant-selector-text-color: var(--ob-theme-foreground, #000000);
--bundle-variant-selector-border-radius: 8px;
/* QUANTITY SELECTOR */
--bundle-quantity-selector-bg: var(--ob-theme-button-background, #000000);
--bundle-quantity-selector-text-color: var(--ob-theme-button-foreground, #ffffff);
--bundle-quantity-selector-font-size: 16px;
--bundle-quantity-selector-border-radius: 8px;
/* PRODUCT CARD LAYOUT & DIMENSIONS (Phase 6) */
--bundle-product-card-width: 280px;
--bundle-product-card-height: 420px;
--bundle-product-card-spacing: 12px;
--bundle-product-card-border-radius: 16px;
--bundle-product-card-padding: 12px;
--bundle-product-card-border-width: 1px;
--bundle-product-card-border-color: #ECECEC;
--bundle-product-card-shadow: 0 2px 8px rgba(0,0,0,0.04);
--bundle-product-card-hover-shadow: 0 8px 24px rgba(0,0,0,0.12);
/* PRODUCT IMAGE (Phase 6) */
--bundle-product-image-height: 280px;
--bundle-product-image-border-radius: 6px;
--bundle-product-image-bg-color: #F8F8F8;
/* PRODUCT MODAL STYLING (Phase 6) */
--bundle-modal-bg-color: var(--ob-theme-background, #ffffff);
--bundle-modal-border-radius: 12px;
--bundle-modal-title-font-size: 28px;
--bundle-modal-title-font-weight: 700;
--bundle-modal-price-font-size: 22px;
--bundle-modal-variant-border-radius: 8px;
--bundle-modal-button-bg-color: var(--ob-theme-button-background, #000000);
--bundle-modal-button-text-color: var(--ob-theme-button-foreground, #ffffff);
--bundle-modal-button-border-radius: 8px;
/* PROMO BANNER (Full-Page Bundles) */
--bundle-banner-display: block;
--bundle-promo-banner-enabled: 1;
--bundle-promo-banner-bg: #F3F4F6;
--bundle-promo-banner-title-color: #111827;
--bundle-promo-banner-title-font-size: 28px;
--bundle-promo-banner-title-font-weight: 700;
--bundle-promo-banner-subtitle-color: #6B7280;
--bundle-promo-banner-subtitle-font-size: 16px;
--bundle-promo-banner-note-color: #9CA3AF;
--bundle-promo-banner-note-font-size: 14px;
--bundle-promo-banner-radius: 16px;
--bundle-promo-banner-padding: 32px;
/* FOOTER */
--bundle-footer-text: var(--ob-theme-foreground, #000000);
--bundle-footer-bg: var(--ob-theme-background, #ffffff);
--bundle-footer-total-bg: #F6F6F6;
--bundle-footer-border-radius: 8px;
--bundle-footer-padding: 16px;
--bundle-footer-final-price-color: var(--ob-theme-foreground, #000000);
--bundle-footer-final-price-font-size: 18px;
--bundle-footer-final-price-font-weight: 700;
--bundle-footer-strike-price-color: var(--ob-theme-foreground, #000000);
--bundle-footer-strike-font-size: 14px;
--bundle-footer-strike-font-weight: 400;
--bundle-footer-price-display: flex;
--bundle-footer-back-button-bg: var(--ob-theme-background, #ffffff);
--bundle-footer-back-button-text: var(--ob-theme-foreground, #000000);
--bundle-footer-back-button-border: #E3E3E3;
--bundle-footer-back-button-radius: 8px;
--bundle-footer-next-button-bg: var(--ob-theme-button-background, #000000);
--bundle-footer-next-button-text: var(--ob-theme-button-foreground, #ffffff);
--bundle-footer-next-button-border: var(--ob-theme-button-background, #000000);
--bundle-footer-next-button-radius: 8px;
--bundle-footer-discount-display: block;
--bundle-sidebar-card-bg: var(--ob-theme-background, #ffffff);
--bundle-sidebar-card-text: var(--ob-theme-foreground, #000000);
--bundle-sidebar-card-border-color: #E5E7EB;
--bundle-sidebar-card-border-width: 1px;
--bundle-sidebar-card-radius: 10px;
--bundle-sidebar-card-padding: 20px;
--bundle-sidebar-card-width: 360px;
--bundle-sidebar-sticky-offset: 85px;
--bundle-sidebar-products-max-height: 320px;
--bundle-sidebar-skeleton-row-4-display: none;
--bundle-sidebar-skeleton-row-5-display: none;
--bundle-sidebar-discount-bg: #F3F7F3;
--bundle-sidebar-discount-text: #2E7D32;
--bundle-sidebar-button-bg: var(--ob-theme-button-background, #000000);
--bundle-sidebar-button-text: var(--ob-theme-button-foreground, #ffffff);
--bundle-sidebar-button-radius: 8px;
--bundle-success-message-font-size: 16px;
--bundle-success-message-font-weight: 600;
--bundle-success-message-text-color: #065F46;
--bundle-success-message-bg-color: #D1FAE5;
--bundle-side-panel-bg: var(--bundle-footer-bg);
--bundle-side-panel-title-color: var(--bundle-footer-text);
--bundle-side-panel-text-color: var(--bundle-footer-text);
--bundle-side-panel-product-title-color: var(--bundle-footer-text);
--bundle-side-panel-product-price-color: var(--bundle-footer-text);
--bundle-side-panel-product-variant-color: var(--bundle-footer-text);
--bundle-side-panel-total-label-color: var(--bundle-footer-text);
--bundle-side-panel-total-final-color: var(--bundle-footer-text);
--bundle-side-panel-border-radius: var(--bundle-footer-border-radius);
--bundle-side-panel-btn-radius: var(--bundle-footer-next-button-radius);
--bundle-side-panel-back-bg: var(--bundle-footer-back-button-bg);
--bundle-side-panel-back-color: var(--bundle-footer-back-button-text);
--bundle-side-panel-back-border: var(--bundle-footer-back-button-border);
/* BUNDLE HEADER */
--bundle-header-tab-active-bg: var(--ob-theme-button-background, #000000);
--bundle-header-tab-active-text: var(--ob-theme-button-foreground, #ffffff);
--bundle-header-tab-inactive-bg: #FFFFFF;
--bundle-header-tab-inactive-text: var(--ob-theme-foreground, #000000);
--bundle-header-tab-radius: 67px;
--modal-step-title-color: var(--ob-theme-foreground, #000000);
/* TABS */
--bundle-tabs-active-bg-color: var(--ob-theme-button-background, #000000);
--bundle-tabs-active-text-color: var(--ob-theme-button-foreground, #ffffff);
--bundle-tabs-inactive-bg-color: #FFFFFF;
--bundle-tabs-inactive-text-color: var(--ob-theme-foreground, #000000);
--bundle-tabs-border-color: var(--ob-theme-button-background, #000000);
--bundle-tabs-border-radius: 8px;
/* GENERAL */
/* Empty State */
--bundle-empty-state-card-bg: #FFFFFF;
--bundle-empty-state-card-border: #F6F6F6;
--bundle-empty-state-text: var(--ob-theme-foreground, #000000);
--bundle-empty-state-border-style: dashed;
--bundle-empty-slot-border-style: dashed;
--bundle-empty-slot-visual-color: #000000;
--bundle-empty-slot-visual-bg: transparent;
--bundle-slot-icon-url: none;
--bundle-slot-icon-mode: badge;
--bundle-slot-icon-badge-image: none;
--bundle-slot-icon-card-image: none;
--bundle-slot-icon-card-size: contain;
--bundle-slot-icon-plus-display: flex;
--bundle-slot-icon-plus-color: currentColor;
--bundle-slot-icon-badge-display: flex;
--bundle-slot-icon-native-visibility: visible;
--bundle-slot-icon-badge-overlay-display: none;
/* Drawer */
--bundle-drawer-bg: #FFFFFF;
/* Add to Cart Button */
--bundle-add-to-cart-button-bg: var(--ob-theme-button-background, #000000);
--bundle-add-to-cart-button-text: var(--ob-theme-button-foreground, #ffffff);
--bundle-add-to-cart-button-radius: 8px;
/* Discount Pill (on Add to Cart button) */
--bundle-discount-pill-bg: #22C55E;
--bundle-discount-pill-text: #FFFFFF;
--bundle-discount-pill-font-size: 12px;
--bundle-discount-pill-font-weight: 600;
--bundle-discount-pill-border-radius: 20px;
/* Toasts */
--bundle-toast-bg: var(--ob-theme-button-background, #000000);
--bundle-toast-text: var(--ob-theme-button-foreground, #ffffff);
--bundle-toast-border-radius: 8px;
--bundle-toast-border-color: #FFFFFF;
--bundle-toast-border-width: 0px;
--bundle-toast-font-size: 13px;
--bundle-toast-font-weight: 500;
--bundle-toast-animation-duration: 300ms;
--bundle-toast-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
--bundle-toast-enter-from-bottom: 0;
/* Bottom-Sheet */
--bundle-bottom-sheet-overlay-opacity: 0.5;
--bundle-bottom-sheet-animation-duration: 400ms;
/* Bundle Design */
--bundle-bg-color: transparent;
--bundle-footer-scrollbar-color: var(--ob-theme-button-background, #000000);
/* Product Page Title */
--bundle-product-page-title-font-color: var(--ob-theme-foreground, #000000);
--bundle-product-page-title-font-size: 24px;
/* Bundle Upsell */
--bundle-upsell-button-bg-color: var(--ob-theme-button-background, #000000);
--bundle-upsell-border-color: var(--ob-theme-button-background, #000000);
--bundle-upsell-text-color: var(--ob-theme-button-foreground, #ffffff);
--bundle-upsell-font-color: var(--ob-theme-foreground, #000000);
/* Filters */
--bundle-filter-icon-color: var(--ob-theme-button-background, #000000);
--bundle-filter-bg-color: #FFFFFF;
--bundle-filter-text-color: var(--ob-theme-foreground, #000000);
/* Bundle Header - Header Text */
--bundle-conditions-text-color: var(--ob-theme-foreground, #000000);
--bundle-conditions-text-font-size: 16px;
--bundle-discount-text-color: var(--ob-theme-foreground, #000000);
--bundle-discount-text-font-size: 14px;
/* Free Gift Badge — merchant-uploadable badge image + Settings-controlled position */
--bundle-free-gift-badge-url: none;
--bundle-free-gift-badge-top: 6px;
--bundle-free-gift-badge-bottom: auto;
--bundle-free-gift-badge-left: 6px;
--bundle-free-gift-badge-right: auto;
/* Included (Default) Badge — merchant-uploadable badge image + Settings-controlled position */
--bundle-included-badge-url: none;
--bundle-included-badge-top: 6px;
--bundle-included-badge-bottom: auto;
--bundle-included-badge-left: 6px;
--bundle-included-badge-right: auto;
/* SEARCH INPUT — names match what bundle-widget-full-page.css references */
--bundle-search-bg: #F8F8F8;
--bundle-search-border: #E0E0E0;
--bundle-search-focus-border: var(--ob-theme-button-background, #000000);
--bundle-search-text-color: #333333;
--bundle-search-placeholder-color: #999999;
--bundle-search-icon-color: #666666;
--bundle-search-clear-bg: rgba(0,0,0,0.08);
--bundle-search-clear-color: #666666;
--bundle-search-clear-hover-bg: rgba(0,0,0,0.15);
--bundle-search-clear-hover-color: #333333;
/* SKELETON LOADING */
--bundle-skeleton-base-bg: #F0F0F0;
--bundle-skeleton-shimmer: #E8E8E8;
--bundle-skeleton-highlight: #FFFFFF;
/* CARD HOVER & TRANSITIONS */
--bundle-card-transition-duration: 200ms;
--bundle-card-hover-translate-y: translateY(-2px);
/* TILE QUANTITY BADGE */
--bundle-tile-badge-bg: var(--ob-theme-button-background, #000000);
--bundle-tile-badge-text: #FFFFFF;
/* MODAL CLOSE BUTTON */
--bundle-modal-close-color: #777777;
--bundle-modal-close-bg: rgba(255,255,255,0.9);
--bundle-modal-close-hover: #333333;
/* TYPOGRAPHY */
--bundle-button-text-transform: none;
--bundle-button-letter-spacing: 0em;
/* FOCUS / ACCESSIBILITY */
--bundle-focus-outline-color: var(--ob-theme-button-background, #000000);
--bundle-focus-outline-width: 2px;
/* PRICING TIER PILLS (Full-Page Bundles) */
--bundle-tier-pill-active-bg: var(--ob-theme-button-background, #000000);
--bundle-tier-pill-active-text: var(--ob-theme-button-foreground, #ffffff);
--bundle-tier-pill-inactive-bg: rgb(242, 250, 238);
--bundle-tier-pill-inactive-text: #333333;
--bundle-tier-pill-hover-bg: rgb(220, 245, 210);
--bundle-tier-pill-border: 1px solid #000000;
--bundle-tier-pill-border-radius: 8px;
--bundle-tier-pill-height: 52px;
--bundle-tier-pill-font-size: 14px;
--bundle-tier-pill-font-weight: 600;
--bundle-tier-pill-gap: 12px;
/* EB SETTINGS DESIGN ALIASES */
--product-card-bg-color: #FFFFFF;
--product-card-border-radius: 10px;
--product-card-image-border-radius: 8px;
--product-card-image-fit: fill;
--product-card-title-color: var(--ob-theme-foreground, #000000);
--product-card-title-font: 16px;
--product-card-title-weight: 700;
--product-card-price-color: var(--ob-theme-foreground, #000000);
--product-card-price-font: 16px;
--product-card-price-weight: 700;
--product-card-compared-at-price-color: var(--ob-theme-foreground, #000000);
--product-card-compared-at-price-font: 14px;
--product-card-compared-at-price-weight: 400;
--product-card-button-bg-color: var(--ob-theme-button-background, #000000);
--product-card-button-text-color: var(--ob-theme-button-foreground, #ffffff);
--product-card-button-border-radius: 5px;
--product-card-variant-selector-text-color: var(--ob-theme-foreground, #000000);
--product-card-variant-selector-font-size: 14px;
--product-card-variant-selector-font-weight: 400;
--tabs-active-bg-color: var(--ob-theme-button-background, #000000);
--tabs-active-text-color: var(--ob-theme-button-foreground, #ffffff);
--tabs-inactive-bg-color: #F4F9F9;
--tabs-inactive-text-color: var(--ob-theme-foreground, #000000);
--tabs-border-radius: 5px;
--footer-bg-color: var(--ob-theme-background, #ffffff);
--footer-text-color: var(--ob-theme-foreground, #000000);
--footer-next-btn-bg-color: var(--ob-theme-button-background, #000000);
--footer-next-btn-text-color: var(--ob-theme-button-foreground, #ffffff);
--footer-back-btn-bg-color: #6d7175;
--footer-back-btn-text-color: var(--ob-theme-foreground, #000000);
--footer-final-price-color: var(--ob-theme-foreground, #000000);
--footer-border-radius: 10px;
--footer-buttons-border-radius: 5px;
--empty-state-card-bg-color: #FFFFFF;
--empty-state-card-border-color: var(--ob-theme-button-background, #000000);
--empty-state-card-text-color: var(--ob-theme-button-background, #000000);
--header-condition-text-font: 16px;
--header-discount-text-font: 14px;
--header-discount-text-color: var(--ob-theme-foreground, #000000);
--footer-discount-progress-bar-empty-color: #C1E7C5;
--footer-discount-progress-bar-filled-color: var(--ob-theme-button-background, #000000);
}
/* PRODUCT CARD STYLING */
#bundle-builder-app[data-ob-bundle-ui-root] .product-card,
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-body .product-card,
:where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-body .product-card {
background-color: var(--bundle-product-card-bg);
}
#bundle-builder-app[data-ob-bundle-ui-root] .product-card .product-title,
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-body .product-card .product-title,
:where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-body .product-card .product-title {
color: var(--bundle-product-card-font-color);
font-size: var(--bundle-product-card-font-size);
font-weight: var(--bundle-product-card-font-weight);
}
#bundle-builder-app[data-ob-bundle-ui-root] .product-card .product-image img,
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-body .product-card .product-image img,
:where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-body .product-card .product-image img {
object-fit: var(--bundle-product-card-image-fit);
}
#bundle-builder-app[data-ob-bundle-ui-root] .product-card .product-price,
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-body .product-card .product-price,
:where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-body .product-card .product-price {
display: var(--bundle-product-price-display);
color: var(--bundle-product-final-price-color);
font-size: var(--bundle-product-final-price-font-size);
font-weight: var(--bundle-product-final-price-font-weight);
}
/* PRODUCT CARD SUB-ELEMENTS IN MODAL */
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-body .product-card .product-quantity-selector, :where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-body .product-card .product-quantity-selector {
background-color: var(--bundle-quantity-selector-bg);
color: var(--bundle-quantity-selector-text-color);
border-radius: var(--bundle-quantity-selector-border-radius);
}
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-body .product-card .variant-selector, :where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-body .product-card .variant-selector {
background-color: var(--bundle-variant-selector-bg);
color: var(--bundle-variant-selector-text-color);
border-radius: var(--bundle-variant-selector-border-radius);
}
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-body .product-card .product-add-btn, :where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-body .product-card .product-add-btn {
background-color: var(--bundle-button-bg);
color: var(--bundle-button-text-color);
font-size: var(--bundle-button-font-size);
font-weight: var(--bundle-button-font-weight);
border-radius: var(--bundle-button-border-radius);
}
/* BUTTON STYLING */
#bundle-builder-app[data-ob-bundle-ui-root] .add-bundle-to-cart {
background-color: var(--bundle-footer-next-button-bg);
color: var(--bundle-footer-next-button-text);
font-size: var(--bundle-body-font-size);
font-weight: var(--bundle-button-font-weight);
border-radius: var(--bundle-footer-next-button-radius);
border: none;
}
:where([data-ob-bundle-ui-root]).bundle-builder-modal .quantity-control-button, :where([data-ob-bundle-ui-root]) .bundle-builder-modal .quantity-control-button {
background-color: var(--bundle-button-bg);
color: var(--bundle-button-text-color);
font-size: var(--bundle-button-font-size);
font-weight: var(--bundle-button-font-weight);
border-radius: var(--bundle-button-border-radius);
border: none;
}
#bundle-builder-app[data-ob-bundle-ui-root] .add-bundle-to-cart:hover {
opacity: 0.88;
}
#bundle-builder-app[data-ob-bundle-ui-root] .add-bundle-to-cart.disabled {
opacity: 0.6;
cursor: not-allowed;
}
#bundle-builder-app[data-ob-bundle-ui-root] .button-price-wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
#bundle-builder-app[data-ob-bundle-ui-root] .button-price-strike {
text-decoration: line-through;
font-size: 0.8em;
opacity: 0.7;
}
#bundle-builder-app[data-ob-bundle-ui-root] .button-price-final {
font-size: 1em;
}
/* FOOTER STYLING */
:where([data-ob-bundle-ui-root]).bundle-builder-modal .bundle-footer-messaging,
:where([data-ob-bundle-ui-root]) .bundle-builder-modal .bundle-footer-messaging,
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-footer-discount-messaging,
:where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-footer-discount-messaging {
background-color: var(--bundle-footer-bg);
border-radius: var(--bundle-footer-border-radius);
padding: var(--bundle-footer-padding);
}
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-footer, :where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-footer {
background-color: var(--bundle-footer-bg);
border-radius: var(--bundle-footer-border-radius);
padding: var(--bundle-footer-padding);
display: flex;
align-items: center;
justify-content: center;
}
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-footer-grouped-content, :where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-footer-grouped-content {
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 15px;
}
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-footer-total-pill, :where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-footer-total-pill {
background-color: var(--bundle-footer-total-bg);
display: var(--bundle-footer-price-display);
padding: 6px 16px;
border-radius: 6px;
align-items: center;
gap: 8px;
}
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-footer-buttons-row, :where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-footer-buttons-row {
display: flex;
gap: 15px;
align-items: center;
}
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-footer .total-price-strike, :where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-footer .total-price-strike {
color: var(--bundle-footer-strike-price-color);
font-size: var(--bundle-footer-strike-font-size);
font-weight: var(--bundle-footer-strike-font-weight);
text-decoration: line-through;
}
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-footer .total-price-final, :where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-footer .total-price-final {
color: var(--bundle-footer-final-price-color);
font-size: var(--bundle-footer-final-price-font-size);
font-weight: var(--bundle-footer-final-price-font-weight);
}
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-footer .cart-badge-wrapper, :where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-footer .cart-badge-wrapper {
display: inline-flex;
align-items: center;
gap: 4px;
}
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-footer .cart-icon, :where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-footer .cart-icon {
display: inline-block;
vertical-align: middle;
}
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-footer .modal-nav-button.prev-button, :where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-footer .modal-nav-button.prev-button {
background-color: var(--bundle-footer-back-button-bg);
color: var(--bundle-footer-back-button-text);
border: 1px solid var(--bundle-footer-back-button-border);
border-radius: var(--bundle-footer-back-button-radius);
padding: 12px 56px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-footer .modal-nav-button.next-button, :where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-footer .modal-nav-button.next-button {
background-color: var(--bundle-footer-next-button-bg);
color: var(--bundle-footer-next-button-text);
border: 1px solid var(--bundle-footer-next-button-border);
border-radius: var(--bundle-footer-next-button-radius);
padding: 12px 56px;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* EMPTY STATE CARDS IN MODAL */
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-body .empty-state-card, :where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-body .empty-state-card {
background-color: var(--bundle-empty-state-card-bg);
border: 2.6px var(--bundle-empty-state-border-style) var(--bundle-empty-state-card-border);
}
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-body .empty-state-card-icon,
:where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-body .empty-state-card-icon,
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-body .empty-state-card-text,
:where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-body .empty-state-card-text {
color: var(--bundle-empty-state-text);
}
/* MODAL HEADER STYLING */
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-step-title, :where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-step-title {
color: var(--modal-step-title-color);
}
/* BUNDLE HEADER TABS STYLING */
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-tabs .bundle-header-tab, :where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-tabs .bundle-header-tab {
border-radius: var(--bundle-header-tab-radius);
}
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-tabs .bundle-header-tab:not(.active):not(.locked), :where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-tabs .bundle-header-tab:not(.active):not(.locked) {
background-color: var(--bundle-header-tab-inactive-bg);
color: var(--bundle-header-tab-inactive-text);
}
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-tabs .bundle-header-tab.active, :where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-tabs .bundle-header-tab.active {
background-color: var(--bundle-header-tab-active-bg);
color: var(--bundle-header-tab-active-text);
border: 1px solid var(--bundle-header-tab-active-bg);
}
/* GENERAL STYLING */
#bundle-builder-app[data-ob-bundle-ui-root],
:where([data-ob-bundle-ui-root]).bundle-builder-modal .modal-content,
:where([data-ob-bundle-ui-root]) .bundle-builder-modal .modal-content {
background-color: var(--bundle-bg-color);
}
[data-ob-bundle-ui-root] {
--obMix-primary-color: var(--product-card-button-bg-color, var(--ob-theme-button-background, #000000));
--obMix-primary-button-text-color: var(--product-card-button-text-color, var(--ob-theme-button-foreground, #ffffff));
--obMix-primary-text-color: var(--product-card-title-color, var(--ob-theme-foreground, #000000));
--obMix-secondary-color: var(--tabs-inactive-bg-color, #F4F9F9);
--obMix-cart-bg-color: var(--footer-bg-color, var(--ob-theme-background, #ffffff));
--obMix-cart-text-color: var(--footer-text-color, var(--ob-theme-foreground, #000000));
--obMix-button-border-radius: var(--product-card-button-border-radius, 5px);
--obMix-card-border-radius: var(--product-card-border-radius, 10px);
--obMix-primary-font-size: var(--product-card-title-font, 16px);
--obMix-primary-font-weight: var(--product-card-title-weight, 700);
--obMix-secondary-font-size: var(--header-discount-text-font, 14px);
--obMix-body-font-size: var(--product-card-variant-selector-font-size, 14px);
--obMix-image-fit: var(--product-card-image-fit, fill);
}
[data-ob-bundle-ui-root][data-ppb-template-type="PDP_INPAGE"] {
--obMix-primary-font-size: calc(var(--product-card-title-font, 16px) - 2px);
--obMix-secondary-font-size: calc(var(--header-discount-text-font, 14px) - 2px);
--obMix-body-font-size: calc(var(--product-card-variant-selector-font-size, 14px) - 2px);
}
/* ============================================
MERCHANT CUSTOM CSS
Add your own CSS rules below to further
customize the bundle widget appearance.
============================================ */
/* No custom CSS defined */
Quantity
- 𝐏𝐀𝐂𝐊𝐀𝐆𝐄 𝐈𝐍𝐂𝐋𝐔𝐃𝐄𝐒 - You will get Combo Of Cabin Suitcase + Rucksack Bag + Powerbank. (Choose Colour From Menu)
- 𝐂𝐀𝐁𝐈𝐍 𝐒𝐔𝐈𝐓𝐂𝐀𝐒𝐄 - Equipped with 2x USB ports, 1 micro-USB port battery and a 3.5mm audio port. Weight: 2.67 KGS Dimensions: 22 inches in height, 15 inches in length,9 inches in depth.
- 𝐏𝐎𝐖𝐄𝐑 𝐁𝐀𝐍𝐊 - It feels incredibly compact for a 10000mAh power bank, 9.5mm thick. Easy to hold, easy to toss into a bag and incredibly portable. LED flashlight can be used for lighting and emergency use. They are compatible with mobile phones and digital devices that support USB cable connectors. With its in-built IC protector, your phone is safe from overcharging and even short-circuit situations. (USB Cable Included)
- 𝐑𝐔𝐂𝐊𝐒𝐀𝐂𝐊 - Includes 2x external USB Charger port, 1 micro-USB port battery and built-in charging cable inside, 4 different size compartments, 2 Side Pockets, Paded strap and an elastic band to hold small objects, Also on the back of the rucksack there is a belt so it can be fixed onto your suitcase to easily carry. Mesh side pocket can hold a water bottle, an umbrella or a sun-glass etc.
- 𝐓𝐒𝐀 𝐂𝐎𝐌𝐁𝐈𝐍𝐀𝐓𝐈𝐎𝐍 𝐋𝐎𝐂𝐊 𝐀𝐍𝐃 𝐓𝐄𝐋𝐄𝐒𝐂𝐎𝐏𝐈𝐍𝐆 𝐇𝐀𝐍𝐃𝐋𝐄 - Suitcase Includes Push-button telescopic handle to push or pull your luggage easy. The TSA lock makes sure that your valuables are safe. The multi-use organizational pockets make packing clothes easy. The perfect purchase for your next trip.
- 𝟑𝟔𝟎° 𝐒𝐏𝐈𝐍𝐍𝐄𝐑 𝐖𝐇𝐄𝐄𝐋𝐒 - Multi-directional silent spinner wheels can move in any directions for easy mobility. They have been tested extensively on different road conditions like Free drop test, jump on shell test, carry handle jerking test, Wheels running test, Wheel turn test, Climb the stairs test to make your travel around the world much easier.
Display additional product details in an expandable section. Customers can click to reveal more content without cluttering the page
Display additional product details in an expandable section. Customers can click to reveal more content without cluttering the page
Vivien Kondor Travel Smart (Cabin Suitcase + Rucksack Bag + Powerbank)
£60.99 GBP
Featured Collection
bags
1 micro-USB port battery
1 micro-USB port battery
bags
bags
40% OFF
1 micro-USB port battery
Quick Order List
| Image | Product | Price | Quantity | Subtotal |
|---|---|---|---|---|
|
Vivien Kondor Travel Smart (Cabin Suitcase + Rucksack Bag + Powerbank) | £60.99 |
|
£0.00 |