/* ==========================================
   Menu Templates v4 - RADICALLY Different Layouts
   Mobile-First | Professional Quality
   ========================================== */

/* ============ BASE ============ */
.menu-template { min-height:100vh; min-height:100dvh; overflow-x:hidden; -webkit-text-size-adjust:100%; }
.menu-template .menu-header { text-align:center; padding:30px 16px 20px; }
.menu-template .menu-header .logo-img { width:72px; height:72px; border-radius:50%; object-fit:cover; margin:0 auto 10px; display:block; }
.menu-template .menu-header .logo-placeholder { width:72px; height:72px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 10px; font-size:26px; }
.menu-template .menu-header h1 { font-size:22px; font-weight:800; margin-bottom:4px; line-height:1.3; }
.menu-template .menu-header .header-desc { font-size:13px; line-height:1.5; max-width:340px; margin:4px auto 0; opacity:.75; }
.menu-template .menu-header .divider { margin:10px auto; }
.menu-template .search-trigger { display:inline-flex; align-items:center; gap:6px; margin-top:10px; padding:7px 18px; border-radius:25px; border:1px solid rgba(128,128,128,.3); background:rgba(255,255,255,.12); color:inherit; font-family:'Tajawal'; font-size:12px; cursor:pointer; }
.menu-template .categories-nav { overflow-x:auto; white-space:nowrap; position:sticky; top:0; z-index:10; -webkit-overflow-scrolling:touch; scrollbar-width:none; padding:10px 12px; }
.menu-template .categories-nav::-webkit-scrollbar { display:none; }
.menu-template .cat-btn { display:inline-block; font-family:'Tajawal'; cursor:pointer; text-decoration:none; transition:all .2s; padding:7px 16px; font-size:13px; font-weight:600; margin-left:6px; -webkit-tap-highlight-color:transparent; border:none; outline:none; }
.menu-template .products-container { padding:12px; max-width:960px; margin:0 auto; }
.menu-template .menu-footer { text-align:center; padding:20px 16px; font-size:11px; opacity:.4; }
.no-img { display:flex!important; align-items:center; justify-content:center; opacity:.1; font-size:28px; }
@media(min-width:480px) { .menu-template .menu-header { padding:36px 20px 24px; } .menu-template .menu-header .logo-img,.menu-template .menu-header .logo-placeholder { width:84px; height:84px; } .menu-template .menu-header h1 { font-size:26px; } .menu-template .products-container { padding:16px; } }
@media(min-width:768px) { .menu-template .menu-header { padding:44px 20px 28px; } .menu-template .menu-header .logo-img,.menu-template .menu-header .logo-placeholder { width:94px; height:94px; font-size:34px; } .menu-template .menu-header h1 { font-size:30px; } .menu-template .products-container { padding:20px; } }
@supports(padding:max(0px)) { .menu-template .menu-header { padding-top:max(30px,env(safe-area-inset-top)); } .menu-template .menu-footer { padding-bottom:max(20px,env(safe-area-inset-bottom)); } }

/* ================================================================
   1. CLASSIC - بطاقات أفقية كلاسيكية
   Cards: Horizontal (image left + info right)
   ================================================================ */
.template-classic { background:#f4f6f9; }
.template-classic .menu-header { background:linear-gradient(135deg,#1565c0,#0d47a1); color:#fff; padding:34px 16px 28px; }
.template-classic .logo-img { border:3px solid rgba(255,255,255,.35); }
.template-classic .logo-placeholder { background:rgba(255,255,255,.12); color:#fff; }
.template-classic .categories-nav { background:#fff; box-shadow:0 2px 12px rgba(0,0,0,.06); }
.template-classic .cat-btn { border-radius:25px; border:2px solid #1565c0; color:#1565c0; background:#fff; }
.template-classic .cat-btn.active { background:#1565c0; color:#fff; }
.template-classic .products-list .product-card { display:flex; background:#fff; border-radius:16px; margin-bottom:12px; box-shadow:0 1px 8px rgba(0,0,0,.06); overflow:hidden; }
.template-classic .product-card:active { transform:scale(.98); }
.template-classic .product-img { width:105px; min-height:105px; background-size:cover; background-position:center; background-color:#e3f2fd; flex-shrink:0; }
.template-classic .product-info { padding:12px; flex:1; display:flex; flex-direction:column; justify-content:center; }
.template-classic .product-name { font-size:15px; font-weight:700; color:#1a237e; margin-bottom:2px; }
.template-classic .product-desc { font-size:11px; color:#9e9e9e; margin-bottom:5px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:1.5; }
.template-classic .product-price { font-size:17px; font-weight:800; color:#1565c0; }
.template-classic .product-price span { font-size:10px; font-weight:400; color:#9e9e9e; }
@media(min-width:480px) { .template-classic .product-img { width:130px; min-height:130px; } .template-classic .product-name { font-size:16px; } }

/* ================================================================
   2. MODERN - شبكة بطاقات عمودية فاخرة
   Cards: Vertical grid (2-3 cols) with price badge on image
   ================================================================ */
.template-modern { background:#0c0c0c; color:#eee; }
.template-modern .menu-header { background:#0c0c0c; border-bottom:1px solid rgba(201,168,76,.5); padding:38px 16px 28px; }
.template-modern .menu-header h1 { color:#c9a84c; font-weight:300; letter-spacing:1px; }
.template-modern .menu-header .header-desc { color:rgba(255,255,255,.3); }
.template-modern .logo-img { border:2px solid #c9a84c; }
.template-modern .logo-placeholder { background:rgba(201,168,76,.08); color:#c9a84c; }
.template-modern .search-trigger { border-color:rgba(201,168,76,.3); color:#c9a84c; }
.template-modern .categories-nav { background:#0c0c0c; border-bottom:1px solid #1a1a1a; }
.template-modern .cat-btn { border-radius:4px; border:1px solid rgba(201,168,76,.2); color:rgba(201,168,76,.7); background:transparent; }
.template-modern .cat-btn.active { background:#c9a84c; color:#0c0c0c; border-color:#c9a84c; }
.template-modern .products-grid-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.template-modern .product-card { background:#151515; border-radius:14px; overflow:hidden; border:1px solid #1c1c1c; transition:border .2s; }
.template-modern .product-card:active { border-color:rgba(201,168,76,.3); }
.template-modern .card-img-wrap { position:relative; }
.template-modern .card-img-wrap .product-img { width:100%; height:140px; background-size:cover; background-position:center; background-color:#1a1a1a; }
.template-modern .price-badge { position:absolute; bottom:8px; left:8px; background:#c9a84c; color:#0c0c0c; padding:3px 10px; border-radius:6px; font-size:12px; font-weight:800; }
.template-modern .product-info { padding:10px 12px 12px; }
.template-modern .product-name { font-size:13px; font-weight:700; color:#e8e8e8; margin-bottom:3px; }
.template-modern .product-desc { font-size:10px; color:rgba(255,255,255,.25); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
@media(min-width:480px) { .template-modern .products-grid-cards { gap:14px; } .template-modern .card-img-wrap .product-img { height:170px; } .template-modern .product-name { font-size:14px; } }
@media(min-width:768px) { .template-modern .products-grid-cards { grid-template-columns:repeat(3,1fr); gap:16px; } .template-modern .card-img-wrap .product-img { height:200px; } }

/* ================================================================
   3. ELEGANT - قائمة نصية فاخرة بخطوط منقطة
   Cards: Text-only fine dining style with dotted price lines
   ================================================================ */
.template-elegant { background:#faf7f2; color:#3e2723; font-family:'Amiri','Tajawal',serif; }
.template-elegant .menu-header { background:linear-gradient(135deg,#3e2723,#5d4037); color:#f5ebe0; padding:40px 16px 28px; }
.template-elegant .menu-header h1 { font-weight:400; letter-spacing:2px; color:#d4a574; font-family:'Amiri',serif; }
.template-elegant .divider { width:50px; height:1px; background:#d4a574; }
.template-elegant .logo-img { border:2px solid #d4a574; }
.template-elegant .logo-placeholder { background:rgba(212,165,116,.12); color:#d4a574; }
.template-elegant .search-trigger { border-color:rgba(212,165,116,.4); color:#d4a574; }
.template-elegant .categories-nav { background:#f5ebe0; border-bottom:1px solid #d7ccc8; }
.template-elegant .cat-btn { border:1px solid #a1887f; color:#5d4037; background:transparent; font-family:'Amiri',serif; border-radius:0; }
.template-elegant .cat-btn.active { background:#5d4037; color:#faf7f2; }
.template-elegant .menu-section { margin-bottom:30px; }
.template-elegant .section-title { text-align:center; margin-bottom:18px; position:relative; }
.template-elegant .section-title span { background:#faf7f2; padding:0 16px; position:relative; z-index:1; font-size:20px; font-weight:700; color:#5d4037; font-family:'Amiri',serif; }
.template-elegant .section-title::before { content:''; position:absolute; top:50%; left:0; right:0; height:1px; background:#d7ccc8; }
.template-elegant .menu-item-row { display:flex; align-items:baseline; padding:14px 4px; gap:8px; border-bottom:1px solid rgba(215,204,200,.25); }
.template-elegant .menu-item-row:last-child { border-bottom:none; }
.template-elegant .item-right { flex-shrink:0; max-width:55%; }
.template-elegant .product-name { font-size:17px; font-weight:700; color:#3e2723; font-family:'Amiri',serif; }
.template-elegant .product-desc { font-size:12px; color:#a1887f; margin-top:3px; line-height:1.5; }
.template-elegant .dots-line { flex:1; border-bottom:2px dotted #d7ccc8; margin-bottom:5px; min-width:20px; }
.template-elegant .product-price { font-size:18px; font-weight:700; color:#5d4037; white-space:nowrap; flex-shrink:0; font-family:'Tajawal'; }
.template-elegant .product-price span { font-size:11px; color:#a1887f; }

/* ================================================================
   4. FRESH - بطاقات Hero كاملة العرض بصورة كبيرة
   Cards: Full-width hero image with gradient overlay
   ================================================================ */
.template-fresh { background:#edf7ea; }
.template-fresh .menu-header { background:linear-gradient(135deg,#2e7d32,#43a047); color:#fff; padding:34px 16px 28px; }
.template-fresh .logo-img { border:3px solid rgba(255,255,255,.3); }
.template-fresh .logo-placeholder { background:rgba(255,255,255,.12); color:#fff; }
.template-fresh .categories-nav { background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.04); }
.template-fresh .cat-btn { border-radius:25px; border:2px solid #43a047; color:#2e7d32; background:#fff; }
.template-fresh .cat-btn.active { background:#43a047; color:#fff; }
.template-fresh .products-full-cards .product-card { background:#fff; border-radius:20px; overflow:hidden; margin-bottom:14px; box-shadow:0 2px 12px rgba(0,0,0,.05); }
.template-fresh .card-hero { width:100%; height:180px; background-size:cover; background-position:center; background-color:#c8e6c9; position:relative; }
.template-fresh .hero-overlay { position:absolute; bottom:0; left:0; right:0; padding:14px 16px; background:linear-gradient(transparent,rgba(0,0,0,.7)); }
.template-fresh .hero-overlay .product-price { color:#fff; font-size:20px; font-weight:800; }
.template-fresh .hero-overlay .product-price span { color:rgba(255,255,255,.7); font-size:12px; }
.template-fresh .product-info { padding:14px 16px; }
.template-fresh .product-name { font-size:17px; font-weight:700; color:#2e7d32; margin-bottom:4px; }
.template-fresh .product-desc { font-size:12px; color:#9e9e9e; line-height:1.5; }
.template-fresh .product-info .product-price { font-size:18px; font-weight:800; color:#2e7d32; margin-top:8px; }
.template-fresh .product-info .product-price span { color:#9e9e9e; font-size:11px; }
@media(min-width:480px) { .template-fresh .card-hero { height:220px; } }
@media(min-width:768px) { .template-fresh .card-hero { height:260px; } }

/* ================================================================
   5. VIBRANT - شبكة مربعة ملونة وجريئة
   Cards: Bold 2-3 column square grid
   ================================================================ */
.template-vibrant { background:#fff8f0; }
.template-vibrant .menu-header { background:linear-gradient(135deg,#e65100,#ff6d00); color:#fff; padding:34px 16px 28px; }
.template-vibrant .menu-header h1 { text-shadow:0 2px 4px rgba(0,0,0,.15); }
.template-vibrant .logo-img { border:3px solid rgba(255,255,255,.5); }
.template-vibrant .logo-placeholder { background:rgba(255,255,255,.2); color:#fff; }
.template-vibrant .categories-nav { background:#e65100; }
.template-vibrant .cat-btn { border-radius:25px; border:2px solid rgba(255,255,255,.4); color:#fff; background:transparent; }
.template-vibrant .cat-btn.active { background:#fff; color:#e65100; border-color:#fff; }
.template-vibrant .products-duo-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.template-vibrant .product-card { background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 3px 12px rgba(230,81,0,.06); }
.template-vibrant .product-card:active { transform:scale(.97); }
.template-vibrant .product-img { width:100%; height:135px; background-size:cover; background-position:center; background-color:#ffe0b2; }
.template-vibrant .product-info { padding:10px 12px 14px; }
.template-vibrant .product-name { font-size:14px; font-weight:700; color:#333; margin-bottom:4px; }
.template-vibrant .product-price { font-size:17px; font-weight:800; color:#e65100; }
.template-vibrant .product-price span { font-size:10px; color:#999; }
@media(min-width:480px) { .template-vibrant .product-img { height:160px; } .template-vibrant .products-duo-grid { gap:14px; } }
@media(min-width:768px) { .template-vibrant .products-duo-grid { grid-template-columns:repeat(3,1fr); gap:18px; } .template-vibrant .product-img { height:190px; } }

/* ================================================================
   6. MINIMAL - قائمة نصية نظيفة بدون صور
   Cards: Pure text list, no images at all
   ================================================================ */
.template-minimal { background:#fafafa; }
.template-minimal .menu-header { border-bottom:1px solid #eee; background:#fff; padding:38px 16px 24px; }
.template-minimal .menu-header .logo-img { width:54px; height:54px; }
.template-minimal .menu-header .logo-placeholder { width:54px; height:54px; background:#f5f5f5; color:#bbb; font-size:20px; }
.template-minimal .menu-header h1 { font-weight:300; color:#333; letter-spacing:3px; font-size:19px; }
.template-minimal .divider { width:28px; height:1px; background:#333; }
.template-minimal .menu-header .header-desc { color:#bbb; font-size:11px; }
.template-minimal .search-trigger { border-color:#ddd; color:#999; background:#f5f5f5; }
.template-minimal .categories-nav { background:#fff; border-bottom:1px solid #eee; }
.template-minimal .cat-btn { color:#bbb; background:transparent; border-bottom:2px solid transparent; border-radius:0; padding:8px 14px; }
.template-minimal .cat-btn.active { color:#333; border-bottom-color:#333; }
.template-minimal .products-container { max-width:600px; }
.template-minimal .products-text-list .product-card { display:flex; align-items:center; justify-content:space-between; padding:14px 0; border-bottom:1px solid #f0f0f0; }
.template-minimal .products-text-list .product-card:last-child { border-bottom:none; }
.template-minimal .product-info { flex:1; min-width:0; }
.template-minimal .product-name { font-size:14px; font-weight:600; color:#333; }
.template-minimal .product-desc { font-size:11px; color:#ccc; margin-top:2px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.template-minimal .product-price { font-size:15px; font-weight:700; color:#333; white-space:nowrap; margin-right:16px; flex-shrink:0; }
.template-minimal .product-price span { font-size:10px; color:#ccc; }

/* ================================================================
   7. ARABIAN - بطاقات مزخرفة شرقية بنص مركزي
   Cards: Ornamental centered with decorative borders
   ================================================================ */
.template-arabian { background:#1a0a2e; color:#f0e6d3; }
.template-arabian .menu-header { background:linear-gradient(180deg,#1a0a2e,#2d1b4e,#1a0a2e); position:relative; padding:40px 16px 28px; }
.template-arabian .menu-header::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg,transparent,#d4af37,transparent); }
.template-arabian .menu-header h1 { color:#d4af37; font-family:'Amiri',serif; }
.template-arabian .menu-header .header-desc { color:rgba(240,230,211,.35); }
.template-arabian .divider { width:50px; height:1px; background:linear-gradient(90deg,transparent,#d4af37,transparent); }
.template-arabian .logo-img { border:2px solid #d4af37; }
.template-arabian .logo-placeholder { background:rgba(212,175,55,.06); color:#d4af37; }
.template-arabian .search-trigger { border-color:rgba(212,175,55,.25); color:#d4af37; }
.template-arabian .categories-nav { background:#2d1b4e; border-bottom:1px solid rgba(212,175,55,.08); }
.template-arabian .cat-btn { border-radius:4px; border:1px solid rgba(212,175,55,.2); color:#d4af37; background:transparent; }
.template-arabian .cat-btn.active { background:#d4af37; color:#1a0a2e; }
.template-arabian .products-ornate .product-card { margin-bottom:14px; }
.template-arabian .ornate-border { background:rgba(45,27,78,.35); border:1px solid rgba(212,175,55,.1); border-radius:14px; overflow:hidden; text-align:center; position:relative; }
.template-arabian .ornate-border::before { content:'\2726'; position:absolute; top:-1px; left:50%; transform:translateX(-50%); background:#1a0a2e; padding:0 10px; color:#d4af37; font-size:12px; z-index:1; }
.template-arabian .ornate-border .product-img { width:100%; height:155px; background-size:cover; background-position:center; background-color:#2d1b4e; }
.template-arabian .ornate-border .product-info { padding:14px; }
.template-arabian .product-name { font-size:16px; font-weight:700; color:#f0e6d3; font-family:'Amiri',serif; margin-bottom:3px; }
.template-arabian .product-desc { font-size:11px; color:rgba(240,230,211,.3); margin-bottom:6px; }
.template-arabian .ornate-divider { width:36px; height:1px; background:linear-gradient(90deg,transparent,#d4af37,transparent); margin:6px auto; }
.template-arabian .product-price { font-size:19px; font-weight:800; color:#d4af37; }
.template-arabian .product-price span { font-size:10px; color:rgba(240,230,211,.25); }
@media(min-width:480px) { .template-arabian .products-ornate { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; } }
@media(min-width:768px) { .template-arabian .products-ornate { grid-template-columns:repeat(3,1fr); gap:16px; } }

/* ================================================================
   8. OCEAN - بطاقات بصور دائرية ناعمة
   Cards: Horizontal with circular product image
   ================================================================ */
.template-ocean { background:#e4f3f7; }
.template-ocean .menu-header { background:linear-gradient(135deg,#00695c,#00897b); color:#fff; padding:34px 16px 28px; }
.template-ocean .logo-img { border:3px solid rgba(255,255,255,.35); }
.template-ocean .logo-placeholder { background:rgba(255,255,255,.12); color:#fff; }
.template-ocean .categories-nav { background:#fff; box-shadow:0 2px 8px rgba(0,96,100,.06); }
.template-ocean .cat-btn { border-radius:25px; border:2px solid #00897b; color:#00695c; background:#fff; }
.template-ocean .cat-btn.active { background:#00897b; color:#fff; }
.template-ocean .products-wave-list .product-card { display:flex; align-items:center; gap:12px; background:#fff; border-radius:60px 14px 14px 60px; padding:6px 14px 6px 6px; margin-bottom:10px; box-shadow:0 1px 6px rgba(0,96,100,.04); }
.template-ocean .product-card:active { transform:scale(.98); }
.template-ocean .product-img-circle { width:62px; height:62px; border-radius:50%; flex-shrink:0; background-size:cover; background-position:center; background-color:#b2dfdb; border:3px solid #e0f2f1; }
.template-ocean .product-info { flex:1; min-width:0; }
.template-ocean .product-name { font-size:14px; font-weight:700; color:#00695c; }
.template-ocean .product-desc { font-size:10px; color:#90a4ae; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.template-ocean .products-wave-list > .product-card > .product-price { font-size:16px; font-weight:800; color:#00897b; white-space:nowrap; flex-shrink:0; }
.template-ocean .product-price span { font-size:9px; color:#90a4ae; display:block; text-align:center; }
@media(min-width:480px) { .template-ocean .product-img-circle { width:72px; height:72px; } .template-ocean .product-name { font-size:15px; } }

/* ================================================================
   9. SWEET - بطاقات Pinterest/Masonry متدرجة
   Cards: Masonry/Pinterest staggered grid
   ================================================================ */
.template-sweet { background:#fef0f5; }
.template-sweet .menu-header { background:linear-gradient(135deg,#e91e63,#f06292); color:#fff; padding:34px 16px 28px; }
.template-sweet .logo-img { border:3px solid rgba(255,255,255,.45); border-radius:18px; }
.template-sweet .logo-placeholder { background:rgba(255,255,255,.15); border-radius:18px; color:#fff; }
.template-sweet .categories-nav { background:#fff; box-shadow:0 2px 8px rgba(233,30,99,.04); }
.template-sweet .cat-btn { border-radius:25px; border:2px solid #e91e63; color:#e91e63; background:#fff; }
.template-sweet .cat-btn.active { background:#e91e63; color:#fff; }
.template-sweet .products-masonry { columns:2; column-gap:10px; }
.template-sweet .products-masonry .product-card { break-inside:avoid; margin-bottom:10px; display:inline-block; width:100%; background:#fff; border-radius:18px; overflow:hidden; box-shadow:0 2px 8px rgba(233,30,99,.04); }
.template-sweet .product-img { width:100%; min-height:130px; background-size:cover; background-position:center; background-color:#fce4ec; }
.template-sweet .product-img.short { min-height:80px; }
.template-sweet .product-info { padding:10px 12px 14px; }
.template-sweet .product-name { font-size:13px; font-weight:700; color:#880e4f; margin-bottom:3px; }
.template-sweet .product-desc { font-size:10px; color:#e0a0b0; margin-bottom:5px; }
.template-sweet .product-price { font-size:15px; font-weight:800; color:#e91e63; }
.template-sweet .product-price span { font-size:9px; color:#e0a0b0; }
@media(min-width:480px) { .template-sweet .products-masonry { column-gap:14px; } .template-sweet .product-img { min-height:150px; } }
@media(min-width:768px) { .template-sweet .products-masonry { columns:3; column-gap:16px; } }

/* ================================================================
   10. RUSTIC - بانر صورة كاملة مع overlay نص
   Cards: Full-width image banners with dark text overlay
   ================================================================ */
.template-rustic { background:#f5f0eb; }
.template-rustic .menu-header { background:linear-gradient(135deg,#3e2723,#4e342e); color:#f5f0eb; border-bottom:4px solid #bf360c; padding:36px 16px 28px; }
.template-rustic .menu-header h1 { color:#ffab91; }
.template-rustic .logo-img { border:3px solid #bf360c; border-radius:10px; }
.template-rustic .logo-placeholder { background:rgba(191,54,12,.1); color:#bf360c; border-radius:10px; }
.template-rustic .search-trigger { border-color:rgba(255,171,145,.3); color:#ffab91; }
.template-rustic .categories-nav { background:#4e342e; }
.template-rustic .cat-btn { border-radius:8px; border:1px solid rgba(255,171,145,.25); color:#ffab91; background:transparent; }
.template-rustic .cat-btn.active { background:#bf360c; color:#fff; border-color:#bf360c; }
.template-rustic .products-banner .product-card { margin-bottom:12px; }
.template-rustic .banner-bg { width:100%; min-height:155px; border-radius:14px; overflow:hidden; background-size:cover; background-position:center; background-color:#4e342e; position:relative; display:flex; align-items:flex-end; }
.template-rustic .banner-content { width:100%; padding:16px; background:linear-gradient(transparent 0%,rgba(25,10,5,.9) 100%); color:#fff; border-radius:0 0 14px 14px; }
.template-rustic .banner-content .product-name { font-size:17px; font-weight:800; margin-bottom:3px; }
.template-rustic .banner-content .product-desc { font-size:11px; color:rgba(255,255,255,.5); margin-bottom:4px; }
.template-rustic .banner-content .product-price { font-size:20px; font-weight:800; color:#ffab91; }
.template-rustic .banner-content .product-price span { color:rgba(255,255,255,.4); font-size:11px; }
@media(min-width:480px) { .template-rustic .banner-bg { min-height:195px; } }
@media(min-width:768px) { .template-rustic .banner-bg { min-height:240px; } .template-rustic .banner-content { padding:22px; } .template-rustic .banner-content .product-name { font-size:22px; } }