/* Shared saved-design layout. All rules are scoped to this template. */
.v2-design-idea-page .saved-design-heading { display:block; text-align:left; color:#002a53; font-size:28px; line-height:1.3; font-weight:500; margin:0 0 24px; }
.v2-design-idea-page .customize-panel { display:block; min-width:0; max-width:none; width:100%; padding:0 0 0 16px; text-align:left !important; }
.v2-design-idea-page .saved-design-product { margin:0 0 8px; }
.v2-design-idea-page .saved-design-product span { display:block; font-size:13px; color:#596675; margin-bottom:2px; }
.v2-design-idea-page .saved-design-product strong { font-size:18px; line-height:1.4; font-weight:500; color:#002a53; }
.v2-design-idea-page .saved-design-colour { margin:0 0 6px; font-size:14px; }
.v2-design-idea-page .ul-color { display:flex; flex-wrap:wrap; gap:4px; max-width:none; margin:0 0 14px !important; padding:0 !important; }
.v2-design-idea-page .ul-color li { display:flex; align-items:center; margin:0; padding:0; line-height:0; }
.v2-design-idea-page .ogcolor { width:36px; height:36px; border-radius:6px; border:1px solid #d8dfe5; box-shadow:none; line-height:30px; }
.v2-design-idea-page .ogcolor.active { outline:2px solid #002a53; outline-offset:1px; }
.v2-design-idea-page .saved-design-change-product { display:inline-flex; min-height:44px; align-items:center; font-size:14px; color:#002a53; text-decoration:underline; text-underline-offset:3px; }
.v2-design-idea-page .customize-panel .form-group { margin-bottom:16px; }
.v2-design-idea-page .select2-container { width:100% !important; }
.v2-design-idea-page .select2-selection--single { min-height:44px; border:1px solid #d8dfe5; border-radius:6px; }
.v2-design-idea-page .select2-selection__rendered { line-height:42px !important; font-weight:400 !important; }
.v2-design-idea-page .select2-selection__arrow { height:42px !important; }
.v2-design-idea-page select { min-height:44px; border:1px solid #d8dfe5; border-radius:6px; }
.v2-design-idea-page .saved-design-size-heading { display:flex !important; flex-wrap:wrap; align-items:center; gap:8px 16px; }
.v2-design-idea-page .saved-design-size-heading > .saved-design-price { order:-1; flex:1 1 auto; display:flex; align-items:center; gap:8px; margin-top:0; }
.v2-design-idea-page .saved-design-size-heading > a { margin-left:0 !important; }
.v2-design-idea-page .saved-design-price h4 { margin:0 !important; font-size:22px; color:#002a53; font-weight:500; text-align:left !important; }
.v2-design-idea-page .saved-design-price small { font-size:14px; font-weight:400; color:#596675; }
.v2-design-idea-page .saved-design-price-note { display:flex !important; flex-wrap:wrap; gap:4px 16px; margin:6px 0 14px; font-size:13px; color:#596675; }
.v2-design-idea-page .saved-design-price-note > span { float:none !important; width:auto !important; color:#596675 !important; }
.v2-design-idea-page .qty-container { display:flex; flex-wrap:wrap; gap:8px; clear:both; margin-bottom:10px; }
.v2-design-idea-page .qty-col { float:none; display:block; flex:0 0 52px; width:52px; margin:0; padding:0; }
.v2-design-idea-page .qty-col label { text-transform:uppercase; font-size:13px; margin-bottom:5px !important; }
.v2-design-idea-page .qty-col input { width:100%; min-height:44px; border:1px solid #d8dfe5; border-radius:6px; padding:8px 4px; font-size:16px; text-align:center; }
.v2-design-idea-page .size-container > .qty-col { width:52px; margin-top:8px; }
.v2-design-idea-page .btn-section { position:static !important; inset:auto !important; display:flex; flex-wrap:wrap; gap:10px; padding:16px 0 0; margin:0; background:transparent; box-shadow:none; z-index:auto; }
.v2-design-idea-page .customize-panel .btn-section .btn { flex:1 1 150px; width:auto !important; min-height:46px; margin:0; padding:12px 16px; border-radius:6px; font-size:15px; text-transform:none; }
.v2-design-idea-page .btn-section .btn-secondary { color:#002a53; border:1px solid #d8dfe5; background:white; }
.v2-design-idea-page .btn-section .whatsapp-btn { flex-basis:100%; }
.v2-design-idea-page .saved-design-side-status { position:absolute; top:10px; right:10px; z-index:2; pointer-events:none; font-size:12px; line-height:1.4; color:#002a53; background:rgba(255,255,255,.92); padding:4px 8px; border-radius:4px; margin:0; }
.v2-design-idea-page #carouselFade { display:flex; flex-direction:column; }
.v2-design-idea-page .img-rotator { display:none !important; }
.v2-design-idea-page .carousel-inner { order:0; float:none; width:100% !important; margin:0; }
.v2-design-idea-page .carousel-item img { display:block; min-height:0 !important; width:100% !important; height:520px !important; margin:0; object-fit:contain; }
.v2-design-idea-page .carousel-indicators { order:1; display:flex !important; position:static; float:none; flex-wrap:wrap; justify-content:center; gap:8px; width:100%; margin:12px 0 20px; padding:0; }
.v2-design-idea-page .carousel-indicators li { flex:0 0 64px; width:64px; height:auto; margin:0; border:1px solid #d8dfe5; border-radius:6px; padding:3px; text-indent:0; opacity:1; background:white; z-index:auto; cursor:pointer; }
.v2-design-idea-page .carousel-indicators li.active { border:1px solid #002a53; outline:1px solid #002a53; background:white; }
.v2-design-idea-page .carousel-indicators li img { width:100%; height:64px; object-fit:contain; }
.v2-design-idea-page .carousel-indicators li::after { content:attr(data-side-label); display:block; font-size:10px; line-height:1.3; text-align:center; color:#596675; height:26px; }
.v2-design-idea-page .carousel-control-prev,.v2-design-idea-page .carousel-control-next { display:none !important; }
.v2-design-idea-page a:focus-visible,.v2-design-idea-page input:focus-visible,.v2-design-idea-page .carousel-indicators li:focus-visible { outline:2px solid #002a53; outline-offset:3px; }
@media(max-width:767.98px) {
 .v2-design-idea-page .saved-design-heading { font-size:23px; margin-bottom:12px; }
 .v2-design-idea-page .customize-panel { padding:0; margin-top:0; }
 .v2-design-idea-page .carousel-inner { aspect-ratio:418 / 480; }
 .v2-design-idea-page .carousel-item { height:100%; }
 .v2-design-idea-page .carousel-item img { height:100% !important; }
 .v2-design-idea-page .carousel-indicators { gap:6px; }
 .v2-design-idea-page .carousel-indicators li { flex:1 1 44px; max-width:64px; min-width:44px; }
 .v2-design-idea-page .carousel-indicators li img { height:52px; }

 .v2-design-idea-page .ogcolor { width:40px; height:40px; line-height:34px; }
}
.v2-design-idea-page .saved-design-product-links { align-items:center; flex-wrap:wrap; gap:12px 20px; }
.v2-design-idea-page .saved-design-product-links .btn { margin:0; min-height:44px; padding:10px 14px; font-size:14px; border-radius:6px; }
.v2-design-idea-page .saved-design-total input { background:#f5f7f9; color:#596675; }
@media(max-width:767.98px) {
 .saved-design-breadcrumb.fixed-inner-margin { padding-top:calc(var(--saved-design-header-height,100px) + 6px) !important; }
 .saved-design-breadcrumb .row.pt-3 { padding-top:0 !important; }
 .saved-design-breadcrumb .breadcrumb { font-size:12px; line-height:1.4; margin-bottom:4px; }
 .v2-design-idea-page .qty-container { row-gap:10px; }
}

/* Product category navigation in the saved-design dialog. */
#common-modal .saved-design-categories { padding:4px 0 12px; }
#common-modal .saved-design-categories h2 { font-size:21px; font-weight:500; color:#002a53; margin:0 0 20px; }
#common-modal .saved-design-category-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 28px; }
#common-modal .saved-design-category-group h3 { margin:0 0 6px; font-size:14px; font-weight:500; color:#596675; }
#common-modal .saved-design-category-group ul { list-style:none; margin:0; padding:0; }
#common-modal .saved-design-category-group li { margin:0; padding:0; border-bottom:1px solid #edf0f3; }
#common-modal .saved-design-category-group a { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; padding:10px 0; font-size:15px; line-height:1.4; color:#002a53; text-decoration:none; }
#common-modal .saved-design-category-group a:hover { color:#007eb5; }
#common-modal .saved-design-category-group a:focus-visible { outline:2px solid #002a53; outline-offset:3px; }
@media(max-width:767.98px) {
 #common-modal .saved-design-category-grid { grid-template-columns:1fr; gap:20px; }
}

.v2-design-idea-page .saved-design-product-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; width:100%; max-width:100%; margin-bottom:12px; }
.v2-design-idea-page .saved-design-product-row .saved-design-product { min-width:0; max-width:100%; margin:0; white-space:normal; overflow-wrap:anywhere; }
.v2-design-idea-page .saved-design-product-row .saved-design-product strong { white-space:normal; overflow-wrap:anywhere; }
.v2-design-idea-page .saved-design-product-row .saved-design-change-product { display:inline-flex; align-items:center; justify-content:center; flex:none; width:auto; max-width:100%; min-width:0; min-height:44px; padding:10px 14px; margin:0; border:1px solid #002a53; border-radius:6px; background:#fff; color:#002a53; font:inherit; font-size:14px; line-height:1.4; text-decoration:none; white-space:nowrap; cursor:pointer; }
.v2-design-idea-page .saved-design-change-product:hover { background:#f2f6f9; }
.v2-design-idea-page .saved-design-change-product:focus-visible { outline:2px solid #002a53; outline-offset:3px; }
.v2-design-idea-page .saved-design-country-row { display:flex; align-items:center; gap:12px; }
.v2-design-idea-page .saved-design-country-row label { flex:none; font-size:14px; text-align:left; }
.v2-design-idea-page .saved-design-country-row > select:not(.select2-hidden-accessible),
.v2-design-idea-page .saved-design-country-row > .select2-container { flex:1; min-width:0; width:auto !important; }
.v2-design-idea-page .saved-design-buy-one .btn { min-height:44px; padding:10px 14px; font-size:14px; border-radius:6px; }
@media(max-width:767.98px) {
 .v2-design-idea-page .btn-section .sticky-whatsapp.saved-design-help { position:static !important; inset:auto !important; z-index:auto !important; display:flex !important; align-items:center; justify-content:center; gap:8px; flex-basis:100%; width:100%; min-height:44px; padding:0; font-size:14px; color:#002a53; box-shadow:none; text-decoration:none; }
 .v2-design-idea-page .saved-design-help img { width:24px; height:24px; }
}

.v2-design-idea-page .carousel-indicators[hidden], .v2-design-idea-page .saved-design-side-status[hidden] { display:none !important; }
.v2-design-idea-page .saved-design-preview-empty { padding:24px; color:#596675; font-size:14px; text-align:center; }

.v2-design-idea-page .saved-design-selection-summary { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:8px 16px; margin:12px 0; padding:14px 0; border-top:1px solid #dce2e8; font-size:14px; color:#002a53; }
.v2-design-idea-page .saved-design-selection-summary[hidden], .v2-design-idea-page #saved-design-price-retry[hidden] { display:none; }
.v2-design-idea-page .saved-design-selection-summary strong { font-weight:400; }
.v2-design-idea-page #saved-design-selected-total { display:block; font-size:22px; font-weight:600; }
.v2-design-idea-page #saved-design-price-retry { min-height:44px; padding:8px 12px; background:#fff; color:#002a53; border:1px solid #002a53; border-radius:6px; }
