/* Main container styling */
	 .wgb-gift-wrapper {
		 margin: 25px 0;
		 background: linear-gradient(135deg, #ffffff 0%, #f9fcf8 100%);
		 border-radius: 16px;
		 border: 1px solid #e5f5e0;
		 box-shadow: 0 4px 20px rgba(76, 175, 80, 0.08);
		 overflow: auto;
	 }
	 
	 /* Sticky bundle styles */
	 #wgb-sticky-bundle-wrapper { 
		 z-index: 100; 
		 transition: all 0.3s ease;  
	 }
	 
	 #wgb-sticky-bundle-wrapper.sticky-scrolled {
		 box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
		 border: 2px solid #34c759;
		 animation: pulseBorder 2s infinite;  
	 }
	 
	 @keyframes pulseBorder {
		 0% { border-color: #34c759; }
		 50% { border-color: #66bb6a; }
		 100% { border-color: #34c759; }
	 }
	 
	 .wgb-section {
		 padding: 25px;
		 border-bottom: 1px solid #f0f7ed;
		 transition: all 0.3s ease;
	 }
	 
	 .wgb-section:last-child {
		 border-bottom: none;
	 }
	 
	 .wgb-section:hover {
		 background: rgba(232, 245, 233, 0.1);
	 }
	 
	 /* Section headers */
	 .wgb-section-header {
		 display: flex;
		 align-items: center;
		 margin-bottom: 20px;
		 padding-bottom: 0px;  
	 }
	 
	 #wgb-sticky-bundle-wrapper .wgb-section-header {
		 justify-content: space-between;
	 }
	 
	 .wgb-section-icon {
		 font-size: 24px;
		 margin-right: 12px;
		 width: 48px;
		 height: 48px;
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 background: linear-gradient(135deg, #34c759, #30b453);
		 color: white;
		 border-radius: 12px;
		 box-shadow: 0 4px 12px rgba(52, 199, 89, 0.25);
	 }
	 
	 .wgb-section-title {
		 font-size: 18px;
		 font-weight: 700;
		 color: #1a3c34;
		 margin: 0;
		 line-height: 1.3;
	 }
	 
	 .wgb-section-subtitle {
		 font-size: 14px;
		 color: #5a7c72;
		 margin-top: 4px;
		 font-weight: 400;
	 }
	 
	 /* Apple-green toggle switch */
	 .wgb-toggle-wrapper {
		 display: flex;
		 align-items: center;
		 justify-content: space-between;
		 margin-bottom: 15px;
		 padding: 15px;
		 background: #f9fcf8;
		 border-radius: 12px;
		 border: 1px solid #e5f5e0;
		 transition: all 0.3s ease;
	 }
	 
	 .wgb-toggle-wrapper:hover {
		 border-color: #34c759;
		 background: #f2faf0;
	 }
	 
	 .wgb-toggle-label {
		 font-size: 15px;
		 font-weight: 600;
		 color: #1a3c34;
		 cursor: pointer;
		 display: flex;
		 align-items: center;
		 gap: 10px;
	 }
	 
	 .wgb-toggle-label::before {
		 content: attr(data-icon);
		 font-size: 20px;
	 }
	 
	 .wgb-toggle-price {
		 font-size: 14px;
		 color: #34c759;
		 font-weight: 600;
		 background: rgba(52, 199, 89, 0.1);
		 padding: 4px 10px;
		 border-radius: 20px;
		 margin-left: 10px;
	 }
	 
	 .wgb-toggle-switch {
		 position: relative;
		 width: 52px;
		 height: 28px;
		 background: #e0e6e2;
		 border-radius: 50px;
		 cursor: pointer;
		 transition: all 0.3s ease;
	 }
	 
	 .wgb-toggle-switch::after {
		 content: '';
		 position: absolute;
		 top: 2px;
		 left: 2px;
		 width: 24px;
		 height: 24px;
		 background: white;
		 border-radius: 50%;
		 box-shadow: 0 2px 5px rgba(0,0,0,0.2);
		 transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	 }
	 
	 input[type="checkbox"]:checked + .wgb-toggle-switch {
		 background: linear-gradient(135deg, #34c759, #30b453);
	 }
	 
	 input[type="checkbox"]:checked + .wgb-toggle-switch::after {
		 transform: translateX(24px);
	 }
	 
	 .wgb-toggle-input {
		 display: none;
	 }
	 
	 /* Form fields */
	 .wgb-field-group {
		 margin-bottom: 18px;
	 }
	 
	 .wgb-field-label {
		 display: block;
		 font-size: 14px;
		 font-weight: 600;
		 color: #2d4a43;
		 margin-bottom: 8px;
		 padding-left: 4px;
	 }
	 
	 .wgb-field {
		 width: 100%;
		 padding: 14px 16px;
		 font-size: 15px;
		 color: #1a3c34;
		 background: #ffffff;
		 border: 2px solid #e5f5e0;
		 border-radius: 10px;
		 transition: all 0.3s ease;
		 box-sizing: border-box;
	 }
	 
	 .wgb-field:focus {
		 outline: none;
		 border-color: #34c759;
		 box-shadow: 0 0 0 3px rgba(52, 199, 89, 0.15);
	 }
	 
	 .wgb-field::placeholder {
		 color: #8aa69e;
		 opacity: 0.8;
	 }
	 
	 /* Bundle display */
	 .bundle-display {
		 background: linear-gradient(135deg, #f0f9ff 0%, #e8f5e9 100%);
		 border: 2px solid #d4ede0;
		 border-radius: 12px;
		 padding: 10px 20px;
		 margin-top: 0px;
	 }
	 
	 .bundle-grid {
		 display: grid;
		 grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
		 gap: 15px;
		 margin-top: 15px;
	 }
	 
	 .bundle-item {
		 text-align: center;
		 background: white;
		 border-radius: 10px;
		 padding: 12px;
		 border: 2px solid #e5f5e0;
		 transition: all 0.3s ease;
	 }
	 
	 .bundle-item:hover {
		 transform: translateY(-2px);
		 box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	 }
	  
	 .bundle-item img {
		 width: 100%;
		 height: auto;
		 object-fit: cover;
		 border-radius: 6px;
		 margin-bottom: 8px;
	 }
	 
	 .bundle-item-name {
		 font-size: 12px;
		 font-weight: 600;
		 color: #1a3c34;
		 line-height: 1.3;
		 margin: 0;
	 }
	 
	 /* Card designs grid */
	 .card-designs-grid {
		 display: grid;
		 grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
		 gap: 12px;
		 margin-top: 15px;
	 }
	 
	 .card-design-item {
		 position: relative;
		 border-radius: 8px;
		 overflow: hidden;
		 border: 2px solid #e5f5e0;
		 cursor: pointer;
		 transition: all 0.3s ease;
	 }
	 
	 .card-design-item:hover {
		 transform: scale(1.05);
		 border-color: #34c759;
	 }
	 
	 .card-design-item.active {
		 border-color: #34c759;
		 box-shadow: 0 0 0 3px rgba(52, 199, 89, 0.3);
	 }
	 
	 .card-design-item img {
		 width: 100%; 
		 object-fit: cover;
	 }
	 .virtual .quantity {
		 display: none !important; 
	 }
	 
	 /* Extras grid with better styling - UPDATED */
	 .extras-section {
		 background: linear-gradient(135deg, #fffbf0 0%, #fff8e1 100%);
		 border: 2px solid #fff3cd;
		 border-radius: 12px;
		 padding: 20px;
	 }
	 
	 .extras-header {
		 text-align: center;
		 margin-bottom: 20px;
	 }
	 
	 .extras-title {
		 font-size: 24px;
		 font-weight: 700;
		 color: #856404;
		 margin: 0 0 5px 0;
	 }
	 
	 .extras-subtitle {
		 font-size: 16px;
		 color: #b38b00;
		 margin: 0;
		 font-weight: 400;
	 }
	 
	 .extra-section-item {
		 background: white;
		 border-radius: 10px;
		 padding: 15px;
		 border: 2px solid #ffeeba;
		 margin-bottom: 15px;
		 transition: all 0.3s ease;
	 }
	 
	 .extra-section-item:hover {
		 border-color: #ffc107;
		 box-shadow: 0 4px 12px rgba(255, 193, 7, 0.1);
	 }
	 
	 .extra-section-header {
		 display: flex;
		 justify-content: space-between;
		 align-items: center;
		 margin-bottom: 15px;
		 padding-bottom: 10px;
		 border-bottom: 1px solid #f0f0f0;
	 }
	 
	 .extra-section-name {
		 font-size: 18px;
		 font-weight: 700;
		 color: #856404;
		 margin: 0;
	 }
	 
	 .extra-section-products {
		 display: grid;
		 grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
		 gap: 10px;
	 }
	 
	 .extra-product-item {
		 background: white;
		 border-radius: 8px;
		 padding: 10px;
		 border: 2px solid #ffeeba;
		 cursor: pointer;
		 transition: all 0.3s ease;
		 text-align: center;
	 }
	 
	 .extra-product-item:hover {
		 transform: translateY(-2px);
		 border-color: #ffc107;
		 box-shadow: 0 4px 8px rgba(255, 193, 7, 0.15);
	 }
	 
	 .extra-product-item.active {
		 border-color: #34c759;
		 background: #f8fff9;
	 }
	 
	 .extra-product-item img {
		 width: 100%;
		 height: auto;
		 object-fit: cover;
		 border-radius: 6px;
		 margin-bottom: 8px;
	 }
	 
	 .extra-product-item-name {
		 font-size: 12px;
		 font-weight: 600;
		 color: #1a3c34;
		 line-height: 1.3;
		 margin: 0 0 4px 0;
	 }
	 
	 .extra-product-item-price {
		 font-size: 11px;
		 font-weight: 700;
		 color: #34c759;
	 }
	 
	 /* File upload area */
	 .wgb-upload-area {
		 padding: 20px;
		 background: #f9fcf8;
		 border-radius: 10px;
		 border: 2px dashed #c8e6c9;
		 text-align: center;
		 transition: all 0.3s ease;
	 }
	 
	 .wgb-upload-area:hover {
		 border-color: #34c759;
		 background: #f2faf0;
	 }
	 
	 .wgb-upload-icon {
		 font-size: 32px;
		 color: #34c759;
		 margin-bottom: 10px;
	 }
	 
	 .wgb-upload-text {
		 font-size: 14px;
		 color: #5a7c72;
		 margin-bottom: 15px;
	 }
	 
	 /* Price display */
	 .wgb-price-display {
		 background: linear-gradient(135deg, #1a3c34, #2d4a43);
		 color: white;
		 padding: 20px;
		 border-radius: 12px;
		 text-align: center;
		 margin: 0px !important;
	 }
	 
	 .wgb-price-label {
		 font-size: 11px;
		 color: #a8d5b5;
		 margin-bottom: 8px;
		 text-transform: uppercase;
		 letter-spacing: 1px;
	 }
	 
	 .wgb-price-amount {
		 font-size: 22px;
		 font-weight: 800;
		 color: #ffffff;
		 text-shadow: 0 2px 4px rgba(0,0,0,0.2);
	 }
	 
	 .wgb-price-currency {
		 font-size: 18px;
		 color: #a8d5b5;
		 margin-left: 4px;
	 }
	 
	 /* Responsive */
	 @media (max-width: 768px) {
		 .wgb-section {
			 padding: 20px 15px;
		 }
		 
		 .bundle-grid,
		 .card-designs-grid,
		 .extra-section-products {
			 grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
			 gap: 10px;
		 }
		 
		 .wgb-price-amount {
			 font-size: 28px;
		 }
		 
		 #wgb-sticky-bundle-wrapper {
			 position: static;
			 max-height: none;
		 }
	 }
	 
	 /* Animation for checkboxes */
	 @keyframes pulse {
		 0% { transform: scale(1); }
		 50% { transform: scale(1.1); }
		 100% { transform: scale(1); }
	 }
	 
	 .extra-product-item.active {
		 animation: pulse 0.3s ease;
	 }
	 
	 /* Animation for bundle items */
	 @keyframes fadeIn {
		 from { opacity: 0; transform: translateY(10px); }
		 to { opacity: 1; transform: translateY(0); }
	 }
	 
	 .bundle-item[data-type="mug"],
	 .bundle-item[data-type="card"],
	 .bundle-item[data-type="extra"] {
		 animation: fadeIn 0.3s ease;
	 }
	 
	 /* Scroll indicator */
	 .scroll-indicator {
		 position: fixed;
		 bottom: 20px;
		 right: 20px;
		 background: #34c759;
		 color: white;
		 width: 40px;
		 height: 40px;
		 border-radius: 50%;
		 display: flex;
		 align-items: center;
		 justify-content: center;
		 font-size: 20px;
		 z-index: 1000;
		 cursor: pointer;
		 box-shadow: 0 4px 12px rgba(52, 199, 89, 0.3);
		 transition: all 0.3s ease;
		 display: none;
	 }
	 
	 .scroll-indicator:hover {
		 transform: scale(1.1);
		 background: #30b453;
	 }