.elementor-4619 .elementor-element.elementor-element-7fab2f5{--display:flex;}.elementor-4619 .elementor-element.elementor-element-7aeca04{--display:flex;--border-radius:10px 10px 10px 10px;}.elementor-4619 .elementor-element.elementor-element-7aeca04:not(.elementor-motion-effects-element-type-background), .elementor-4619 .elementor-element.elementor-element-7aeca04 > .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-4619 .elementor-element.elementor-element-38bd3a1{--grid-columns:4;}.elementor-4619 .elementor-element.elementor-element-38bd3a1.elementor-element{--align-self:center;}.elementor-4619 .elementor-element.elementor-element-38bd3a1 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-4619 .elementor-element.elementor-element-38bd3a1 .e-loop-item > .elementor-section, .elementor-4619 .elementor-element.elementor-element-38bd3a1 .e-loop-item > .elementor-section > .elementor-container, .elementor-4619 .elementor-element.elementor-element-38bd3a1 .e-loop-item > .e-con, .elementor-4619 .elementor-element.elementor-element-38bd3a1 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-4619 .elementor-element.elementor-element-38bd3a1{--grid-columns:2;}}@media(max-width:767px){.elementor-4619 .elementor-element.elementor-element-38bd3a1{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-877c37b */.sn-collectible-hero {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 40px 20px !important;
    background: #2A3F54 !important;  /*  */
    color: #E0E0E0 !important;  /*  */
    border-radius: 10px !important;
    margin-bottom: 30px !important;
}

.sn-collectible-emoji-container {
    width: 130px !important;  /*  */
    height: 130px !important;  /*  */
    background: linear-gradient(135deg, #A79051, #F8D573, #FDEAB5, #F8D573) !important;  /*  */
    border-radius: 50% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    animation: sn-collectible-emoji-float 3s ease-in-out infinite !important;  /*  */
}

 @keyframes sn-collectible-emoji-float { /*  */
    0%, 100% {
        transform: translateY(0) !important;
    }
    50% {
        transform: translateY(-10px) !important;
        box-shadow: 0 10px 20px rgba(0,0,0,0.2) !important;
    }
}

.sn-collectible-emoji {
    font-size: 90px !important;  /*  */
    line-height: 1 !important;
}

 .sn-collectible-hero h1 { /*  */
    font-size: 2.2rem !important;
    color: #FDEAB5 !important;
    margin-bottom: 10px !important;
    font-weight: bold !important;
}

 .sn-collectible-slogan { /*  */
    font-size: 1.3rem !important;
    color: #DCDCDC !important;  /*  */
    margin-bottom: 30px !important;
    font-style: italic !important;
}

 .sn-collectible-anchor-nav { /*  */
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 15px !important;
}

.sn-collectible-anchor-link {
    text-decoration: none !important;  /*  */
    color: inherit !important;
}

 .sn-collectible-anchor-card { /*  */
    background: #333333 !important;  /*  */
    padding: 15px 20px !important;
    border-radius: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    min-width: 120px !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    border: 1px solid #A79051 !important;  /*  */
}

.sn-collectible-anchor-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 15px rgba(248, 213, 115, 0.2) !important;  /*  */
}

.sn-collectible-anchor-emoji {
    font-size: 30px !important;
    margin-bottom: 8px !important;
}

.sn-collectible-anchor-card span:last-child {
    font-size: 0.9rem !important;
    font-weight: 500 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db77ee4 */.sn-collectible-intro {
    padding: 30px 20px !important;
    background-color: #333333 !important;  /*  */
    color: #DDDDDD !important;  /*  */
    border-radius: 10px !important;
    margin-bottom: 30px !important;
    text-align: right !important;  /*  */
}

 .sn-collectible-intro h2 { /*  */
    font-size: 1.8rem !important;
    color: #F8D573 !important;
    margin-bottom: 20px !important;
    text-align: center !important;
    border-bottom: 2px solid #A79051 !important;
    padding-bottom: 10px !important;
}

 .sn-collectible-intro h3 { /*  */
    font-size: 1.4rem !important;
    color: #E0E0E0 !important;
    margin-top: 25px !important;
    margin-bottom: 15px !important;
}

.sn-collectible-intro p {
    font-size: 1rem !important;  /*  */
    line-height: 1.7 !important;
    margin-bottom: 15px !important;
}

 .sn-collectible-intro strong { /*  */
    color: #FDEAB5 !important;
    font-weight: bold !important;
}

.sn-collectible-intro ul {
    list-style: none !important;
    padding-right: 0 !important;  /*  */
}

.sn-collectible-intro ul li {
    padding-right: 25px !important;  /*  */
    margin-bottom: 10px !important;
    position: relative !important;
    font-size: 0.95rem !important;  /*  */
}

 .sn-collectible-intro ul li::before { /*  */
    content: '🔹' !important;
    position: absolute !important;
    right: 0 !important;  /*  */
    top: 0 !important;
    color: #F8D573 !important;
}

 /* Placeholder for image  */
.sn-collectible-intro-placeholder-image {
    width: 100% !important;
    max-width: 400px !important;
    height: 250px !important;
    background-color: #444444 !important;
    color: #AAAAAA !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    font-size: 1.5rem !important;
    border-radius: 8px !important;
    margin: 0 auto 25px auto !important;
    border: 2px dashed #A79051 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4807a1d *//* --- General Styles for Section 3 --- */
.sn-collectible-section-three {
    margin-bottom: 30px !important;
}

/* --- Part 1: Products Intro --- */
 .sn-collectible-products-intro { /*  */
    text-align: center !important;
    padding: 25px 20px !important;
    background-color: #2A3F54 !important;  /*  */
    color: #E0E0E0 !important;  /*  */
    border-radius: 10px 10px 0 0 !important; /* Rounded top corners */
}

 .sn-collectible-products-emoji { /*  */
    font-size: 50px !important;
    display: block !important;
    margin-bottom: 10px !important;
}

.sn-collectible-products-intro h3 {
    font-size: 1.6rem !important;
    color: #FDEAB5 !important;
    margin-bottom: 10px !important;
}

.sn-collectible-products-intro p {
    font-size: 1rem !important;  /*  */
    line-height: 1.6 !important;
    max-width: 700px !important;
    margin: 0 auto !important;
}

/* --- Part 2: WooCommerce Product Loop (internal-loop-grid) --- */
 /*  */
.internal-loop-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important; /* Example: 4 columns on large screens, responsive */
    gap: 20px !important;
    padding: 20px !important;
    background-color: #384d62 !important; /* Slightly different background for product area */
}

 .product-container-in-loop-grid { /*  */
    background-color: #333333 !important;  /*  */
    border: 1px solid #A79051 !important;
    border-radius: 8px !important;
    padding: 15px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.product-container-in-loop-grid:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 10px 20px rgba(0,0,0,0.3) !important;
}

 .product-image-in-loop-grid img { /*  */
    max-width: 100% !important;
    height: auto !important;
     /* Assuming 300x300px images are used as per guide  */
    width: 200px !important; /* Display size, adjust as needed */
    max-height: 200px !important; /* Display size, adjust as needed */
    object-fit: contain !important;
    margin-bottom: 15px !important;
    border-radius: 5px !important;
}

 .product-name-in-loop-grid { /*  */
    font-size: 1.1rem !important;  /*  */
    font-weight: bold !important;
    color: #FDEAB5 !important;
    margin-bottom: 8px !important;
    min-height: 40px !important; /* Ensure consistent height */
}

.product-brand-in-loop-grid,
 .product-brand-in-loop-grid a { /*  */
    font-size: 0.85rem !important;  /*  */
    color: #B0B0B0 !important;  /*  */
    margin-bottom: 10px !important;
    text-decoration: none !important;  /*  */
}

.product-brand-in-loop-grid a:hover {
    color: #F8D573 !important;
}

 .product-price-in-loop-grid { /*  */
    font-size: 1.2rem !important;
    font-weight: bold !important;
    color: #FFFFFF !important;
    margin-bottom: 15px !important;
}

 .product-button-in-loop-grid a { /*  */
    display: inline-block !important;
    background: linear-gradient(135deg, #A79051, #F8D573) !important;  /*  */
    color: #2A3F54 !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    text-decoration: none !important;  /*  */
    font-weight: bold !important;
    font-size: 0.9rem !important;
    transition: background 0.3s ease !important;
}

.product-button-in-loop-grid a:hover {
    background: linear-gradient(135deg, #F8D573, #A79051) !important;  /*  */
    color: #FFFFFF !important;
}

/* --- Part 3: Related Suggestions --- */
 .sn-collectible-related-suggestions { /*  */
    padding: 25px 20px !important;
    background-color: #2A3F54 !important;  /*  */
    color: #E0E0E0 !important;  /*  */
    border-radius: 0 0 10px 10px !important; /* Rounded bottom corners */
    text-align: center !important;
}

.sn-collectible-related-suggestions h3 {
    font-size: 1.5rem !important;
    color: #FDEAB5 !important;
    margin-bottom: 20px !important;
}

 .sn-collectible-suggestions-grid { /*  */
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
    gap: 20px !important;
}

 .sn-collectible-suggestion-card { /*  */
    background-color: #333333 !important;
    padding: 20px !important;
    border-radius: 8px !important;
    border: 1px solid #707070 !important;  /*  */
    transition: transform 0.2s ease, border-color 0.2s ease !important;
}

.sn-collectible-suggestion-card:hover {
    transform: translateY(-3px) !important;
    border-color: #F8D573 !important;
}

 .sn-collectible-suggestion-card-emoji { /*  */
    font-size: 2rem !important;
    margin-bottom: 10px !important;
}

.sn-collectible-suggestion-card h4 {
    font-size: 1.2rem !important;
    margin-bottom: 8px !important;
    color: #F8D573 !important;
}

.sn-collectible-suggestion-card p {
    font-size: 0.9rem !important;  /*  */
    line-height: 1.5 !important;
    margin-bottom: 15px !important;
    color: #DCDCDC !important;
}

.sn-collectible-suggestion-card a {
    display: inline-block !important;
    color: #2A3F54 !important;
    background: #B0B0B0 !important;  /*  */
    padding: 8px 15px !important;
    border-radius: 4px !important;
    text-decoration: none !important;  /*  */
    font-weight: 500 !important;
    font-size: 0.85rem !important;
}

.sn-collectible-suggestion-card a:hover {
    background: #DCDCDC !important;  /*  */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-75583c0 */.sn-sgifts-products-intro {
    background-color: #2A3F54 !important;
    padding: 30px 20px !important;
    text-align: center !important;
    border-radius: 8px !important;
    margin-top: 20px !important;
}
.sn-sgifts-products-emoji {
    background: linear-gradient(135deg, #A79051, #F8D573, #FDEAB5, #F8D573) !important;
}
.sn-sgifts-emoji-medium {
    font-size: 70px !important; /* Adjusted as per [cite: 55] */
}
.sn-sgifts-products-title {
    color: #FFFFFF !important;
    font-size: 2em !important;
    margin-bottom: 10px !important;
}
.sn-sgifts-products-description {
    color: #E0E0E0 !important;
    font-size: 1.1em !important;
    line-height: 1.6 !important;
}

.sn-sgifts-related-links-container {
    background-color: #333333 !important;
    padding: 30px 20px !important;
    border-radius: 8px !important;
    margin-top: 20px !important;
}
.sn-sgifts-related-title {
    color: #F8D573 !important;
    font-size: 1.6em !important;
    margin-bottom: 20px !important;
    text-align: center !important;
}
.sn-sgifts-related-list {
    list-style: none !important;
    padding-left: 0 !important;
}
.sn-sgifts-related-list li {
    color: #DDDDDD !important;
    margin-bottom: 12px !important;
    font-size: 1.05em !important;
}
.sn-sgifts-related-link {
    color: #FDEAB5 !important;
    text-decoration: none !important;
    font-weight: bold !important;
    transition: color 0.3s ease !important;
}
.sn-sgifts-related-link:hover {
    color: #A79051 !important;
    text-decoration: underline !important;
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .sn-sgifts-products-title {
        font-size: 1.7em !important;
    }
    .sn-sgifts-products-description {
        font-size: 1em !important;
    }
    .sn-sgifts-related-title {
        font-size: 1.4em !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5993262 */.sn-collectible-analysis {
    padding: 30px 20px !important;
    background: linear-gradient(rgba(42, 63, 84, 0.95), rgba(42, 63, 84, 0.95)), url('https://www.transparenttextures.com/patterns/nistri.png') !important;  /*  Example subtle background texture */
    color: #E0E0E0 !important;  /*  */
    border-radius: 10px !important;
    margin-bottom: 30px !important;
    text-align: right !important;  /*  */
    box-shadow: 0 0 20px rgba(0,0,0,0.3) inset !important;  /*  */
}

.sn-collectible-analysis h2 {
    font-size: 1.8rem !important;
    color: #F8D573 !important;
    margin-bottom: 25px !important;
    text-align: center !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #A79051 !important;
}

.sn-collectible-analysis h3 {
    font-size: 1.4rem !important;
    color: #FDEAB5 !important;
    margin-top: 25px !important;
    margin-bottom: 15px !important;
    display: flex !important;
    align-items: center !important;
}

 .sn-collectible-analysis h3::before { /*  */
    content: '⭐' !important;
    margin-left: 10px !important; /* For RTL, change to margin-right */
    font-size: 1.2em !important;
    color: #F8D573 !important;
}


.sn-collectible-analysis p {
    font-size: 1rem !important;  /*  */
    line-height: 1.7 !important;
    margin-bottom: 15px !important;
}

 .sn-collectible-analysis strong { /*  */
    color: #FDEAB5 !important;
    font-weight: bold !important;
}

.sn-collectible-analysis ul {
    list-style: none !important;
    padding-right: 0 !important;  /*  */
    margin-bottom: 20px !important;
}

.sn-collectible-analysis ul li {
    padding-right: 30px !important;  /*  */
    margin-bottom: 12px !important;
    position: relative !important;
    font-size: 0.95rem !important;  /*  */
    line-height: 1.6 !important;
}

 .sn-collectible-analysis ul li::before { /*  */
    font-family: "Font Awesome 5 Free"; /* Assuming Font Awesome is available, or use emoji */
    content: '\f00c' !important; /* Checkmark icon */
    position: absolute !important;
    right: 0 !important;  /*  */
    top: 2px !important;
    color: #A79051 !important;
    font-weight: 900 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dceca5e */.sn-collectible-honest-review {
    padding: 30px 20px !important;
    background-color: #333333 !important;  /*  */
     /* Background with large emoji watermark  */
    background-image:
        linear-gradient(rgba(51, 51, 51, 0.97), rgba(51, 51, 51, 0.97)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 100 100'%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-size='80' fill='%23444444' opacity='0.1'%3E💎%3C/text%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain, 300px 300px !important; /* Adjust emoji size */
    color: #DDDDDD !important;  /*  */
    border-radius: 10px !important;
    margin-bottom: 30px !important;
    text-align: right !important;  /*  */
}

.sn-collectible-honest-review h2 {
    font-size: 1.8rem !important;
    color: #F8D573 !important;
    margin-bottom: 25px !important;
    text-align: center !important;
    border-bottom: 2px solid #A79051 !important;
    padding-bottom: 10px !important;
}

.sn-review-columns {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin-bottom: 25px !important;
}

.sn-review-column {
    flex: 1 !important;
    min-width: 280px !important; /* Ensure readability on smaller flex items */
    padding: 15px !important;
    border-radius: 8px !important;
}

.sn-pros {
    background-color: rgba(71, 168, 71, 0.1) !important;
    border: 1px solid rgba(71, 168, 71, 0.3) !important;
}

.sn-cons {
    background-color: rgba(217, 83, 79, 0.1) !important;
    border: 1px solid rgba(217, 83, 79, 0.3) !important;
}

.sn-review-column h3 {
    font-size: 1.3rem !important;
    color: #E0E0E0 !important;
    margin-bottom: 15px !important;
    display: flex !important;
    align-items: center !important;
}

 .sn-review-emoji { /*  */
    margin-left: 8px !important; /* For RTL, change to margin-right */
    font-size: 1.2em !important;
}

.sn-pros .sn-review-emoji {
    color: #47A847 !important;
}

.sn-cons .sn-review-emoji {
    color: #D9534F !important;
}


.sn-review-column ul {
    list-style: none !important;
    padding-right: 0 !important;  /*  */
}

.sn-review-column ul li {
    padding-right: 20px !important;  /*  */
    margin-bottom: 10px !important;
    position: relative !important;
    font-size: 0.9rem !important;  /*  */
    line-height: 1.6 !important;
}

 .sn-pros ul li::before { /*  */
    content: '✔' !important; /* Positive symbol */
    position: absolute !important;
    right: 0 !important;  /*  */
    top: 0 !important;
    color: #47A847 !important;
}

 .sn-cons ul li::before { /*  */
    content: '✖' !important; /* Negative symbol */
    position: absolute !important;
    right: 0 !important;  /*  */
    top: 0 !important;
    color: #D9534F !important;
}

.sn-collectible-honest-review h3:not(.sn-review-column h3) { /* For " اصالت، گواهی و نگهداری صحیح" */
    font-size: 1.4rem !important;
    color: #FDEAB5 !important;
    margin-top: 30px !important;
    margin-bottom: 15px !important;
}

.sn-collectible-honest-review p {
    font-size: 1rem !important;  /*  */
    line-height: 1.7 !important;
    margin-bottom: 15px !important;
}

 .sn-collectible-honest-review p a { /*  */
    color: #F8D573 !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

.sn-collectible-honest-review p a:hover {
    text-decoration: underline !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c03e6a8 */.sn-collectible-faq {
    padding: 30px 20px !important;
     background-color: #2A3F54 !important; /*  */
     /* Repeating pattern background  */
    background-image:
      linear-gradient(45deg, #333e4c 25%, transparent 25%),
      linear-gradient(-45deg, #333e4c 25%, transparent 25%),
      linear-gradient(45deg, transparent 75%, #333e4c 75%),
      linear-gradient(-45deg, transparent 75%, #333e4c 75%) !important;
    background-size: 20px 20px !important;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px !important;
    color: #E0E0E0 !important;  /*  */
    border-radius: 10px !important;
    margin-bottom: 30px !important;
    text-align: right !important;  /*  */
}

.sn-collectible-faq h2 {
    font-size: 1.8rem !important;
    color: #FDEAB5 !important;
    margin-bottom: 25px !important;
    text-align: center !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #A79051 !important;
}

 .sn-faq-item { /*  */
    margin-bottom: 15px !important;
    border: 1px solid #44586d !important;
    border-radius: 8px !important;
    background-color: #333333 !important;  /*  */
    transition: background-color 0.3s ease !important;
}

.sn-faq-item[open] {
    background-color: #3a4b5f !important;
}

 .sn-faq-question { /*  */
    padding: 15px 20px !important;
    cursor: pointer !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    font-weight: bold !important;
    color: #FDEAB5 !important;
    transition: color 0.3s ease !important;
}

 .sn-faq-question h3 { /*  */
    margin: 0 !important;
    font-size: 1.1rem !important;  /*  */
    line-height: 1.5 !important;
    flex-grow: 1 !important;
}

.sn-faq-item[open] .sn-faq-question {
    color: #FFFFFF !important;
}

 .sn-faq-question::after { /*  */
    content: '➕' !important;  /* Plus symbol for closed state  */
    font-size: 1.2rem !important;
    transition: transform 0.3s ease !important;
    color: #A79051 !important;
}

.sn-faq-item[open] .sn-faq-question::after {
    content: '➖' !important;  /* Minus symbol for open state  */
    transform: rotate(180deg) !important;
    color: #F8D573 !important;
}

 .sn-faq-answer { /*  */
    padding: 0 20px 20px 20px !important;
    font-size: 0.95rem !important;  /*  */
    line-height: 1.7 !important;
    color: #DCDCDC !important;
    border-top: 1px solid #44586d !important;
    margin-top: 10px !important;
}

.sn-faq-answer p {
    margin-bottom: 10px !important;
}

.sn-faq-answer ul {
    list-style: none !important;
    padding-right: 15px !important;  /*  */
    margin-top: 10px !important;
}

.sn-faq-answer ul li {
    padding-right: 20px !important;  /*  */
    position: relative !important;
    margin-bottom: 8px !important;
}

 .sn-faq-answer ul li::before { /*  */
    content: '▪' !important;
    position: absolute !important;
    right: 0 !important;  /*  */
    top: 2px !important;
    color: #F8D573 !important;
}

 .sn-faq-answer strong { /*  */
    color: #FDEAB5 !important;
}

 .sn-faq-answer a { /*  */
    color: #F8D573 !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

.sn-faq-answer a:hover {
    text-decoration: underline !important;
}

 hr { /*  */
    border: 0 !important;
    height: 1px !important;
    background-color: #44586d !important;
    margin: 15px 0 !important;
}/* End custom CSS */