/* Location: /www/wwwroot/payorget.com/app/Modules/Frontend/SingleProductPage/Assets/css/sidebar-banner-position-1-2-3.css */
/* Base banner styles */
.sidebar-banner-wrapper{width:100%;height:auto;margin-bottom:0;border-radius:8px;overflow:hidden;background:#eff5fc;box-sizing:border-box;position:relative}
.banner-item{position:relative;width:100%;background:transparent}
.banner-image-container{position:relative;width:100%;height:auto;border-radius:8px}
.banner-image{width:100%;height:auto;display:block;object-fit:contain;border-radius:8px}
.banner-image-link{display:block;width:100%;line-height:0;cursor:pointer}
.banner-title-container{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);width:180px;max-width:180px;text-align:center;z-index:10}
.banner-title{color:#ffffff;font-size:12px;font-weight:600;line-height:1.4;margin:0;padding:8px 12px;background:transparent;border-radius:6px;word-wrap:break-word;overflow-wrap:break-word;text-shadow:2px 2px 4px rgba(0,0,0,0.9)}
.banner-button-container{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:10}
.banner-button{display:inline-block;border:none;border-radius:4px;color:#ffffff;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease;line-height:1.5;white-space:nowrap}
.banner-button-small{padding:6px 12px;font-size:10px}
.banner-button-medium{padding:8px 16px;font-size:12px}
.banner-button-large{padding:10px 20px;font-size:14px}
.banner-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgba(0,0,0,0.15);color:#ffffff;text-decoration:none}

/* Sidebar container styles */
.review-sidebar-area{width:350px;background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05);position:relative;height:fit-content}
.description-sidebar-area{width:350px;background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05);position:relative;height:fit-content}

/* Dynamic banner container */
.dynamic-banner-container{width:100%;position:relative}
.dynamic-banner-container .sidebar-banner-wrapper{margin-bottom:40px}
.dynamic-banner-container .sidebar-banner-wrapper:last-child{margin-bottom:0}

/* Hover effect */
.sidebar-banner-wrapper:hover{box-shadow:0px 4px 12px rgba(0,0,0,0.1)}

/* Dynamic banner classes */
.dynamic-review-banner{width:100%;max-width:350px}
.dynamic-description-banner{width:100%;max-width:350px}

/* Placeholder styling */
.sidebar-placeholder{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;padding:40px 20px;text-align:center;color:#9ca3af;min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.sidebar-placeholder p{margin:5px 0;font-size:14px}

/* Position 5 full-width container (below description) */
.position5-section-container{max-width:1200px;margin:20px auto;padding:20px;background:#fff;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.position5-banner-area{width:100%;display:flex;justify-content:center;align-items:center}
.position5-section-container .sidebar-banner-wrapper{width:auto;max-width:1160px;margin:0 auto;background:transparent}
.position5-section-container .banner-image{width:auto;height:auto;max-width:1160px;display:block;margin:0 auto}
.position5-section-container .banner-image-container{width:auto;max-width:1160px;display:flex;justify-content:center;position:relative}

/* Section containers alignment */
.review-section-container{max-width:1200px;margin:0 auto 20px;display:flex;gap:20px;align-items:flex-start}
.description-section-container{max-width:1200px;margin:0 auto 20px;display:flex;gap:20px;align-items:flex-start}
.review-content-area{flex:1;max-width:830px;background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.description-content-area{flex:1;max-width:830px;background:#fff;border-radius:10px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.05)}

/* Mobile and tablet - hide all sidebars */
@media(max-width:1240px){
.sidebar-banner-wrapper{display:none}
.review-sidebar-area{display:none}
.description-sidebar-area{display:none}
.position5-section-container{display:none}
}