.elementor-4379 .elementor-element.elementor-element-acc70e9{--display:flex;}.elementor-4379 .elementor-element.elementor-element-ba93981{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-4379 .elementor-element.elementor-element-ba93981:not(.elementor-motion-effects-element-type-background), .elementor-4379 .elementor-element.elementor-element-ba93981 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );}.elementor-4379 .elementor-element.elementor-element-6899ada{--grid-columns:4;}.elementor-4379 .elementor-element.elementor-element-6899ada.elementor-element{--align-self:center;}.elementor-4379 .elementor-element.elementor-element-6899ada .elementor-loop-container{grid-auto-rows:1fr;}.elementor-4379 .elementor-element.elementor-element-6899ada .e-loop-item > .elementor-section, .elementor-4379 .elementor-element.elementor-element-6899ada .e-loop-item > .elementor-section > .elementor-container, .elementor-4379 .elementor-element.elementor-element-6899ada .e-loop-item > .e-con, .elementor-4379 .elementor-element.elementor-element-6899ada .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-4379 .elementor-element.elementor-element-6899ada{--grid-columns:2;}}@media(max-width:767px){.elementor-4379 .elementor-element.elementor-element-6899ada{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-9d132c6 */.sn-silverGrains-hero {
    text-align: center !important;
    padding: 55px 30px !important;
    background: #2A3F54 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
    background-blend-mode: overlay !important;
    border-radius: 22px !important;
    margin-bottom: 40px !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 12px 35px rgba(0,0,0,0.45) !important;
}

.sn-silverGrains-hero::after { /* Glossy overlay */
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 50%) !important;
    pointer-events: none !important; /* Allows clicks through */
    z-index: 1 !important;
}

.sn-silverGrains-emoji-container {
    width: 130px !important;
    height: 130px !important;
    margin: 0 auto 30px auto !important;
    background: linear-gradient(160deg, #e0e0e0, #b0b0b0, #707070, #b0b0b0, #e0e0e0) !important;
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    box-shadow: 0 0 40px rgba(220, 220, 220, 0.7), inset 0 0 20px rgba(0,0,0,0.35) !important;
    animation: sn-sg-breathing-effect 3s ease-in-out infinite, sn-sg-subtle-sway 8s ease-in-out infinite alternate !important;
    position: relative !important;
    z-index: 2 !important; /* Above overlay */
}

.sn-silverGrains-emoji {
    font-size: 90px !important;
    line-height: 1 !important;
    color: #333333 !important;
    text-shadow: 0 1px 2px rgba(255,255,255,0.5) !important;
}

@keyframes sn-sg-breathing-effect {
    0%, 100% { transform: scale(1); box-shadow: 0 0 40px rgba(220, 220, 220, 0.7), inset 0 0 20px rgba(0,0,0,0.35) !important; }
    50% { transform: scale(1.08); box-shadow: 0 0 55px rgba(240, 240, 240, 0.9), inset 0 0 25px rgba(0,0,0,0.25) !important; }
}

@keyframes sn-sg-subtle-sway {
    from { transform: rotate(-3deg); }
    to { transform: rotate(3deg); }
}

.sn-silverGrains-hero h1 {
    font-size: 3.2em !important;
    color: #FFFFFF !important;
    margin-bottom: 20px !important;
    font-weight: 700 !important;
    text-shadow: 0 3px 6px rgba(0,0,0,0.6) !important;
    position: relative !important;
    z-index: 2 !important;
}

.sn-highlight-silverGradient {
  background: linear-gradient(135deg, #dcdcdc, #ffffff, #b0b0b0, #ffffff, #dcdcdc) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  padding: 0 8px !important;
  animation: sn-sg-gradient-flow 5s ease-in-out infinite !important;
  background-size: 200% 200% !important;
}

@keyframes sn-sg-gradient-flow {
    0% { background-position: 0% 50% !important; }
    50% { background-position: 100% 50% !important; }
    100% { background-position: 0% 50% !important; }
}

.sn-silverGrains-slogan {
    font-size: 1.45em !important;
    color: #E8E8E8 !important; /* Lighter for better contrast */
    margin-bottom: 40px !important;
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    line-height: 1.75 !important;
    position: relative !important;
    z-index: 2 !important;
}

.sn-silverGrains-anchor-links-container {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 22px !important;
    position: relative !important;
    z-index: 2 !important;
}

.sn-silverGrains-anchor-link {
    background: linear-gradient(145deg, #50647A, #3E5164) !important;
    color: #FDEAB5 !important;
    padding: 16px 28px !important;
    border-radius: 50px !important; /* Pill shape */
    text-decoration: none !important;
    font-size: 1.05em !important;
    font-weight: 600 !important;
    transition: all 0.4s cubic-bezier(0.215, 0.610, 0.355, 1.000) !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    border: 1px solid #6A7F94 !important;
    box-shadow: 0 5px 12px rgba(0,0,0,0.35), inset 0 1px 2px rgba(255,255,255,0.1) !important;
}

.sn-silverGrains-anchor-link:hover {
    background: linear-gradient(145deg, #F8D573, #B79A51) !important; /* Brighter gold */
    color: #2A3F54 !important; /* Dark blue text */
    transform: translateY(-6px) scale(1.04) !important;
    box-shadow: 0 10px 22px rgba(248, 213, 115, 0.55), inset 0 1px 2px rgba(0,0,0,0.1) !important;
    border-color: #F8D573 !important;
}

.sn-sg-anchor-emoji { /* Unique class for grain page anchor emojis */
    font-size: 1.35em !important;
    transition: transform 0.4s ease-in-out !important;
}

.sn-silverGrains-anchor-link:hover .sn-sg-anchor-emoji {
    transform: rotate(360deg) scale(1.2) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .sn-silverGrains-hero h1 {
        font-size: 2.6em !important;
    }
    .sn-silverGrains-slogan {
        font-size: 1.25em !important;
    }
    .sn-silverGrains-anchor-link {
        font-size: 0.95em !important;
        padding: 14px 22px !important;
    }
    .sn-silverGrains-emoji-container {
        width: 110px !important;
        height: 110px !important;
    }
    .sn-silverGrains-emoji {
        font-size: 75px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2d7a883 */.sn-silverGrains-intro {
    background-color: #333333 !important;
    color: #E0E0E0 !important;
    border-radius: 18px !important;
    position: relative !important;
    overflow: hidden !important; /* For potential effects */
    border: 1px solid #4F4F4F !important;
}

.sn-sg-section-padding {
    padding: 45px 35px !important;
    margin-bottom: 40px !important;
}

.sn-silverGrains-intro h2 {
    font-size: 2.5em !important;
    color: #FFFFFF !important;
    margin-bottom: 35px !important;
    text-align: center !important;
    font-weight: 600 !important;
    line-height: 1.55 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.4) !important;
}

/* .sn-highlight-gold is defined in section 1 CSS */

.sn-silverGrains-intro-content {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 40px !important;
    align-items: center !important;
}

.sn-silverGrains-intro-image-container {
    flex: 2 !important;
    min-width: 300px !important;
    text-align: center !important;
    perspective: 1000px !important;
    animation: sn-sg-image-popIn 0.8s ease-out forwards !important;
    opacity: 0; /* removed !important */
}

@keyframes sn-sg-image-popIn {
    from { opacity: 0; transform: scale(0.8) translateY(20px); }
    to   { opacity: 1; transform: scale(1)   translateY(0); }
}

.sn-silverGrains-intro-image {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 15px !important;
    box-shadow: 0 12px 28px rgba(0,0,0,0.45) !important;
    border: 3px solid #C0C0C0 !important;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.5s ease !important;
}

.sn-silverGrains-intro-image:hover {
    transform: scale(1.05) rotateX(5deg) rotateY(-5deg) !important;
    box-shadow: 0 18px 40px rgba(192, 192, 192, 0.5) !important;
}

.sn-sg-image-caption {
    font-size: 1em !important;
    color: #b8b8b8 !important;
    margin-top: 15px !important;
    font-style: italic !important;
}

.sn-silverGrains-intro-text {
    flex: 3 !important;
    min-width: 320px !important;
    line-height: 1.85 !important;
    font-size: 1.2em !important;
    animation: sn-sg-text-slideIn 0.9s ease-out 0.2s forwards !important;
    opacity: 0;              /* removed !important */
    transform: translateX(-20px); /* removed !important */
}

@keyframes sn-sg-text-slideIn {
    from { opacity: 0; transform: translateX(-30px); }
    to   { opacity: 1; transform: translateX(0); }
}

.sn-silverGrains-intro-text p {
    margin-bottom: 20px !important;
}

.sn-silverGrains-intro-text strong {
    color: #F8D573 !important;
    font-weight: 600 !important;
}

.sn-sg-inline-link {
    color: #BDB76B !important;
    text-decoration: none !important;
    font-weight: bold !important;
    position: relative !important;
    padding-bottom: 3px !important;
}

.sn-sg-inline-link::after {
    content: '' !important;
    position: absolute !important;
    width: 0 !important;
    height: 2px !important;
    bottom: 0 !important;
    left: 50% !important;
    background-color: #F8D573 !important;
    transition: width 0.4s ease, left 0.4s ease !important;
}

.sn-sg-inline-link:hover::after {
    width: 100% !important;
    left: 0 !important;
}

.sn-sg-inline-link:hover {
    color: #F5DEB3 !important;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .sn-silverGrains-intro-content {
        flex-direction: column-reverse !important;
    }
    .sn-silverGrains-intro-image-container {
        margin-bottom: 25px !important;
    }
    .sn-silverGrains-intro-text {
        transform: translateX(0); /* removed !important */
        text-align: justify !important;
    }
}

@media (max-width: 768px) {
    .sn-silverGrains-intro h2 {
        font-size: 2.1em !important;
    }
    .sn-silverGrains-intro-text {
        font-size: 1.1em !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-025e032 */.sn-silverGrains-related-products-intro, .sn-silverGrains-cross-sell {
    position: relative !important;
    box-shadow: inset 0 0 80px rgba(0,0,0,0.2) !important; /* Inner shadow for depth */
}

.sn-silverGrains-prod-intro-icon-container { /* Unique class for product intro icon */
    width: 115px !important;
    height: 115px !important;
    margin: 0 auto 28px auto !important;
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    animation: sn-sg-icon-throb 1.8s infinite ease-in-out !important;
    position: relative !important;
}

.sn-silverGrains-prod-intro-icon-container::before { /* Pulsating aura */
    content: '' !important;
    position: absolute !important;
    inset: -5px !important; /* Slightly outside the main container */
    border-radius: 50% !important;
    background: inherit !important; /* Inherit gradient */
    filter: blur(10px) !important;
    opacity: 0.7 !important;
    z-index: -1 !important; /* Behind the main icon container */
    animation: sn-sg-aura-pulse 1.8s infinite ease-in-out !important;
}

.sn-silverGrains-prod-intro-icon { /* Unique class */
    line-height: 1 !important;
    filter: drop-shadow(0 0 8px rgba(0,0,0,0.3)) !important;
}

@keyframes sn-sg-icon-throb {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.12); }
}
@keyframes sn-sg-aura-pulse {
  0%, 100% { opacity: 0.7; transform: scale(1.05); }
  50% { opacity: 0.4; transform: scale(1.15); }
}


.sn-silverGrains-suggestion-cards-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important;
    gap: 30px !important;
}

.sn-silverGrains-suggestion-card {
    background: linear-gradient(150deg, #4A4A4A, #383838) !important;
    border: 1px solid #555555 !important;
    padding: 28px !important;
    border-radius: 15px !important;
    text-align: center !important;
    text-decoration: none !important;
    color: #DDDDDD !important;
    transition: all 0.45s cubic-bezier(0.075, 0.82, 0.165, 1) !important; /* Smooth and responsive */
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25) !important;
}

.sn-silverGrains-suggestion-card::before { /* Subtle animated border highlight */
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    border-radius: 15px !important;
    border: 2px solid transparent !important;
    background: linear-gradient(120deg, transparent, rgba(192,192,192,0.3), transparent) border-box !important; /* Silverish gradient for border */
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: destination-out !important;
    mask-composite: exclude !important;
    opacity: 0 !important;
    transition: opacity 0.4s ease !important;
}

.sn-silverGrains-suggestion-card:hover::before {
    opacity: 1 !important;
}

.sn-silverGrains-suggestion-card:hover {
    transform: translateY(-10px) scale(1.03) !important;
    box-shadow: 0 15px 30px rgba(0,0,0,0.4) !important;
    background: linear-gradient(150deg, #525252, #404040) !important; /* Slightly lighter on hover */
}

.sn-sg-card-emoji { /* Unique class */
    font-size: 3.2em !important;
    display: block !important;
    margin-bottom: 18px !important;
    line-height: 1 !important;
    transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) !important; /* Bouncy effect */
    text-shadow: 0 0 10px rgba(255,255,255,0.2) !important;
}

.sn-silverGrains-suggestion-card:hover .sn-sg-card-emoji {
    transform: scale(1.2) rotate(15deg) !important;
}

.sn-silverGrains-suggestion-card h4 {
    font-size: 1.45em !important;
    color: #FDEAB5 !important;
    margin-bottom: 12px !important;
    font-weight: 600 !important;
}

.sn-silverGrains-suggestion-card p {
    font-size: 1.05em !important;
    color: #c0c0c0 !important;
    line-height: 1.65 !important;
}

/* Responsive */
@media (max-width: 576px) {
    .sn-silverGrains-suggestion-cards-grid {
        grid-template-columns: 1fr !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d6f61f4 */.sn-castSilverBars-advantages {
    background: #333333 radial-gradient(circle at top left, #4a4a4a, #333333 70%) !important;
    color: #E0E0E0 !important;
    border-radius: 15px !important;
    overflow: hidden; /* For pseudo-elements */
}

.sn-castSilverBars-adv-icon-container { /* Unique class */
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto 25px auto !important;
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    animation: sn-adv-icon-float 3.5s ease-in-out infinite !important;
}

.sn-castSilverBars-adv-icon { /* Unique class */
    line-height: 1 !important;
    filter: drop-shadow(0 0 6px rgba(0,0,0,0.3)) !important;
}

@keyframes sn-adv-icon-float {
    0%, 100% { transform: translateY(0px) rotate(-5deg); }
    50% { transform: translateY(-15px) rotate(5deg); }
}

.sn-castSilverBars-advantages-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important; /* Larger min width */
    gap: 30px !important; /* Increased gap */
}

.sn-castSilverBars-advantage-item {
    background-color: rgba(42, 63, 84, 0.5) !important; /* Using site's secondary color with alpha */
    padding: 30px 25px !important; /* More padding */
    border-radius: 10px !important;
    text-align: left !important; /* Align text to left for a change */
    transition: transform 0.35s ease, box-shadow 0.35s ease, background-color 0.35s ease !important;
    border-left: 7px solid #A79051 !important; /* Thicker accent border */
    position: relative !important; /* For icon positioning */
    overflow: hidden !important;
}

.sn-castSilverBars-advantage-item:hover {
    transform: scale(1.03) !important; /* Slightly larger scale */
    box-shadow: 0 10px 25px rgba(0,0,0,0.35) !important;
    background-color: rgba(58, 79, 100, 0.7) !important; /* Darken on hover */
}

.sn-cs-advantage-icon-wrapper { /* Wrapper for icon styling */
    width: 60px !important;
    height: 60px !important;
    background: linear-gradient(145deg, #A79051, #F8D573) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 18px !important; /* Space below icon */
    float: left !important; /* Float icon to the left */
    margin-right: 15px !important;
    box-shadow: 0 3px 8px rgba(0,0,0,0.3) !important;
}

.sn-cs-advantage-icon { /* Unique class for these icons */
    font-size: 2.2em !important;
    color: #333333 !important; /* Dark icon on gold background */
    line-height: 1 !important;
}

.sn-castSilverBars-advantage-item h3 {
    font-size: 1.6em !important; /* Larger heading */
    color: #FFFFFF !important;
    margin-bottom: 12px !important;
    font-weight: 600 !important;
    padding-top: 5px; /* Align with icon */
}

.sn-castSilverBars-advantage-item p {
    font-size: 1.05em !important; /* Slightly larger text */
    line-height: 1.7 !important; /* Better readability */
    color: #cccccc !important;
    margin-left: 75px; /* Space for floated icon */
}

/* Responsive */
@media (max-width: 768px) {
    .sn-castSilverBars-advantages h2 {
        font-size: 2.1em !important;
    }
    .sn-castSilverBars-advantage-item {
        text-align: center !important; /* Center text on smaller screens */
    }
    .sn-cs-advantage-icon-wrapper {
        float: none !important;
        margin: 0 auto 15px auto !important; /* Center icon */
    }
    .sn-castSilverBars-advantage-item p {
        margin-left: 0 !important; /* Reset margin */
    }
    .sn-castSilverBars-advantage-item h3 {
        font-size: 1.4em !important;
    }
     .sn-castSilverBars-advantage-item p {
        font-size: 1em !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f94278 */.sn-castSilverBars-review {
    background-color: #2A3F54 !important; /* Dark blue */
    color: #E0E0E0 !important;
    border-radius: 15px !important;
    position: relative; /* For pseudo-elements or icon */
}

.sn-castSilverBars-review-icon-container { /* Unique class */
    width: 100px !important;
    height: 100px !important;
    margin: 0 auto 20px auto !important;
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    animation: sn-review-icon-spin 8s linear infinite !important;
}

.sn-castSilverBars-review-icon { /* Unique class */
    line-height: 1 !important;
}

@keyframes sn-review-icon-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.sn-castSilverBars-review-flex-container { /* Changed class name */
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 30px !important; /* Increased gap */
    justify-content: space-around !important; /* Better distribution */
}

.sn-castSilverBars-review-column {
    flex: 1 !important;
    min-width: 320px !important; /* Wider min-width */
    padding: 25px !important; /* More padding */
    border-radius: 10px !important; /* Softer radius */
    transition: box-shadow 0.4s ease, transform 0.4s ease !important;
}

.sn-cs-pros { /* Unique class for pros */
    background-color: rgba(76, 175, 80, 0.15) !important; /* Slightly more opaque */
    border: 2px solid rgba(76, 175, 80, 0.5) !important; /* Visible border */
    box-shadow: 0 0 15px rgba(76, 175, 80, 0.2) !important;
}

.sn-cs-cons { /* Unique class for cons */
    background-color: rgba(255, 82, 82, 0.1) !important; /* Adjusted color for cons */
    border: 2px solid rgba(255, 82, 82, 0.4) !important; /* Visible border */
    box-shadow: 0 0 15px rgba(255, 82, 82, 0.2) !important;
}

.sn-castSilverBars-review-column:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2) !important;
}

.sn-castSilverBars-review-column h3 {
    font-size: 1.7em !important; /* Larger heading */
    margin-bottom: 20px !important; /* More space */
    display: flex !important;
    align-items: center !important;
    gap: 12px !important; /* More gap */
    text-shadow: 0 1px 1px rgba(0,0,0,0.2) !important;
}

.sn-cs-pros h3 {
    color: #81C784 !important; /* Lighter green */
}

.sn-cs-cons h3 {
    color: #E57373 !important; /* Lighter red */
}

.sn-cs-review-emoji { /* Unique class for review emojis */
    font-size: 1.4em !important;
    opacity: 0.9 !important;
}

.sn-castSilverBars-review-column ul {
    list-style: none !important;
    padding-left: 0 !important;
}

.sn-castSilverBars-review-column ul li {
    margin-bottom: 15px !important; /* More space */
    font-size: 1.1em !important; /* Larger text */
    line-height: 1.7 !important; /* Better readability */
    display: flex !important;
    align-items: flex-start !important; /* Better alignment for multi-line items */
    gap: 10px !important; /* More gap */
}

.sn-cs-pro-con-icon { /* Unique class for pro/con icons */
    font-size: 1.3em !important;
    line-height: 1.6 !important; /* Adjust line height for icon */
    opacity: 0.85 !important;
}

.sn-cs-pros .sn-cs-pro-con-icon {
    color: #66BB6A !important;
}

.sn-cs-cons .sn-cs-pro-con-icon {
    color: #EF5350 !important;
}

.sn-castSilverBars-review-column ul li strong {
    color: #F0F0F0 !important;
    font-weight: 500 !important;
}

.sn-cs-review-conclusion { /* Unique class for conclusion */
    text-align:center !important;
    margin-top:35px !important;
    font-size: 1.15em !important;
    color: #DDDDDD !important;
    line-height: 1.8 !important;
    background-color: rgba(0,0,0,0.2) !important;
    padding: 20px !important;
    border-radius: 8px !important;
    border-top: 2px solid #A79051 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .sn-castSilverBars-review h2 {
        font-size: 2em !important;
    }
    .sn-castSilverBars-review-column h3 {
        font-size: 1.5em !important;
    }
    .sn-castSilverBars-review-column ul li {
        font-size: 1em !important;
    }
    .sn-cs-review-conclusion {
        font-size: 1.05em !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-90051a9 */.sn-silverGrains-faq {
    background: #333333 !important;
    /* Subtle noise texture for background */
    background-image: linear-gradient(45deg, rgba(0,0,0,0.03) 25%, transparent 25%, transparent 75%, rgba(0,0,0,0.03) 75%, rgba(0,0,0,0.03)),
                      linear-gradient(45deg, rgba(0,0,0,0.03) 25%, transparent 25%, transparent 75%, rgba(0,0,0,0.03) 75%, rgba(0,0,0,0.03)) !important;
    background-size: 60px 60px !important;
    background-position: 0 0, 30px 30px !important;
    color: #E0E0E0 !important;
    border-radius: 18px !important;
    border: 1px solid #484848 !important;
    position: relative !important;
    overflow: hidden !important;
}

.sn-silverGrains-faq-icon-area { /* Container for icon and its background */
    width: 120px !important;
    height: 120px !important;
    margin: 0 auto 30px auto !important;
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.sn-sg-faq-icon-bg { /* Animated background for icon */
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    background: linear-gradient(140deg, #A79051, #F8D573, #FDEAB5, #707070, #9e9e9e) !important;
    background-size: 300% 300% !important; /* For gradient animation */
    animation: sn-sg-faq-icon-bg-animate 8s ease-in-out infinite !important;
    box-shadow: 0 0 25px rgba(200,180,100,0.5) !important;
}

@keyframes sn-sg-faq-icon-bg-animate {
    0%{background-position:0% 50% !important;}
    50%{background-position:100% 50% !important;}
    100%{background-position:0% 50% !important;}
}

.sn-silverGrains-faq-icon { /* Icon itself */
    font-size: 70px !important;
    color: #FFFFFF !important;
    text-shadow: 0 0 10px rgba(0,0,0,0.5) !important;
    z-index: 1 !important; /* Above background */
    animation: sn-sg-faq-icon-pulse 2.5s infinite ease-in-out !important;
}
@keyframes sn-sg-faq-icon-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.15); }
}


.sn-sg-faq-item { /* Unique class for FAQ items on this page */
    background-color: rgba(42, 63, 84, 0.5) !important; /* Translucent dark blue */
    margin-bottom: 20px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(128, 128, 128, 0.25) !important; /* Softer border */
    transition: all 0.35s cubic-bezier(0.23, 1, 0.320, 1) !important; /* Smooth transition */
    box-shadow: 0 4px 10px rgba(0,0,0,0.25), inset 0 1px 1px rgba(255,255,255,0.05) !important;
}

.sn-sg-faq-item[open] {
    background-color: rgba(58, 79, 100, 0.7) !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.35), inset 0 1px 2px rgba(255,255,255,0.05) !important;
    border-color: #A79051 !important;
}

.sn-sg-faq-question { /* Unique class */
    padding: 22px 28px !important;
    font-size: 1.3em !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    color: #FDEAB5 !important;
    transition: color 0.3s ease, letter-spacing 0.3s ease !important;
    list-style: none !important;
    letter-spacing: 0.5px !important;
}
.sn-sg-faq-question::-webkit-details-marker { display: none !important; }

.sn-sg-faq-item[open] .sn-sg-faq-question {
    color: #FFFFFF !important;
    letter-spacing: 1px !important;
}

.sn-sg-faq-q-marker { /* Unique class for question marker/icon */
    margin-right: 15px !important;
    font-size: 1.15em !important;
    color: #A79051 !important;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important; /* Bouncy rotation */
}

.sn-sg-faq-item[open] .sn-sg-faq-q-marker {
    transform: rotate(135deg) scale(1.1) !important;
    color: #F8D573 !important;
}

.sn-sg-faq-question::after { /* Custom arrow */
    content: '\\276F' !important; /*❯*/
    font-size: 1em !important;
    color: #A79051 !important;
    transform: rotate(0deg) !important;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55), color 0.3s ease !important;
}

.sn-sg-faq-item[open] .sn-sg-faq-question::after {
    transform: rotate(90deg) !important;
    color: #F8D573 !important;
}

.sn-sg-faq-answer { /* Unique class */
    padding: 0px 30px 25px 30px !important; /* Adjusted padding */
    font-size: 1.1em !important;
    line-height: 1.85 !important;
    color: #D0D0D0 !important; /* Slightly lighter grey */
    border-top: 1px dashed rgba(128, 128, 128, 0.3) !important;
    margin: 10px 25px 0 25px !important; /* Margin to not touch summary border */
    animation: sn-sg-answer-reveal 0.6s ease-out forwards !important;
    opacity: 0;
    transform: translateY(-10px);
}

@keyframes sn-sg-answer-reveal {
    from { opacity: 0; transform: translateY(-15px); }
    to { opacity: 1; transform: translateY(0); }
}


.sn-sg-faq-answer p, .sn-sg-faq-answer ul {
    margin-bottom: 15px !important;
}
.sn-sg-faq-answer ul {
    padding-left: 25px !important;
    list-style: disc !important;
}
.sn-sg-faq-answer ul li {
    margin-bottom: 8px !important;
}

.sn-sg-faq-answer strong {
    color: #F0F0F0 !important;
    font-weight: 600 !important;
}

/* Responsive */
@media (max-width: 768px) {
    .sn-silverGrains-faq h2 {
        font-size: 2.1em !important;
    }
    .sn-sg-faq-question {
        font-size: 1.15em !important;
        padding: 20px 22px !important;
    }
    .sn-sg-faq-answer {
        font-size: 1em !important;
        padding: 0px 25px 20px 25px !important;
        margin: 8px 20px 0 20px !important;
    }
}/* End custom CSS */