/* ============================================
   YOGAMI - Authentic Indian Graphics & Patterns
   SVG-based traditional Indian art elements
============================================ */

/* ============================================
   MANDALA PATTERNS - Various Complexities
============================================ */

/* Detailed Mandala Pattern 1 - Lotus-based */
.mandala-lotus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cdefs%3E%3Cg id='petal'%3E%3Cpath d='M100,100 Q100,70 100,50 Q110,70 100,100' fill='%23FF9933' opacity='0.3'/%3E%3C/g%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='90' fill='none' stroke='%23D35400' stroke-width='1' opacity='0.3'/%3E%3Ccircle cx='100' cy='100' r='75' fill='none' stroke='%23D35400' stroke-width='1' opacity='0.4'/%3E%3Ccircle cx='100' cy='100' r='60' fill='none' stroke='%23FF9933' stroke-width='2' opacity='0.5'/%3E%3Ccircle cx='100' cy='100' r='45' fill='none' stroke='%23D35400' stroke-width='1' opacity='0.6'/%3E%3Ccircle cx='100' cy='100' r='30' fill='none' stroke='%23FF9933' stroke-width='2' opacity='0.7'/%3E%3Ccircle cx='100' cy='100' r='15' fill='%23FF9933' opacity='0.3'/%3E%3Cuse href='%23petal' transform='rotate(0 100 100)'/%3E%3Cuse href='%23petal' transform='rotate(45 100 100)'/%3E%3Cuse href='%23petal' transform='rotate(90 100 100)'/%3E%3Cuse href='%23petal' transform='rotate(135 100 100)'/%3E%3Cuse href='%23petal' transform='rotate(180 100 100)'/%3E%3Cuse href='%23petal' transform='rotate(225 100 100)'/%3E%3Cuse href='%23petal' transform='rotate(270 100 100)'/%3E%3Cuse href='%23petal' transform='rotate(315 100 100)'/%3E%3C/svg%3E");
}

/* Complex Geometric Mandala */
.mandala-geometric {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='95' fill='none' stroke='%23D35400' stroke-width='1'/%3E%3Ccircle cx='100' cy='100' r='80' fill='none' stroke='%23FF9933' stroke-width='2'/%3E%3Ccircle cx='100' cy='100' r='65' fill='none' stroke='%23D35400' stroke-width='1'/%3E%3Ccircle cx='100' cy='100' r='50' fill='none' stroke='%23FF9933' stroke-width='2'/%3E%3Ccircle cx='100' cy='100' r='35' fill='none' stroke='%23D35400' stroke-width='1'/%3E%3Ccircle cx='100' cy='100' r='20' fill='%23FF9933'/%3E%3Cpath d='M100,5 L100,195 M5,100 L195,100' stroke='%23D35400' stroke-width='1'/%3E%3Cpath d='M25,25 L175,175 M175,25 L25,175' stroke='%23FF9933' stroke-width='1'/%3E%3Cpath d='M100,25 L125,50 L100,75 L75,50 Z' fill='%23D35400' opacity='0.3'/%3E%3Cpath d='M125,50 L150,75 L125,100 L100,75 Z' fill='%23FF9933' opacity='0.3'/%3E%3Cpath d='M150,75 L175,100 L150,125 L125,100 Z' fill='%23D35400' opacity='0.3'/%3E%3Cpath d='M125,100 L150,125 L125,150 L100,125 Z' fill='%23FF9933' opacity='0.3'/%3E%3Cpath d='M100,125 L125,150 L100,175 L75,150 Z' fill='%23D35400' opacity='0.3'/%3E%3Cpath d='M75,100 L100,125 L75,150 L50,125 Z' fill='%23FF9933' opacity='0.3'/%3E%3Cpath d='M50,75 L75,100 L50,125 L25,100 Z' fill='%23D35400' opacity='0.3'/%3E%3Cpath d='M75,50 L100,75 L75,100 L50,75 Z' fill='%23FF9933' opacity='0.3'/%3E%3C/svg%3E");
}

/* ============================================
   LOTUS FLOWER - Various Styles
============================================ */

/* Full Blooming Lotus */
.lotus-full {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3C!-- Outer petals --%3E%3Cpath d='M100,140 Q70,130 60,110 Q55,90 70,80 Q85,75 100,85 Z' fill='%23FF9933' opacity='0.6'/%3E%3Cpath d='M100,140 Q130,130 140,110 Q145,90 130,80 Q115,75 100,85 Z' fill='%23FF9933' opacity='0.6'/%3E%3Cpath d='M100,140 Q90,125 80,105 Q75,85 85,70 Q95,65 100,75 Z' fill='%23D35400' opacity='0.7'/%3E%3Cpath d='M100,140 Q110,125 120,105 Q125,85 115,70 Q105,65 100,75 Z' fill='%23D35400' opacity='0.7'/%3E%3C!-- Middle petals --%3E%3Cpath d='M100,120 Q85,115 80,100 Q78,85 88,75 Q95,72 100,80 Z' fill='%23FFC300' opacity='0.8'/%3E%3Cpath d='M100,120 Q115,115 120,100 Q122,85 112,75 Q105,72 100,80 Z' fill='%23FFC300' opacity='0.8'/%3E%3Cpath d='M100,120 Q95,110 92,95 Q92,80 100,72 Z' fill='%23FF9933' opacity='0.9'/%3E%3Cpath d='M100,120 Q105,110 108,95 Q108,80 100,72 Z' fill='%23FF9933' opacity='0.9'/%3E%3C!-- Center --%3E%3Ccircle cx='100' cy='95' r='12' fill='%23FFC300'/%3E%3Ccircle cx='100' cy='95' r='8' fill='%23D35400'/%3E%3C!-- Stigma dots --%3E%3Ccircle cx='100' cy='95' r='2' fill='%23FF9933'/%3E%3Ccircle cx='96' cy='93' r='1.5' fill='%23FF9933' opacity='0.8'/%3E%3Ccircle cx='104' cy='93' r='1.5' fill='%23FF9933' opacity='0.8'/%3E%3Ccircle cx='98' cy='97' r='1.5' fill='%23FF9933' opacity='0.8'/%3E%3Ccircle cx='102' cy='97' r='1.5' fill='%23FF9933' opacity='0.8'/%3E%3C/svg%3E");
}

/* Lotus Bud */
.lotus-bud {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120'%3E%3Cpath d='M50,20 Q35,30 30,50 Q28,70 40,85 Q45,90 50,95 Z' fill='%23D35400' opacity='0.7'/%3E%3Cpath d='M50,20 Q65,30 70,50 Q72,70 60,85 Q55,90 50,95 Z' fill='%23D35400' opacity='0.7'/%3E%3Cpath d='M50,15 Q42,25 40,45 Q40,65 50,85 Z' fill='%23FF9933' opacity='0.8'/%3E%3Cpath d='M50,15 Q58,25 60,45 Q60,65 50,85 Z' fill='%23FF9933' opacity='0.8'/%3E%3Cpath d='M50,10 Q45,20 45,40 Q45,60 50,80 Z' fill='%23FFC300'/%3E%3Cpath d='M50,10 Q55,20 55,40 Q55,60 50,80 Z' fill='%23FFC300'/%3E%3C/svg%3E");
}

/* ============================================
   PAISLEY PATTERNS
============================================ */

/* Traditional Paisley */
.paisley-pattern {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 150'%3E%3Cpath d='M50,10 Q30,20 20,40 Q10,70 20,100 Q30,120 50,130 Q55,128 58,120 Q60,100 58,80 Q55,50 50,30 Z' fill='%23D35400' opacity='0.4'/%3E%3Cpath d='M50,20 Q38,28 32,45 Q25,65 32,90 Q38,105 50,112 Q53,110 55,100 Q57,85 55,70 Q53,45 50,30 Z' fill='%23FF9933' opacity='0.5'/%3E%3Ccircle cx='45' cy='50' r='3' fill='%23FFC300'/%3E%3Ccircle cx='48' cy='65' r='2.5' fill='%23FFC300'/%3E%3Ccircle cx='45' cy='80' r='3' fill='%23FFC300'/%3E%3Ccircle cx='42' cy='95' r='2' fill='%23FFC300'/%3E%3Cpath d='M50,30 Q48,35 45,35 Q43,35 43,33' stroke='%23D35400' fill='none' stroke-width='1'/%3E%3Cpath d='M50,50 Q48,55 45,55 Q43,55 43,53' stroke='%23D35400' fill='none' stroke-width='1'/%3E%3C/svg%3E");
}

/* ============================================
   OM SYMBOL (ॐ) - Detailed
============================================ */

.om-symbol {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3C!-- Top arc --%3E%3Cpath d='M80,40 Q100,35 120,40' stroke='%23D35400' stroke-width='6' fill='none' stroke-linecap='round'/%3E%3C!-- Dot above --%3E%3Ccircle cx='100' cy='25' r='5' fill='%23D35400'/%3E%3C!-- Main curve --%3E%3Cpath d='M60,60 Q55,80 60,100 Q65,120 85,125 Q105,130 115,120 Q120,115 120,105 Q120,95 115,90 Q110,85 100,85 Q85,85 80,95 Q75,105 78,115' stroke='%23FF9933' stroke-width='8' fill='none' stroke-linecap='round'/%3E%3C!-- Right curve --%3E%3Cpath d='M120,105 Q125,95 135,90 Q145,87 150,92 Q153,97 150,105' stroke='%23FF9933' stroke-width='6' fill='none' stroke-linecap='round'/%3E%3C!-- Bottom curve --%3E%3Cpath d='M85,125 Q80,135 75,145 Q70,155 75,165' stroke='%23D35400' stroke-width='7' fill='none' stroke-linecap='round'/%3E%3C!-- Number 3 part --%3E%3Cpath d='M95,145 Q105,145 110,150 Q113,155 110,160 Q105,165 95,165' stroke='%23FF9933' stroke-width='6' fill='none' stroke-linecap='round'/%3E%3Cpath d='M95,165 Q105,165 115,170 Q120,175 115,182 Q110,187 100,187 Q90,187 85,180' stroke='%23FF9933' stroke-width='6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* ============================================
   YOGA POSES - Stick Figure Style
============================================ */

/* Tree Pose (Vrksasana) */
.yoga-tree-pose {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 200'%3E%3C!-- Head --%3E%3Ccircle cx='50' cy='20' r='8' fill='none' stroke='%23D35400' stroke-width='2'/%3E%3C!-- Body --%3E%3Cline x1='50' y1='28' x2='50' y2='80' stroke='%23D35400' stroke-width='2.5'/%3E%3C!-- Arms raised --%3E%3Cpath d='M50,35 L40,20' stroke='%23D35400' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M50,35 L60,20' stroke='%23D35400' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M40,20 L35,12' stroke='%23D35400' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M60,20 L65,12' stroke='%23D35400' stroke-width='2' stroke-linecap='round'/%3E%3C!-- Standing leg --%3E%3Cline x1='50' y1='80' x2='50' y2='140' stroke='%23D35400' stroke-width='2.5'/%3E%3C!-- Bent leg --%3E%3Cpath d='M50,80 L35,100 L38,80' stroke='%23FF9933' stroke-width='2.5' fill='none'/%3E%3C!-- Foot --%3E%3Cline x1='50' y1='140' x2='56' y2='142' stroke='%23D35400' stroke-width='2'/%3E%3C/svg%3E");
}

/* Lotus Pose (Padmasana) */
.yoga-lotus-pose {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3C!-- Head --%3E%3Ccircle cx='60' cy='20' r='8' fill='none' stroke='%23D35400' stroke-width='2'/%3E%3C!-- Body --%3E%3Cline x1='60' y1='28' x2='60' y2='60' stroke='%23D35400' stroke-width='2.5'/%3E%3C!-- Arms in meditation --%3E%3Cpath d='M60,45 Q45,45 35,50 Q32,52 32,55' stroke='%23D35400' stroke-width='2' fill='none'/%3E%3Cpath d='M60,45 Q75,45 85,50 Q88,52 88,55' stroke='%23D35400' stroke-width='2' fill='none'/%3E%3C!-- Hands --%3E%3Ccircle cx='32' cy='58' r='3' fill='%23FF9933'/%3E%3Ccircle cx='88' cy='58' r='3' fill='%23FF9933'/%3E%3C!-- Crossed legs --%3E%3Cpath d='M60,60 Q45,70 30,75 L25,77' stroke='%23D35400' stroke-width='2.5' fill='none'/%3E%3Cpath d='M60,60 Q75,70 90,75 L95,77' stroke='%23D35400' stroke-width='2.5' fill='none'/%3E%3Cpath d='M30,75 Q40,78 50,75' stroke='%23FF9933' stroke-width='2' fill='none'/%3E%3Cpath d='M90,75 Q80,78 70,75' stroke='%23FF9933' stroke-width='2' fill='none'/%3E%3C/svg%3E");
}

/* Warrior Pose (Virabhadrasana) */
.yoga-warrior-pose {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 120'%3E%3C!-- Head --%3E%3Ccircle cx='70' cy='20' r='8' fill='none' stroke='%23D35400' stroke-width='2'/%3E%3C!-- Body tilted --%3E%3Cline x1='70' y1='28' x2='80' y2='65' stroke='%23D35400' stroke-width='2.5'/%3E%3C!-- Front arm extended --%3E%3Cline x1='75' y1='40' x2='30' y2='35' stroke='%23D35400' stroke-width='2' stroke-linecap='round'/%3E%3C!-- Back arm extended --%3E%3Cline x1='75' y1='40' x2='140' y2='40' stroke='%23D35400' stroke-width='2' stroke-linecap='round'/%3E%3C!-- Front leg bent --%3E%3Cpath d='M80,65 L75,90 L70,110' stroke='%23FF9933' stroke-width='2.5' fill='none'/%3E%3C!-- Back leg extended --%3E%3Cline x1='80' y1='65' x2='120' y2='110' stroke='%23FF9933' stroke-width='2.5'/%3E%3C!-- Feet --%3E%3Cline x1='70' y1='110' x2='65' y2='112' stroke='%23D35400' stroke-width='2'/%3E%3Cline x1='120' y1='110' x2='125' y2='110' stroke='%23D35400' stroke-width='2'/%3E%3C/svg%3E");
}

/* Downward Dog (Adho Mukha Svanasana) */
.yoga-downward-dog {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 120'%3E%3C!-- Head down --%3E%3Ccircle cx='90' cy='70' r='7' fill='none' stroke='%23D35400' stroke-width='2'/%3E%3C!-- Body --%3E%3Cline x1='90' y1='77' x2='90' y2='50' stroke='%23D35400' stroke-width='2.5'/%3E%3C!-- Arms to ground --%3E%3Cline x1='90' y1='50' x2='50' y2='100' stroke='%23D35400' stroke-width='2.5'/%3E%3C!-- Legs angled up --%3E%3Cline x1='90' y1='77' x2='70' y2='110' stroke='%23FF9933' stroke-width='2.5'/%3E%3Cline x1='90' y1='77' x2='110' y2='110' stroke='%23FF9933' stroke-width='2.5'/%3E%3C!-- Hands --%3E%3Cline x1='50' y1='100' x2='45' y2='102' stroke='%23D35400' stroke-width='2'/%3E%3Cline x1='50' y1='100' x2='55' y2='102' stroke='%23D35400' stroke-width='2'/%3E%3C!-- Feet --%3E%3Cline x1='70' y1='110' x2='65' y2='112' stroke='%23FF9933' stroke-width='2'/%3E%3Cline x1='110' y1='110' x2='115' y2='112' stroke='%23FF9933' stroke-width='2'/%3E%3C/svg%3E");
}

/* ============================================
   RANGOLI PATTERNS
============================================ */

/* Corner Rangoli */
.rangoli-corner {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3C!-- Dot grid base --%3E%3Ccircle cx='10' cy='10' r='2' fill='%23D35400'/%3E%3Ccircle cx='30' cy='10' r='2' fill='%23D35400'/%3E%3Ccircle cx='50' cy='10' r='2' fill='%23D35400'/%3E%3Ccircle cx='10' cy='30' r='2' fill='%23D35400'/%3E%3Ccircle cx='30' cy='30' r='2' fill='%23D35400'/%3E%3Ccircle cx='10' cy='50' r='2' fill='%23D35400'/%3E%3C!-- Connecting curves --%3E%3Cpath d='M10,10 Q20,10 30,10 Q30,20 30,30 Q20,30 10,30 Q10,20 10,10 Z' fill='none' stroke='%23FF9933' stroke-width='1.5'/%3E%3Cpath d='M30,10 Q40,10 50,10 Q45,20 30,30' fill='none' stroke='%23FF9933' stroke-width='1.5'/%3E%3Cpath d='M10,30 Q10,40 10,50 Q20,45 30,30' fill='none' stroke='%23FF9933' stroke-width='1.5'/%3E%3C!-- Petals --%3E%3Cpath d='M20,20 Q15,15 15,10 M20,20 Q15,25 10,25 M20,20 Q25,15 30,15 M20,20 Q25,25 25,30' stroke='%23FFC300' stroke-width='1' fill='none'/%3E%3C!-- Center flower --%3E%3Ccircle cx='20' cy='20' r='3' fill='%23D35400' opacity='0.6'/%3E%3C/svg%3E");
}

/* Border Rangoli */
.rangoli-border {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 30'%3E%3C!-- Repeated flower pattern --%3E%3Cg id='flower'%3E%3Ccircle cx='15' cy='15' r='8' fill='none' stroke='%23FF9933' stroke-width='1.5'/%3E%3Ccircle cx='15' cy='15' r='4' fill='%23D35400' opacity='0.5'/%3E%3Cpath d='M15,7 L15,3 M23,15 L27,15 M15,23 L15,27 M7,15 L3,15' stroke='%23FFC300' stroke-width='1.5'/%3E%3Cpath d='M20,10 L23,7 M20,20 L23,23 M10,20 L7,23 M10,10 L7,7' stroke='%23D35400' stroke-width='1'/%3E%3C/g%3E%3Cuse href='%23flower' x='0'/%3E%3Cuse href='%23flower' x='30'/%3E%3Cuse href='%23flower' x='60'/%3E%3Cuse href='%23flower' x='90'/%3E%3Cuse href='%23flower' x='120'/%3E%3Cuse href='%23flower' x='150'/%3E%3Cuse href='%23flower' x='180'/%3E%3C/svg%3E");
}

/* ============================================
   DECORATIVE BORDERS - Indian Style
============================================ */

/* Peacock Feather Border */
.peacock-feather-border {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3C!-- Feather stem --%3E%3Cline x1='30' y1='10' x2='30' y2='90' stroke='%23D35400' stroke-width='2'/%3E%3C!-- Eye of feather --%3E%3Cellipse cx='30' cy='20' rx='15' ry='20' fill='%231A5490' opacity='0.3'/%3E%3Cellipse cx='30' cy='20' rx='10' ry='15' fill='%232ECC71' opacity='0.4'/%3E%3Cellipse cx='30' cy='20' rx='6' ry='10' fill='%23FFC300' opacity='0.6'/%3E%3Ccircle cx='30' cy='20' r='3' fill='%23D35400'/%3E%3C!-- Barbs --%3E%3Cpath d='M30,30 Q25,35 22,40 M30,40 Q25,45 22,50 M30,50 Q25,55 22,60 M30,60 Q25,65 22,70 M30,70 Q25,75 22,80' stroke='%23FF9933' stroke-width='1' fill='none' opacity='0.6'/%3E%3Cpath d='M30,30 Q35,35 38,40 M30,40 Q35,45 38,50 M30,50 Q35,55 38,60 M30,60 Q35,65 38,70 M30,70 Q35,75 38,80' stroke='%23FF9933' stroke-width='1' fill='none' opacity='0.6'/%3E%3C/svg%3E");
}

/* ============================================
   CHAKRA SYMBOLS
============================================ */

/* Root Chakra - Muladhara */
.chakra-root {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='%238B0000' stroke-width='2'/%3E%3Cpath d='M50,20 L80,70 L20,70 Z' fill='none' stroke='%238B0000' stroke-width='2'/%3E%3Cpath d='M50,30 L70,60 L30,60 Z' fill='%238B0000' opacity='0.3'/%3E%3Ctext x='50' y='58' text-anchor='middle' font-size='24' fill='%238B0000' font-family='serif'%3Eलं%3C/text%3E%3C/svg%3E");
}

/* Heart Chakra - Anahata */
.chakra-heart {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='%232ECC71' stroke-width='2'/%3E%3Cpath d='M50,30 L70,50 L50,70 L30,50 Z' fill='none' stroke='%232ECC71' stroke-width='2'/%3E%3Cpath d='M30,50 L50,30 L70,50 L50,70 Z' fill='%232ECC71' opacity='0.2'/%3E%3Cpath d='M50,20 L60,35 L50,50 L40,35 Z' fill='none' stroke='%232ECC71' stroke-width='1.5'/%3E%3Cpath d='M70,50 L60,60 L50,50 L60,40 Z' fill='none' stroke='%232ECC71' stroke-width='1.5'/%3E%3Cpath d='M50,80 L40,65 L50,50 L60,65 Z' fill='none' stroke='%232ECC71' stroke-width='1.5'/%3E%3Cpath d='M30,50 L40,40 L50,50 L40,60 Z' fill='none' stroke='%232ECC71' stroke-width='1.5'/%3E%3C/svg%3E");
}

/* Crown Chakra - Sahasrara */
.chakra-crown {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='%23FF9933' stroke-width='2'/%3E%3Cg id='petal'%3E%3Cpath d='M50,15 Q45,20 45,30 L55,30 Q55,20 50,15' fill='%23FF9933' opacity='0.3'/%3E%3C/g%3E%3Cuse href='%23petal' transform='rotate(0 50 50)'/%3E%3Cuse href='%23petal' transform='rotate(36 50 50)'/%3E%3Cuse href='%23petal' transform='rotate(72 50 50)'/%3E%3Cuse href='%23petal' transform='rotate(108 50 50)'/%3E%3Cuse href='%23petal' transform='rotate(144 50 50)'/%3E%3Cuse href='%23petal' transform='rotate(180 50 50)'/%3E%3Cuse href='%23petal' transform='rotate(216 50 50)'/%3E%3Cuse href='%23petal' transform='rotate(252 50 50)'/%3E%3Cuse href='%23petal' transform='rotate(288 50 50)'/%3E%3Cuse href='%23petal' transform='rotate(324 50 50)'/%3E%3Ccircle cx='50' cy='50' r='15' fill='%23FFC300' opacity='0.6'/%3E%3C/svg%3E");
}

/* ============================================
   OFFERING ICONS - Indian Style
============================================ */

/* Diya (Oil Lamp) */
.icon-diya {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3C!-- Flame --%3E%3Cpath d='M50,20 Q45,30 45,40 Q45,50 50,55 Q55,50 55,40 Q55,30 50,20 Z' fill='%23FFC300' opacity='0.8'/%3E%3Cpath d='M50,25 Q48,32 48,40 Q48,47 50,50 Q52,47 52,40 Q52,32 50,25 Z' fill='%23FF9933'/%3E%3C!-- Wick --%3E%3Crect x='48' y='50' width='4' height='8' fill='%238B0000'/%3E%3C!-- Lamp body --%3E%3Cellipse cx='50' cy='65' rx='25' ry='8' fill='%23D35400'/%3E%3Cpath d='M25,65 Q25,70 30,73 L70,73 Q75,70 75,65' fill='%23C9A26D'/%3E%3Cellipse cx='50' cy='73' rx='20' ry='5' fill='%23D35400' opacity='0.5'/%3E%3C!-- Decorative dots --%3E%3Ccircle cx='40' cy='68' r='2' fill='%23FFC300'/%3E%3Ccircle cx='50' cy='68' r='2' fill='%23FFC300'/%3E%3Ccircle cx='60' cy='68' r='2' fill='%23FFC300'/%3E%3C/svg%3E");
}

/* Incense Stick */
.icon-incense {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120'%3E%3C!-- Smoke --%3E%3Cpath d='M50,10 Q45,15 48,20 Q52,25 48,30 Q44,35 48,40' stroke='%23C9A26D' stroke-width='1.5' fill='none' opacity='0.4'/%3E%3Cpath d='M50,10 Q55,15 52,20 Q48,25 52,30' stroke='%23C9A26D' stroke-width='1' fill='none' opacity='0.3'/%3E%3C!-- Stick --%3E%3Cline x1='50' y1='40' x2='50' y2='100' stroke='%238B0000' stroke-width='2'/%3E%3C!-- Burning tip --%3E%3Ccircle cx='50' cy='38' r='3' fill='%23FF9933'/%3E%3Ccircle cx='50' cy='38' r='2' fill='%23FFC300'/%3E%3C!-- Holder --%3E%3Crect x='40' y='100' width='20' height='4' fill='%23D35400'/%3E%3Cellipse cx='50' cy='104' rx='12' ry='4' fill='%23C9A26D'/%3E%3C/svg%3E");
}

/* Prayer Hands (Namaste) */
.icon-namaste {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 120'%3E%3C!-- Left hand --%3E%3Cpath d='M50,50 L35,30 L32,32 L30,35 L28,40 L27,50 L30,60 L35,68 L42,72 L50,74' fill='%23C9A26D' stroke='%23D35400' stroke-width='1.5'/%3E%3C!-- Right hand --%3E%3Cpath d='M50,50 L65,30 L68,32 L70,35 L72,40 L73,50 L70,60 L65,68 L58,72 L50,74' fill='%23C9A26D' stroke='%23D35400' stroke-width='1.5'/%3E%3C!-- Fingers --%3E%3Cpath d='M35,30 L33,20 M38,28 L37,18 M41,28 L41,18 M44,30 L45,20' stroke='%23D35400' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M65,30 L67,20 M62,28 L63,18 M59,28 L59,18 M56,30 L55,20' stroke='%23D35400' stroke-width='1.5' stroke-linecap='round'/%3E%3C!-- Center line --%3E%3Cline x1='50' y1='50' x2='50' y2='78' stroke='%23D35400' stroke-width='1' opacity='0.5'/%3E%3C/svg%3E");
}

/* ============================================
   INDIAN LANDSCAPE ELEMENTS
============================================ */

/* Himalayan Mountains */
.mountains-himalaya {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 200'%3E%3C!-- Back mountains --%3E%3Cpath d='M0,150 L80,80 L160,120 L240,60 L320,100 L400,70 L400,200 L0,200 Z' fill='%23C9A26D' opacity='0.3'/%3E%3C!-- Middle mountains --%3E%3Cpath d='M0,170 L100,100 L180,140 L260,90 L340,130 L400,110 L400,200 L0,200 Z' fill='%23D35400' opacity='0.4'/%3E%3C!-- Front mountains --%3E%3Cpath d='M0,180 L120,120 L200,160 L280,110 L360,150 L400,140 L400,200 L0,200 Z' fill='%23D35400' opacity='0.6'/%3E%3C!-- Snow caps --%3E%3Cpath d='M240,60 L250,75 L230,75 Z' fill='white' opacity='0.8'/%3E%3Cpath d='M100,100 L110,115 L90,115 Z' fill='white' opacity='0.7'/%3E%3Cpath d='M280,110 L290,125 L270,125 Z' fill='white' opacity='0.7'/%3E%3C/svg%3E");
}

/* Palm Trees (Kerala style) */
.palm-trees {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 300'%3E%3C!-- Tree 1 trunk --%3E%3Cpath d='M50,300 Q45,250 48,200 Q50,150 47,100 L53,100 Q50,150 52,200 Q55,250 50,300' fill='%238B4513'/%3E%3C!-- Tree 1 leaves --%3E%3Cpath d='M50,100 Q30,80 20,70' stroke='%23228B22' stroke-width='3' fill='none'/%3E%3Cpath d='M50,100 Q40,85 35,75' stroke='%23228B22' stroke-width='2.5' fill='none'/%3E%3Cpath d='M50,100 Q50,80 50,65' stroke='%232ECC71' stroke-width='3' fill='none'/%3E%3Cpath d='M50,100 Q60,85 65,75' stroke='%23228B22' stroke-width='2.5' fill='none'/%3E%3Cpath d='M50,100 Q70,80 80,70' stroke='%23228B22' stroke-width='3' fill='none'/%3E%3C!-- Tree 2 trunk --%3E%3Cpath d='M150,300 Q148,250 150,200 Q152,150 150,120 L154,120 Q152,150 154,200 Q155,250 150,300' fill='%238B4513'/%3E%3C!-- Tree 2 leaves --%3E%3Cpath d='M152,120 Q135,100 125,90' stroke='%23228B22' stroke-width='3' fill='none'/%3E%3Cpath d='M152,120 Q145,105 142,95' stroke='%23228B22' stroke-width='2.5' fill='none'/%3E%3Cpath d='M152,120 Q152,100 152,85' stroke='%232ECC71' stroke-width='3' fill='none'/%3E%3Cpath d='M152,120 Q160,105 165,95' stroke='%23228B22' stroke-width='2.5' fill='none'/%3E%3Cpath d='M152,120 Q170,100 180,90' stroke='%23228B22' stroke-width='3' fill='none'/%3E%3C!-- Coconuts --%3E%3Ccircle cx='48' cy='105' r='4' fill='%238B4513'/%3E%3Ccircle cx='52' cy='107' r='4' fill='%238B4513'/%3E%3Ccircle cx='150' cy='125' r='4' fill='%238B4513'/%3E%3C/svg%3E");
}

/* Temple Silhouette */
.temple-silhouette {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 200'%3E%3C!-- Main dome --%3E%3Cpath d='M150,50 Q130,60 120,80 L120,150 L180,150 L180,80 Q170,60 150,50 Z' fill='%23D35400' opacity='0.5'/%3E%3C!-- Kalasha (top ornament) --%3E%3Crect x='145' y='30' width='10' height='20' fill='%23FFD700'/%3E%3Ccircle cx='150' cy='30' r='5' fill='%23FFD700'/%3E%3C!-- Side towers --%3E%3Cpath d='M90,100 Q85,105 85,110 L85,150 L115,150 L115,110 Q115,105 110,100 Z' fill='%23D35400' opacity='0.4'/%3E%3Cpath d='M210,100 Q205,105 205,110 L205,150 L185,150 L185,110 Q185,105 190,100 Z' fill='%23D35400' opacity='0.4'/%3E%3C!-- Base --%3E%3Crect x='70' y='150' width='160' height='30' fill='%23C9A26D' opacity='0.6'/%3E%3C!-- Steps --%3E%3Crect x='60' y='180' width='180' height='5' fill='%23D35400' opacity='0.3'/%3E%3Crect x='50' y='185' width='200' height='5' fill='%23D35400' opacity='0.3'/%3E%3C!-- Decorative elements --%3E%3Ccircle cx='150' cy='120' r='8' fill='none' stroke='%23FFD700' stroke-width='1'/%3E%3C/svg%3E");
}

/* ============================================
   APPLY CLASSES TO ELEMENTS
============================================ */

/* Example usage in sections */
.hero-bg-india {
    position: relative;
    background: linear-gradient(135deg, #FFF5E6 0%, #FFE4CC 100%);
}

.hero-bg-india::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.1;
    background-size: 400px;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-bg-india.with-mandala::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Ccircle cx='100' cy='100' r='95' fill='none' stroke='%23D35400' stroke-width='1'/%3E%3Ccircle cx='100' cy='100' r='80' fill='none' stroke='%23FF9933' stroke-width='2'/%3E%3Ccircle cx='100' cy='100' r='65' fill='none' stroke='%23D35400' stroke-width='1'/%3E%3Ccircle cx='100' cy='100' r='50' fill='none' stroke='%23FF9933' stroke-width='2'/%3E%3Ccircle cx='100' cy='100' r='35' fill='none' stroke='%23D35400' stroke-width='1'/%3E%3Ccircle cx='100' cy='100' r='20' fill='%23FF9933'/%3E%3Cpath d='M100,5 L100,195 M5,100 L195,100' stroke='%23D35400' stroke-width='1'/%3E%3Cpath d='M25,25 L175,175 M175,25 L25,175' stroke='%23FF9933' stroke-width='1'/%3E%3C/svg%3E");
}

/* Animated rotation for patterns */
@keyframes rotate-slow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes rotate-reverse {
    from { transform: rotate(360deg); }
    to { transform: rotate(0deg); }
}

.rotate-slow {
    animation: rotate-slow 60s linear infinite;
}

.rotate-reverse {
    animation: rotate-reverse 45s linear infinite;
}