/* Four selected finishes, built as live CSS frames around the original photographs. */
/* Amule Premium: champagne metal rims, pearl panels and sweeping gold seams. */
.approach-list li.photo-feature{--glass:#208b9b;--glass-light:#dcf5f3;--glass-deep:#176270;position:relative;isolation:isolate;padding:3px;border:1px solid #b68b3d;border-radius:22px;background:linear-gradient(135deg,#fff8d6 0%,#d6b064 22%,#fff6cc 43%,#ad8035 68%,#efd598 88%,#fff4c9 100%);box-shadow:inset 0 0 0 1px #fff9,0 3px 0 #b08b47,0 10px 20px #685a3026}
.approach-list li.photo-feature:nth-child(2){--glass:#c2a04b;--glass-light:#fff1cc;--glass-deep:#7f642e}
.approach-list li.photo-feature:nth-child(3){--glass:#3aaf88;--glass-light:#def6e9;--glass-deep:#28765b}
.approach-list li.photo-feature:nth-child(4){--glass:#d27599;--glass-light:#fae1eb;--glass-deep:#944969}
.approach-list li.photo-feature:nth-child(5){--glass:#8c8ed0;--glass-light:#e9eafb;--glass-deep:#5e609d}
.approach-list{gap:19px 13px}
.approach-list li.photo-feature::before{content:"";position:absolute;z-index:3;right:2px;top:2px;width:28px;height:28px;border:1px solid #fff1be;border-radius:0 19px 0 100%;background:linear-gradient(135deg,#fff5c7,#d5ad59 52%,#a37b31);box-shadow:inset 0 1px #fff9;pointer-events:none}
.approach-list .feature-image{border-radius:17px 17px 0 0;overflow:hidden;border-bottom:1px solid #c8a359}
.approach-list .feature-content{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 5% 0,#ffffffee,transparent 70%),linear-gradient(135deg,#fffdf6,var(--glass-light));border-radius:0 0 17px 17px;padding:11px 9px 13px;box-shadow:inset 1px 0 #fff9,inset -1px -1px #fff9}
.approach-list .feature-content::before{content:"";position:absolute;z-index:-1;pointer-events:none;right:-23%;bottom:-19%;width:135%;height:55%;border-top:1px solid #c9a85a75;border-radius:50%;transform:rotate(-17deg);background:linear-gradient(175deg,#ffffff80,#ffffff08);box-shadow:0 -8px 0 #ffffff26}
.approach-list .feature-content::after{content:"";position:absolute;z-index:-1;pointer-events:none;right:-30px;top:20%;width:87px;height:130px;border-right:1px solid #ffffff99;border-radius:50%;transform:rotate(34deg);background:linear-gradient(90deg,transparent,#ffffff45)}
.approach-list .feature-title-row{margin:0 0 8px;gap:6px}
.approach-list .feature-badge{color:#9c7a35;font:500 24px/1.2 var(--serif);text-shadow:0 1px #fff}
.approach-list .feature-title-row .feature-emblem{width:32px;height:32px;border:1px solid #c3a25c;border-radius:50%;color:var(--glass-deep);background:linear-gradient(145deg,#fffef1,var(--glass-light));box-shadow:inset 0 1px 2px #fff,0 2px 4px #66522f26}
.approach-list .feature-title-row .feature-emblem>.icon{width:19px;height:19px}
.approach-list li.space-feature:last-child{padding:3px;border:1px solid #b68b3d;border-radius:22px;background:linear-gradient(135deg,#fff8d6,#d6b064 22%,#fff6cc 43%,#ad8035 68%,#efd598 88%)}
.approach-list li.space-feature:last-child .feature-content{background:radial-gradient(ellipse at 0 0,#fff,transparent 75%),linear-gradient(130deg,#fffdf6,var(--glass-light));border-radius:17px 17px 0 0}
.approach-list li.space-feature:last-child .real-interior{background:#f5f4fc;border-radius:0 0 17px 17px;padding-top:10px}
/* Crystal List: translucent colour, bright double edges and rounded inset panels. */
.service.photo-service.service-tile{--crystal:#24aec1;--crystal-soft:#d2f6fa;--crystal-dark:#08697d;padding:4px;border:1px solid var(--crystal);border-radius:22px;background:linear-gradient(145deg,#fff,var(--crystal-soft) 25%,var(--crystal) 60%,#fff 80%,var(--crystal));box-shadow:inset 0 0 0 2px #ffffffcc,0 4px 0 var(--crystal-dark),0 12px 20px #174d5f27}
.service.photo-service.service-tile:nth-child(2){--crystal:#5f9ee9;--crystal-soft:#e1efff;--crystal-dark:#386bb0}
.service.photo-service.service-tile:nth-child(3){--crystal:#a080d9;--crystal-soft:#efe4ff;--crystal-dark:#71549e}
.service.photo-service.service-tile:nth-child(4){--crystal:#ea7aa6;--crystal-soft:#ffe2ed;--crystal-dark:#ae4d77}
.service-list{gap:20px 13px}
.service-tile .service-media{border:0;border-radius:17px 17px 0 0}
.service-list>.service-tile .service-content{background:linear-gradient(125deg,#fffffff2,#ffffff9c 50%,#ffffffcc),var(--crystal-soft);border-radius:0 0 17px 17px;padding-bottom:13px}
.service-list>.service-tile .service-card-header{margin-top:0;padding-top:8px;padding-bottom:8px;border-bottom:1px solid var(--crystal);background:linear-gradient(140deg,#ffffffc9,var(--crystal-soft));box-shadow:inset 0 2px #fff}
.service-list>.service-tile .service-index{color:var(--crystal-dark)}
.service-list>.service-tile .service-mark{width:30px;height:30px;color:#fff;border:1px solid #fff;background:radial-gradient(circle at 30% 10%,#ffffff9c,transparent 50%),linear-gradient(var(--crystal),var(--crystal-dark));box-shadow:0 0 0 1px var(--crystal),0 2px 4px #173e4d26}
.service-list>.service-tile .care-match{border:1px solid var(--crystal);border-radius:12px;background:#ffffffba;box-shadow:inset 0 2px #fff,0 3px 8px #173e4d0d}
.service-tile .service-content .text-link,.service-tile:nth-child(even) .service-content .text-link{border:1px solid #fff;border-radius:12px;background:radial-gradient(ellipse at 20% 0,#ffffff80,transparent 50%),linear-gradient(180deg,var(--crystal),var(--crystal-dark));color:#fff;box-shadow:inset 0 0 0 2px #ffffff55,0 3px 0 var(--crystal-dark),0 6px 10px #173e4d26}
.service-tile .service-content .text-link>.icon,.service-tile:nth-child(even) .service-content .text-link>.icon{color:#fff}
.service-tile .service-content .text-link::before{display:none}
/* Champagne Enamel: polished metallic frames and an ivory body for popular care. */
.popular-section .popular-card{padding:3px;border:1px solid #bd9140;border-radius:20px;background:linear-gradient(135deg,#fff7ce,#c99c48 24%,#fff7c7 42%,#a7782e 70%,#f9dfa0);box-shadow:inset 0 0 0 1px #fff8,0 4px 0 #9a712c,0 12px 22px #00384655}
.popular-card .popular-photo{border-radius:15px 15px 0 0;border-bottom:2px solid #e2c079}
.popular-card .popular-card-copy{background:radial-gradient(ellipse at 0 0,#fff,transparent 65%),linear-gradient(130deg,#fffbee,#f5e8c8);border-radius:0 0 15px 15px;overflow:hidden;padding-top:10px}
.popular-card .popular-tag{border:1px solid #c29a4b;border-radius:20px;background:linear-gradient(#fff6d7,#e6c77f);box-shadow:inset 0 1px #fff,0 2px 4px #60431924;padding:2px 8px;color:#634719}
.popular-card .popular-card-link{background:radial-gradient(ellipse at 20% 0,#ffffff55,transparent 65%),linear-gradient(#149bab,#07546a);border-top:1px solid #fff3bd;box-shadow:inset 0 2px #ffffff66;min-height:47px}
/* Amule Premium: champagne seams, sweeping highlights and November leaves. */
.menu-shell #monthly-menu.monthly-gold{border:1px solid #bc9246;border-top:3px solid #d8b368;border-radius:23px;background:url('assets/november-leaf-pattern.svg') center/100% 100% no-repeat,linear-gradient(155deg,#ffffffc9 0 22%,#ffffff00 22% 65%,#ffffffa3 65%),radial-gradient(ellipse at 0 0,#cff5f0,transparent 58%),linear-gradient(140deg,#fffdf6,#f5e5be);box-shadow:inset 0 0 0 3px #fff9,0 4px 0 #c4a161,0 14px 25px #2a575726}
.monthly-gold .monthly-gold-card{padding:3px;border:1px solid #b7924e;border-radius:18px;background:linear-gradient(145deg,#fff9d8,#d6b063 25%,#fff6ce 50%,#b48a3f 80%,#f9e6ac);box-shadow:inset 0 0 0 1px #fff8,0 3px 0 #ad873e,0 8px 13px #66532a26}
.monthly-gold .monthly-gold-photo{border-radius:13px 13px 0 0}
.monthly-gold .monthly-gold-copy{background:linear-gradient(135deg,#fffef5,#fbefd1);padding:12px 8px 10px}
.monthly-gold .monthly-gold-price{border-radius:12px;border:1px solid #d1b06c;background:linear-gradient(120deg,#fff9e5,#f1dba0 45%,#fff9e4);box-shadow:inset 0 1px #fff}
.monthly-gold .monthly-gold-book{border-radius:0 0 13px 13px;background:radial-gradient(ellipse at 12% 0,#ffffff77,transparent 45%),linear-gradient(#ff5898,#cf075b);color:#fff;border-top:1px solid #ffd2e5;box-shadow:inset 0 0 0 1px #ffffff99}
.monthly-gold .monthly-gold-book b{color:#fff}
.monthly-pick{border-top:2px solid #d0ad66;background:url('assets/november-leaf-pattern.svg') center/100% 100%,radial-gradient(ellipse at 0 0,#d7f6f1,transparent 60%),linear-gradient(130deg,#fffdf5,#f6e9cd);box-shadow:inset 0 3px #fff9}
.monthly-pick .offer-monthly{border:2px solid #d5b474;border-radius:20px;box-shadow:inset 0 0 0 2px #fff9,0 4px 0 #c5a36a,0 13px 25px #77552b26}
@media(max-width:359px){.approach-list,.service-list{column-gap:10px}.approach-list .feature-content{padding-inline:8px}.popular-card .popular-tag{padding-inline:6px}.monthly-gold .monthly-gold-copy{padding-inline:6px}}
.approach-list .feature-content{flex:1}